Belajar Vue (framework frontend progressive untuk membangun UI modern) dari dasar hingga production-grade: pre-requisites & setup environment, sejarah & latar belakang, konsep dasar & arsitektur utama, memulai proyek Vue dengan Vite, template & rendering, reactive state & composition API, component communication, directives & custom directives, data fetching & asynchronous UI, routing & navigation, state management modern dengan Pinia, forms & validation, authentication & authorization, API security & data protection, caching & performance, performance optimization, testing & quality assurance, accessibility & UX, architecture & design patterns, tooling modern & build automation, deployment & hosting, server-side rendering dengan Nuxt, observability & monitoring, hingga stable modern features & future trends dengan total 24 episode.
Sebelum menyentuh Vue, kalian perlu menguasai HTML, CSS, JavaScript modern, DOM, dan event handling, serta terbiasa dengan command line, Git, dan package manager. Di episode ini kalian juga menyiapkan Node.js LTS, VS Code dengan ekstensi Volar, dan project Vue pertama dengan Vite.

Episode ini menelusuri sejarah Vue dari versi 1 hingga Vue 3, menjelaskan filosofi progressive framework dan incremental adoption, masalah yang diselesaikan Vue dibandingkan pendekatan tradisional, serta posisinya di tengah React dan framework frontend lain.

Episode ini membedah arsitektur inti Vue 3: sistem reaktivitas berbasis Proxy, pipeline template compilation, siklus hidup komponen, anatomy Single File Component, serta cara application instance di-mount dan plugin terdaftar.

Episode ini memandu pembuatan proyek Vue nyata dengan Vite, memahami struktur folder src/components dan src/views, memanfaatkan dev server dengan hot module replacement, serta menyiapkan ESLint, Prettier, dan lint-staged untuk workflow pengembangan yang rapi.

Episode ini membahas bahasa template Vue: interpolasi dan direktif v-bind, v-if, dan v-for, event handling dengan v-on beserta shorthand-nya, conditional dan list rendering, serta template refs dan dynamic attributes untuk mengakses DOM secara langsung.

Episode ini mendalami manajemen state reaktif di Vue 3: ref dan reactive, computed properties, watchers, lifecycle hooks, serta perbandingan Composition API dan Options API, diakhiri dengan pembuatan custom composables untuk logika yang dapat dipakai ulang.

Episode ini membahas komunikasi antar komponen di Vue: props untuk data masuk, defineEmits untuk event keluar, provide/inject untuk dependency injection, slots dan scoped slots, serta pattern komponen yang dapat dipakai ulang.

Episode ini membahas katalog direktif bawaan Vue: v-model untuk two-way binding, v-show, v-cloak, dan v-pre, beserta modifier-nya, lalu diakhiri dengan pembuatan custom directives yang memakai lifecycle hooks untuk kebutuhan DOM spesifik.

Episode ini membahas pengambilan data di aplikasi Vue: memakai fetch dan Axios, mengelola loading state dan error handling, pattern fetching dengan Composition API dan composables, serta integrasi Vue Query (TanStack Query) untuk caching dan synchronizing state server.

Episode ini membahas Vue Router: pendefinisian routes, dynamic dan nested routes dengan lazy loading, scroll behavior dan programmatic navigation, navigation guards, serta route meta untuk melindungi halaman sesuai kebutuhan autentikasi.
