Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Vue.js Essential Training

via LinkedIn Learning

Overview

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.

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
  • 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

Taught by

Ray Villalobos

Reviews

4.7 rating at LinkedIn Learning based on 168 ratings

Start your review of Vue.js Essential Training

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.