Description
In this course, you will learn:
- 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.
Syllabus:
- 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
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