Vue.js Tutorial

Learn Vue 3.5 step by step, from your first reactive page to components, routing, Pinia and testing.

8 free lessons Beginner to Advanced Covers Vue 3.5

Start the first lesson

Getting Started

  1. 1Vue Introduction
  2. 2Set Up Vue: CDN & Vite
  3. 3Template Syntax
  4. 4Reactivity: ref & reactive

Vue Essentials

  1. 5Computed Properties
  2. 6Watchers
  3. 7Class & Style Bindings
  4. 8Conditional Rendering
  5. 9List Rendering (coming soon)
  6. 10Event Handling (coming soon)
  7. 11Forms & v-model (coming soon)
  8. 12Options API vs Composition API (coming soon)

Components

  1. 13Components Basics (coming soon)
  2. 14Props (coming soon)
  3. 15Component Events & v-model (coming soon)
  4. 16Slots (coming soon)
  5. 17Provide & Inject (coming soon)

Reusing Logic

  1. 18Lifecycle Hooks & Template Refs (coming soon)
  2. 19Composables (coming soon)
  3. 20Teleport, KeepAlive & Dynamic Components (coming soon)

Building Apps

  1. 21Fetching Data (coming soon)
  2. 22Vue Router (coming soon)
  3. 23State Management with Pinia (coming soon)
  4. 24Transitions & Animations (coming soon)

Advanced Vue

  1. 25Vue with TypeScript (coming soon)
  2. 26Testing with Vitest (coming soon)
  3. 27Nuxt Overview (coming soon)
  4. 28Vue 2 to Vue 3 Migration (Legacy) (coming soon)

Projects

  1. 29Project: Shopping Cart (coming soon)

Learn Vue.js with a mentor

Free lessons get you started. Our Full Stack Web Development training adds real projects and code reviews from working developers.

  • Project-based learning
  • Mentor code reviews
  • Free counselling call