💚 Vue.js Foundations
Reactive UI with Vue 3 — the template updates as state changes.
1→2→3→4→5→6→7→8→9→10→11→12→13→14→15→16→17→18→19→20→21→22→23→24→25→
Lesson 1 — Hello Vue
basics · 6 min
Lesson 2 — Reactivity
easy · 8 min
Lesson 3 — v-for
medium · 9 min
Lesson 4 — v-model
medium · 9 min
Lesson 5 — computed
medium · 10 min
Lesson 6 — Computed properties
medium · 9 min
Lesson 7 — Rendering lists
medium · 9 min
Lesson 8 — Handling events
medium · 8 min
Lesson 9 — Conditional render
medium · 8 min
Lesson 10 — Class binding
medium · 9 min
Lesson 11 — Input length counter
medium · 9 min
Lesson 12 — Computed with filter
medium · 9 min
Lesson 13 — v-if
hard · 10 min
Lesson 14 — Two-way binding
hard · 10 min
Lesson 15 — Watchers
hard · 11 min
Lesson 16 — Filtered list
hard · 11 min
Lesson 17 — Mini project: todo
hard · 13 min
Lesson 18 — Watchers with cleanup
hard · 10 min
Lesson 19 — Provide / inject
hard · 11 min
Lesson 20 — Composables
hard · 12 min
Lesson 21 — Dynamic components
hard · 12 min
Lesson 22 — Mini project: todo (expert)
hard · 13 min
Lesson 23 — Composable store
very hard · 15 min
Lesson 24 — watchEffect
very hard · 14 min
Lesson 25 — Ultimate: todo app
★ ultimate · 20 min