Vue.js Learning Path
Build Rich Applications with the Powerful & Easy-to-Pickup Vue.js Framework

Vue is quick to learn and easy to integrate with other libraries or existing projects while having the power to scale to sophisticated web applications.

Total time: 14 hours, 45 minutes

Core Coursework

Take these in order
Prerequisite: The Beginner Learning Path or a solid understanding of HTML, CSS, and JavaScript
Editor's Note
Learn the fundamentals and core concepts of Vue

Vue 3 Fundamentals

Ben Hong

Ben Hong

Netlify

Learn to build complete apps with Vue: create flexible components using directives, props, lifecycle hooks, and slots. And use Vue Router for routing and Pinia for state management.

7 hours CC

Vue 3 Fundamentals
Editor's Note
Learn best practices for building Vue.js apps that can scale and grow!

Production-Grade Vue.js

Ben Hong

Ben Hong

Netlify

Learn component design patterns, workflows to enhance productivity, testing methodologies, state management, routing, and more!

4 hours, 37 minutes CC

Production-Grade Vue.js
Editor's Note
Write more bulletproof code using Vue and TypeScript

TypeScript and Vue 3

Ben Hong

Ben Hong

Netlify

Learn to integrate TypeScript with Vue's options API and the Vue 3+ composition API.

3 hours, 6 minutes CC

TypeScript and Vue 3
Editor's Note
Use the optional courses below to dive deeper into Vue or apply your Vue.js skill while learning to create performant full-stack web applications with Nuxt.

Elective Coursework

Optional, take in any order

Nuxt 3 Fundamentals

Ben Hong

Ben Hong

Netlify

Nuxt is a robust full-stack framework to build fully static and dynamic apps with Vue. Learn to create and deploy real-world Nuxt apps!

3 hours, 19 minutes CC

Nuxt 3 Fundamentals

Firebase Fundamentals

David East

David East

Google

Code an app with real-time updates using Firebase and Firestore. Add security rules, add Firebase authentication, and trigger server code with Cloud Functions.

4 hours, 33 minutes CC

Firebase Fundamentals

Building Applications with Vue & Nuxt

Sarah Drasner

Sarah Drasner

Google

Build dynamic web applications with Vue and Nuxt! In this course, you’ll build out a variety of projects leveraging the tools in the Vue ecosystem.

4 hours, 14 minutes CC

Building Applications with Vue & Nuxt

Vue 2 Internal Features from the Ground Up

Evan You

Evan You

Creator of Vue.js

Learn how to build accessible routing, state management, form validation and internationalization from the ground up by composing basic Vue.js features.

3 hours, 48 minutes CC

Vue 2 Internal Features from the Ground Up

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now