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.
Overview
Syllabus
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
Taught by
Ray Villalobos