Code Monkey home page Code Monkey logo

building-forms-with-vue.js's Introduction

Building Forms with Vue.js

Building Forms with Vue.js

This is the code repository for Building Forms with Vue.js, published by Packt.

Patterns for building and scaling complex forms with great UX

What is this book about?

Almost every web application and site out there handles user input in one way or another, from registration forms and login handling to registration and landing pages. In Building Forms with Vue.js you will find a step by step guide to transform even the simplest form into a crafted user and developer experience.

This book covers the following exciting features:

  • Learn all about the basics of creating reusable form components with Vue's framework
  • Understand v-model in depth and how it plays a role in form creation
  • Create forms that are completely powered and generated by a schema, either locally or from an API endpoint
  • Understand how Vuelidate allows for easy declarative validation of all your form’s inputs with Vue's reactivity system
  • Connect your application with a Vuex powered global state management

If you feel this book is for you, get your copy today!

https://www.packtpub.com/

Instructions and Navigations

All of the code is organized into folders. For example, Chapter02.

The code will look like the following:

<input 
 type="text"
 v-model="form.telephone"
 v-mask="'(###)###-####'"
>

Following is what you need for this book: This book is intended for any developer with basic Vue experience who wants to enhance their forms. No previous experience with any of the libraries used in the book is required.

With the following software and hardware list you can run all code files present in the book (Chapter 1-7).

Software and Hardware List

Chapter Software required OS required
1-7 VSCode 1.3+ or similar code editor, Windows, Mac OS X, and Linux (Any)
Mockoon 1.4+, Terminal, Google Chrome

We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.

Code in Action

Click on the following link to see the Code in Action:

http://bit.ly/2puBGN1

Related products

Get to Know the Author

Marina Mosti is a full-stack web developer with over 13 years of experience in the field. She enjoys mentoring other women on JavaScript and her favorite framework, Vue, as well as writing articles and tutorials for the community. She currently holds a position as Lead FE Developer at VoiceThread, and is the author of the FormVueLatte library as well as a member of the Vuelidate team. In her spare time, she enjoys playing bass, drums, and videogames.

Suggestions and Feedback

Click here if you have any feedback or suggestions.

building-forms-with-vue.js's People

Contributors

jane-25 avatar packt-itservice avatar jinesh1395 avatar mohammedyusufimaratwale avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.