Vue Course

Vue is a JavaScript framework for building interactive user interfaces — reactive by default, with a gentle learning curve and a template syntax that reads like the HTML you already know.

What you'll learn

This course assumes you're already comfortable with JavaScript (see the site's JavaScript course if you need a refresher) and picks up from there. You'll start with Vue's template syntax and directives — the building blocks for showing and hiding content, looping over lists, and binding data to the DOM — then move into reactive data, computed properties, and event handling.

The second half covers components: breaking a UI into reusable pieces, passing data down with props, sending events back up with $emit, and working with forms via v-model. The course finishes with lifecycle hooks, which tell you exactly when Vue mounts, updates, and removes a component from the page. Every lesson shows real Vue code next to the exact markup or behavior it produces.

Lessons

  1. Introduction
  2. Template Syntax & Interpolation
  3. Directives
  4. Methods & Event Handling
  5. Reactive Data
  6. Computed Properties & Watchers
  7. Components & Props
  8. Emitting Events
  9. Forms & v-model
  10. Lifecycle Hooks
Where to start: begin with Introduction and go in order — components (lessons 07 through 09) lean directly on the reactivity and directive concepts covered earlier, so skipping ahead tends to mean backtracking.