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: 13 hours, 57 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 and start contributing to Vue projects confidently.

Vue 3 Fundamentals

Ben Hong
Pandan Studio
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
Our intermediate course builds on the foundations from the fundamentals course and equips developers with the skills to recognize best practices and structure Vue applications for scale and maintainability.

Intermediate Vue

Ben Hong
Pandan Studio
Master Vue 3's Composition API, transparent components, and scoped slots. Create composables, implement file-based routing, and use Pinia to solve state management challenges. Leverage Vue 3's improved developer experience and gain the skills to take the lead on your next Vue project.
3 hours, 49 minutes CC
Intermediate Vue
Editor's Note
Write more bulletproof code using Vue and TypeScript

TypeScript and Vue 3

Ben Hong
Pandan Studio
Learn to integrate TypeScript with Vue's options API and the Vue 3+ composition API.
3 hours, 6 minutes CC
TypeScript and Vue 3

Get Free Access for 5 Days to 200+ Courses

Unlock access to over 200+ high-quality frontend and fullstack courses - a perfect opportunity to get started and gauge your interest!

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
Start a 5-Day Free Trial