Vue.js Essential Training

Learn how to use Vue.js to develop well-structured apps. Explore the features of this lightweight framework, including the library, templates, classes, objects, arrays, styles, and more.

Introduction

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

1. Vue.js Overview

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

2. Working with Templates

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

3. Managing CSS Styles

• 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

4. Digging Deeper

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

5. Component Based Vue

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

6. Building with the CLI

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

7. Projects with the Build Tools

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

8. Using the Vue Router

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

Conclusion

• Next steps