Vue 3 Composition API, components, Vue Router, Pinia for state management, and building with Vite. The Vue course that starts with the Composition API — not the Options API — because that's how production Vue 3 code is written.
This is a text-first course that links out to the best supporting material on the internet instead of trying to replace it. The goal is to make this the best course on vue you can find — even without producing a single minute of custom video.
This course is built by engineers who ship vue systems in production. It reflects how these tools actually behave at scale.
Every day includes working code examples you can copy, run, and modify. Understanding comes through doing.
Instead of re-explaining existing documentation, this course links to the definitive open-source implementations and the best reference material on vue available.
Each day is designed for about an hour of focused reading plus hands-on work. Do the whole course over a week of lunch breaks. No live classes, no quizzes.
Each day stands alone. Read them in order for the full picture, or jump straight to the day that answers the question you have today.
The Vue 3 mental model, script setup syntax, ref() and reactive() for state, computed(), watchEffect(), and why the Composition API improves code organization compared to the Options API.
Single-file components, prop definitions with defineProps, emitting events with defineEmits, v-model on custom components, provide/inject for deep component communication, and the component design patterns that scale.
createRouter with createWebHistory, route definitions, dynamic segments, navigation guards, programmatic navigation, route meta, and the lazy-loading pattern that keeps initial bundles small.
Pinia stores vs Vuex, defineStore, state, getters, and actions, using stores in components with storeToRefs, persisting state to localStorage, and the devtools integration that makes Pinia state debugging practical.
Vite dev server, environment variables, build optimization, code splitting, Vitest for unit testing Vue components, Vue Test Utils for component testing, and deploying to Netlify or Vercel.
Instead of shooting our own videos, we link to the best deep-dives already on YouTube. Watch them alongside the course. All external, all free, all from builders who ship this stuff.
Complete Vue 3 tutorials focusing on script setup, ref/reactive, and the Composition API patterns that production Vue code uses.
Navigation with Vue Router — routes, navigation guards, dynamic segments, and the lazy loading setup that keeps bundles small.
Vue 3 state management with Pinia — the official Vuex replacement that's simpler and works perfectly with the Composition API.
Setting up Vue 3 with Vite — dev server, HMR, environment variables, and production build optimization.
Unit and component testing in Vue with Vitest and Vue Test Utils — the modern Vue testing stack.
The best way to deepen understanding is to read the canonical open-source implementations. Clone them, trace the code, understand how the concepts in this course get applied in production.
The Vue 3 core source. The /packages/runtime-core directory shows how the virtual DOM, Composition API, and reactivity system are implemented.
Pinia state management source. Tiny codebase that shows how the store pattern integrates with Vue 3's reactivity system.
Vue Router source. The navigation guard implementation explains how routing hooks work in the Vue lifecycle.
Nuxt 3 — the full-stack Vue framework. If your Vue project grows to need SSR, file-based routing, or server routes, Nuxt is the natural next step.
Vue 3's Composition API is close to React Hooks in mental model. This course gets JavaScript developers productive in Vue quickly by comparing concepts they already know.
Vue occupies a middle ground — more opinionated than React, less compile-time magic than Svelte. This course gives you enough Vue depth to make an informed framework choice.
Vue 3 is a meaningful architectural change. This course starts from the Composition API — not the Options API bridge — to help Vue 2 developers think in Vue 3 from the start.
The 2-day in-person Precision AI Academy bootcamp covers frontend development and Vue.js in depth — hands-on, with practitioners who build AI systems for a living. 5 U.S. cities. $1,490. 40 seats max. June–October 2026 (Thu–Fri).
Reserve Your Seat