0 views
Read
#0
Learn Vue - Pre-Requisite Skills & Environment Setup
Before touching Vue, you need to master HTML, CSS, modern JavaScript, DOM, and event handling, and be comfortable with the command line, Git, and a package manager. In this episode you also set up Node.js LTS, VS Code with the Volar extension, and your first Vue project with Vite.
August 10, 2026
00
Read
#1
Learn Vue - History, Background & Why You Need Vue
This episode traces Vue's history from version 1 to Vue 3, explains the progressive framework philosophy and incremental adoption, the problems Vue solves compared to traditional approaches, and its position among React and other frontend frameworks.
August 10, 2026
00
Read
#2
Learn Vue - Core Concepts & Main Architecture
This episode dissects the core architecture of Vue 3: the Proxy-based reactivity system, the template compilation pipeline, the component lifecycle, the anatomy of Single File Components, and how the application instance is mounted and plugins are registered.
August 10, 2026
00
Read
#3
Learn Vue - Starting a Vue Project
This episode guides you through creating a real Vue project with Vite, understanding the src/components and src/views folder structure, making the most of the dev server with hot module replacement, and setting up ESLint, Prettier, and lint-staged for a tidy development workflow.
August 10, 2026
00
Read
#4
Learn Vue - Template & Rendering
This episode covers Vue's template language: interpolation and the v-bind, v-if, and v-for directives, event handling with v-on and its shorthands, conditional and list rendering, plus template refs and dynamic attributes for touching the DOM directly.
August 10, 2026
00
Read
#5
Learn Vue - Reactive State & Composition API
This episode dives deep into reactive state management in Vue 3: ref and reactive, computed properties, watchers, lifecycle hooks, and a comparison of the Composition API and Options API, ending with building custom composables for reusable logic.
August 10, 2026
00
Read
#6
Learn Vue - Component Communication
This episode covers communication between Vue components: props for incoming data, defineEmits for outgoing events, provide/inject for dependency injection, slots and scoped slots, plus reusable component patterns.
August 10, 2026
00
Read
#7
Learn Vue - Directives & Custom Directives
This episode covers Vue's catalog of built-in directives: v-model for two-way binding, v-show, v-cloak, and v-pre, along with their modifiers, and ends with building custom directives that use lifecycle hooks for specific DOM needs.
August 10, 2026
00
Read
#8
Learn Vue - Data Fetching & Asynchronous UI
This episode covers fetching data in Vue applications: using fetch and Axios, managing loading state and error handling, fetching patterns with the Composition API and composables, plus integrating Vue Query (TanStack Query) for caching and server state synchronization.
August 10, 2026
00
Read
#9
Learn Vue - Routing & Navigation
This episode covers Vue Router: defining routes, dynamic and nested routes with lazy loading, scroll behavior and programmatic navigation, navigation guards, and route meta for protecting pages based on authentication needs.
August 10, 2026
00