0%

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

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!
Nuxt 3 Fundamentals

Firebase Fundamentals

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

Building Applications with Vue & Nuxt

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.
Building Applications with Vue & Nuxt

Vue 2 Internal Features from the Ground Up

Learn how to build accessible routing, state management, form validation and internationalization from the ground up by composing basic Vue.js features.
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