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