Vue.js Programming Tutorial
Vue.js is a progressive web development framework designed to build reactive interfaces incrementally. In this comprehensive, 15-lesson course, you will learn progressive framework architectures, Vite setup scaffolding, Options API structure properties, Composition API reactivity definitions (ref & reactive), conditional displays comparisons, list loops iteration tracking, event listeners triggers modifiers, class dynamic styling bindings, v-model forms bindings modifiers, computed caching getters watchers, components interfaces props define, child custom emit event parameters, slot projections layouts distribution, Vue Router mapping views, and global Pinia store states configurations.
Choose a topic from the left sidebar or click a lesson below to start learning Vue.js:
| Lesson | Topic |
|---|---|
| Lesson 1 | Introduction to Vue.js & Vite |
| Lesson 2 | The Vue Instance & Options API |
| Lesson 3 | Template Syntax & Interpolation |
| Lesson 4 | Reactivity Basics & Composition API (ref & reactive) |
| Lesson 5 | Conditional Rendering (v-if vs v-show) |
| Lesson 6 | List Rendering (v-for & Key Tracking) |
| Lesson 7 | Event Handling (v-on & Modifiers) |
| Lesson 8 | Class & Style Bindings |
| Lesson 9 | Form Input Bindings (v-model & Modifiers) |
| Lesson 10 | Computed Properties vs Watchers |
| Lesson 11 | Components & Props |
| Lesson 12 | Custom Events & Communication ($emit) |
| Lesson 13 | Slots & Content Distribution |
| Lesson 14 | Vue Router & Navigation |
| Lesson 15 | State Management (Pinia Basics) |