Vue.js 2 Essential Training

Course details

Vue.js offers developers a framework for building applications that lets them choose how deeply they want to apply the framework. This flexibility is just one of the many benefits offered by this lightweight framework. Developers also appreciate the render functions, the single-file components, the native script plugins, the CLI project generator, and other unique-yet-familiar programming options. In this course, explore the fundamentals of Vue.js. Explore the core library and learn how to make the most of templates, classes, objects, arrays, styles, modules, and more.

Learning objectives
Basics of Vue.js
Installing Vue.js
Making an app more reactive
Working with templates
Binding classes with objects and arrays
Creating transitions and animations
Managing styles with JavaScript
Toggling elements with a key
Understanding Vue CLI installations
Installing additional modules
Adding navigation
Building routes and creating route links

Concepts

0. Introduction

01 - Why you should learn Vue.js
02 - Using the exercises for this course

1. Vue.js Overview

03 - Basic installation
04 - Reactive data
05 - Binding data to attributes
06 - Looping through data
07 - Conditional data
08 - Handing user input
09 - Lifecycle hooks
10 - Events and methods

2. Working with Templates

11 - Template interpolations
12 - Binding attributes with v-bind
13 - Using computed properties
14 - Using methods

3. Managing CSS Styles

15 - Binding classes with objects and arrays
16 - Expressions and computed classes
17 - Toggling computed classes
18 - Creating transitions and animations
19 - Using an animation framework
20 - Working with transition groups
21 - Managing styles with JavaScript

4. Digging Deeper

22 - Creating filters
23 - Toggling elements with a key
24 - Categorizing lists
25 - Adding computed classes
26 - Deleting items and modifiers

5. Component Based Vue

27 - Creating reusable components
28 - Using props
29 - Prop options
30 - Building complex components
31 - Emitting events from within components

6. Building with the CLI

32 - Installing projects using the Vue CLI
33 - Understanding Vue CLI installations
34 - How CLI components load
35 - Installing additional modules
36 - Testing your module installations

7. Projects with the Build Tools

37 - Creating a component
38 - Managing complex child components
39 - Using the Chrome DevTools
40 - Emitting updates
41 - Adding navigation
42 - Fixing component issues

8. Using the Vue Router

43 - Reorganizing hierarchy
44 - Creating a checkout page
45 - Building your routes
46 - Creating route links

Conclusion

47 - Next steps