Vue.js

Vue.js

Vue 3 from the ground up. Composition API, reactivity, components, Vue Router, Pinia for state management, and building production applications with Nuxt.

BeginnerTopics 1–13
  • ·What is Vue.js?
  • ·Vue CLI & Vite Setup
  • ·Template Syntax
  • ·Directives: v-if & v-show
  • ·Directives: v-for & Keys
  • ·Directives: v-bind
  • ·Directives: v-on (Events)
  • ·Computed Properties
  • ·Watchers
  • ·Components & Props
  • ·Emits & Slots
  • ·Lifecycle Hooks
  • ·Forms (v-model) & Styling
Start Beginner →
IntermediateTopics 14–25
  • ·Composition API Deep Dive
  • ·setup() vs <script setup>
  • ·ref() vs reactive()
  • ·Composables
  • ·Vue Router Basics
  • ·Route Params & Guards
  • ·Pinia Basics
  • ·Defining Pinia Stores
  • ·Options vs Composition API
  • ·Async Components
  • ·Provide / Inject
  • ·Teleport
Start Intermediate →
AdvancedTopics 26–37
  • ·Custom Directives
  • ·Render Functions & JSX
  • ·Plugins
  • ·Deep Reactivity & Raw Objects
  • ·Performance: v-memo & shallowRef
  • ·Suspense
  • ·Error Boundaries
  • ·TypeScript with Vue
  • ·Testing with Vitest
  • ·Animations & Transitions
  • ·SSR with Nuxt Concepts
  • ·Advanced Pinia Patterns
Start Advanced →
ProductionTopics 38–48
  • ·Nuxt 3 App Setup
  • ·Nuxt File-based Routing
  • ·Nuxt Server Routes
  • ·Data Fetching: useFetch
  • ·SEO & useHead
  • ·Nuxt Error Handling
  • ·Deployment (Vercel/Netlify)
  • ·Progressive Web Apps (PWA)
  • ·Bundle Optimisation
  • ·Monitoring & Observability
  • ·Internationalisation (i18n)
Start Production →