Vue.js Essential Training

Introduction

• Why you should learn Vue.js
• Using the exercises for this course

• Basic installation
• Reactive data
• Binding data to attributes
• Looping through data
• Conditional data
• Handing user input
• Lifecycle hooks
• Events and methods

• Template interpolations
• Binding attributes with v-bind
• Using computed properties
• Using methods

• Binding classes with objects and arrays
• Expressions and computed classes
• Toggling computed classes
• Creating transitions and animations
• Using an animation framework
• Working with transition groups
• Managing styles with JavaScript

• Creating filters
• Toggling elements with a key
• Categorizing lists
• Adding computed classes
• Deleting items and modifiers

• Creating reusable components
• Using props
• Prop options
• Building complex components
• Emitting events from within components

• Installing projects using the Vue CLI
• Understanding Vue CLI installations
• How CLI components load
• Installing additional modules
• Testing your module installations

• Creating a component
• Managing complex child components
• Using the Chrome DevTools
• Emitting updates
• Adding navigation
• Fixing component issues

• Reorganizing hierarchy
• Creating a checkout page
• Building your routes
• Creating route links

• Next steps