Vue.js: Working With Forms & Unit Testing
Vue.js 2.6
| Beginner
- 15 Videos | 59m 41s
- Includes Assessment
- Earns a Badge
Vue.js, a Javascript front-end framework that is lightweight, flexible, progressive, is easy to set up to quickly start creating apps. In this 15-video course on important aspects of Vue.js, learners see how to use the V-Model directive to set up two-way data binding between Form Inputs and locally managed data. Then you will learn to work with FormData in Vue to construct a set of key/value pairs. Next, the course demonstrates how to install the necessary tools for unit testing, and how to create and run teAPI. You will learn to use Jest, a JavaScript unit testing tool; how to stub certain Vue containers as part of setting up unit tests; and examine mixins (Cascading Style Sheet properties similar to functions) and global mixins to define and distribute reusable bits of logic among the app's components. You will learn to use built-in and custom directives in Vue to add to templates. Finally, learners will see that custom filters are a way to apply common formatting to text and return an output.
WHAT YOU WILL LEARN
-
identify the subject areas covered in this courseuse v-model to perform two-way data binding in a Vue appuse modifiers to cast model data into an expected formatbind to the submit method of a form element and respond in Vuevalidate form data according to business requirementsset up unit testing using the Vue CLIcreate and run a unit test against a Vue componentre-run unit tests automatically on save
-
reuse app logic using mixinsset up global mixins in a Vue appuse Vue-provided directives in appscreate and use custom directivesset up and use filters in Vuecreate and use custom filterscreate a Vue component, add form elements, inputs, and buttons, and display alerts
IN THIS COURSE
-
1.Course Overview1m 36sUP NEXT
-
2.Two-Way Data Binding in Vue4m 34s
-
3.Typecasting v-model Data3m 12s
-
4.Submitting Form Data4m 27s
-
5.Validating Form Data6m 38s
-
6.Configuring Unit Testing in Vue3m 6s
-
7.Unit Testing a Component3m 3s
-
8.Using Watchers with Unit Tests4m 1s
-
9.Using Mixins5m 8s
-
10.Global Mixins3m 52s
-
11.Using Directives5m 5s
-
12.Creating Custom Directives5m 39s
-
13.Using Filters3m 1s
-
14.Creating Custom Filters3m 27s
-
15.Exercise: Creating Vue-Based Forms2m 52s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform
Digital badges are yours to keep, forever.