jsschools
Vue.js

Vue 3 · intermediate

Vue.js track

Build interactive UIs and SPAs with Vue 3. Composition API, signals-like reactivity, Single-File Components, Vue Router, Pinia, Suspense, SSR with Nuxt — the framework loved for its gentle learning curve and flexibility.

Start the first lesson 70 of 70 lessons live
Categories: 🎨 Frontend 🧩 Frameworks

Section 01

Vue Foundations

Install Vue, write Single-File Components, learn reactivity primitives.

10 / 10 lessons
Chapter quiz 8 questions on Vue Foundations
  1. 01 What Vue Is 4 min
  2. 02 Installing & First App With Vite 4 min
  3. 03 Single-File Components 4 min
  4. 04 Template Syntax 4 min
  5. 05 Reactivity — ref() & reactive() 5 min
  6. 06 Computed Properties 4 min
  7. 07 Watchers — watch() & watchEffect() 5 min
  8. 08 Options API vs Composition API 4 min
  9. 09 App Configuration & Plugins 4 min
  10. 10 Vue DevTools 4 min

Section 02

Composition API & Reactivity

setup, props, emits, lifecycle, composables, provide/inject, refs deep dive.

10 / 10 lessons
Chapter quiz 8 questions on Composition API & Reactivity
  1. 01 setup & `<script setup>` 4 min
  2. 02 Props With defineProps 5 min
  3. 03 Custom Events With defineEmits 4 min
  4. 04 Lifecycle Hooks 5 min
  5. 05 Composables — Reusable Logic 5 min
  6. 06 provide & inject — Dependency Injection 5 min
  7. 07 ref vs reactive — Which to Pick 4 min
  8. 08 shallowRef & triggerRef 4 min
  9. 09 effectScope — Group & Dispose Effects 5 min
  10. 10 toRef, toRefs & unref 5 min

Section 03

Templates & Directives

v-if/v-for/v-model/v-on/v-bind, slots, dynamic components, async components.

10 / 10 lessons
Chapter quiz 8 questions on Templates & Directives
  1. 01 v-if, v-else & v-show 4 min
  2. 02 v-for — Rendering Lists 4 min
  3. 03 v-model — Two-Way Binding 4 min
  4. 04 v-on (Events) & Modifiers 4 min
  5. 05 v-bind — Class, Style & Attributes 4 min
  6. 06 Slots — Let Parents Pass Markup 4 min
  7. 07 Scoped Slots 4 min
  8. 08 Dynamic Components & component :is 4 min
  9. 09 Template Refs 4 min
  10. 10 Async Components 4 min

Section 04

Forms & Validation

Form inputs, modifiers, custom v-model, VeeValidate, Zod, file uploads.

10 / 10 lessons
Chapter quiz 8 questions on Forms & Validation
  1. 01 Form Inputs — v-model Across Every Input Type 4 min
  2. 02 v-model Modifiers 4 min
  3. 03 Custom v-model on Components 4 min
  4. 04 Multiple v-model 4 min
  5. 05 Basic Form Validation 4 min
  6. 06 VeeValidate — Full Form Library 4 min
  7. 07 Zod + Vue 4 min
  8. 08 File Uploads 4 min
  9. 09 Form State Management 4 min
  10. 10 Submitting & Error Handling 4 min

Section 06

Data, HTTP & Patterns

Fetch, Suspense, teleport, keep-alive, transitions, render functions, TS, i18n.

10 / 10 lessons
Chapter quiz 8 questions on Data, HTTP & Patterns
  1. 01 HTTP — fetch & axios 4 min
  2. 02 useFetch Composable 5 min
  3. 03 Suspense 4 min
  4. 04 Error Handling 4 min
  5. 05 Teleport 4 min
  6. 06 KeepAlive — Preserve Component State 4 min
  7. 07 Transitions & Animations 4 min
  8. 08 Render Functions & JSX 4 min
  9. 09 TypeScript in Vue 4 min
  10. 10 Internationalization With vue-i18n 4 min

Section 07

Production & Tooling

Testing, SSR with Nuxt, performance, PWA, build, deployment, migration.

10 / 10 lessons
Chapter quiz 8 questions on Production & Tooling
  1. 01 Unit Testing With Vitest 4 min
  2. 02 Component Testing 4 min
  3. 03 End-to-End Testing 4 min
  4. 04 SSR With Nuxt 4 min
  5. 05 Performance Optimization 5 min
  6. 06 Progressive Web App 4 min
  7. 07 Build & Bundle Analysis 4 min
  8. 08 Deployment 4 min
  9. 09 Vue 2 → Vue 3 Migration 4 min
  10. 10 Going Further 3 min