Skip to content
Learn Netverks

Track

vue

Vue

36 lessons: templates, Composition API, reactivity, provide/inject—Vue 3 CDN + TypeScript in-browser playground and 108 MCQs.

Mode
client_vue
Practice
client vue
Lessons
36 units

Before you start

A progressive framework for building UIs with reactive data, templates, and the Composition API.

Gentle learning curve, excellent docs, and strong fit for SPAs, embedded widgets, and Laravel/Inertia stacks.

Greenfield SPAs, dashboards, design systems, and full-stack apps that pair Vue with PHP or Node APIs.

36 lessons with TypeScript playground (Vue 3 CDN), mountApp + template strings, enrichment, and 108 MCQs.

After JavaScript and TypeScript—often chosen alongside or instead of React at the same career stage.

Lesson order

Sequential — follow top to bottom

36 lessons are live in this track. Start from step 01 for the smoothest path.

  1. 01 intro Introduction to Vue

    beginner

    Open →
  2. 02 what-is-vue What is Vue?

    beginner

    Open →
  3. 03 progressive-framework Progressive framework

    beginner

    Open →
  4. 04 vue-vs-react Vue vs React

    beginner

    Open →
  5. 05 playground-workflow Playground workflow

    beginner

    Open →
  6. 06 template-syntax Template syntax

    beginner

    Open →
  7. 07 interpolation-directives Interpolation and directives

    beginner

    Open →
  8. 08 component-basics Component basics

    beginner

    Open →
  9. 09 props-down Props down

    beginner

    Open →
  10. 10 emits-up Emits up

    intermediate

    Open →
  11. 11 slots-composition Slots and composition

    intermediate

    Open →
  12. 12 ref-reactive ref and reactive

    beginner

    Open →
  13. 13 computed-watchers Computed and watchers

    intermediate

    Open →
  14. 14 event-handling Event handling

    beginner

    Open →
  15. 15 v-model-basics v-model basics

    intermediate

    Open →
  16. 16 conditional-vif Conditional rendering with v-if

    intermediate

    Open →
  17. 17 lists-vfor Lists with v-for

    intermediate

    Open →
  18. 18 setup-function The setup function

    intermediate

    Open →
  19. 19 lifecycle-onmounted Lifecycle: onMounted

    intermediate

    Open →
  20. 20 watch-watchEffect watch and watchEffect

    intermediate

    Open →
  21. 21 provide-inject Provide and inject

    intermediate

    Open →
  22. 22 composables Composables

    intermediate

    Open →
  23. 23 script-setup-concept script setup concept

    intermediate

    Open →
  24. 24 form-bindings Form bindings

    intermediate

    Open →
  25. 25 fetch-data Fetching data

    intermediate

    Open →
  26. 26 loading-error-states Loading and error states

    intermediate

    Open →
  27. 27 list-keys-detail Lists, keys, and detail views

    intermediate

    Open →
  28. 28 immutability-patterns Immutability patterns

    intermediate

    Open →
  29. 29 component-communication Component communication

    intermediate

    Open →
  30. 30 dynamic-components Dynamic components

    intermediate

    Open →
  31. 31 transitions-intro Transitions intro

    intermediate

    Open →
  32. 32 performance-mindset Performance mindset

    advanced

    Open →
  33. 33 error-handling Error handling

    advanced

    Open →
  34. 34 typescript-vue TypeScript with Vue

    advanced

    Open →
  35. 35 interview-essentials Interview essentials

    advanced

    Open →
  36. 36 summary Track summary

    beginner

    Open →