Vue

Getting Started

1. What is Vue?Vue's philosophy as a "progressive framework" and where it fits alongside plain JavaScript and React.
2. Setting Up a Vue ProjectScaffolding a real Vue application with Vite, and what each generated file is for.
3. Vue Application StructureHow a Single-File Component is put together, and what belongs in template, script, and style.

Template Syntax & Reactivity

1. Template Syntax and InterpolationMustache interpolation, v-bind for attributes, and how Vue templates differ from plain HTML.
2. The Composition API and script setupWhy Vue 3 introduced the Composition API, how script setup works, and how it compares to the older Options API.
3. Reactivity with ref and reactiveThe two core primitives for reactive state, when to reach for each, and the .value gotcha that trips up beginners.
4. Computed PropertiesDeriving values from reactive state with computed(), and why it beats recalculating in a method or template expression.

Reacting to Change & Handling Input

1. Watchers - watch and watchEffectRunning side effects in response to reactive state changes, and the difference between watch and watchEffect.
2. Event Handling with v-onListening for DOM events with v-on/@, passing arguments, and the event modifiers that replace common boilerplate.
3. Form Input Bindings with v-modelTwo-way binding for form inputs, how v-model works across different input types, and what it expands to under the hood.

Rendering Lists & Conditionals

1. Conditional Rendering - v-if and v-showShowing and hiding elements with v-if, v-else, and v-show, and the real difference between them.
2. List Rendering with v-forRendering arrays and objects with v-for, and why the :key attribute isn't optional in practice.

Components Deep Dive

1. Component Basics and Single-File ComponentsBreaking a UI into reusable components, and how they're imported and composed in practice.
2. PropsPassing data into a component with defineProps, validating it, and why props flow only one direction.
3. Emitting Custom EventsSending data back up to a parent with defineEmits, completing the one-way data flow that props start.
4. SlotsPassing template content — not just data — into a component, and how named and scoped slots extend the pattern.
5. Provide and InjectSharing data across deeply nested components without threading props through every level in between.
6. Lifecycle HooksRunning code at specific points in a component's life — mounting, updating, and unmounting — with onMounted and friends.

Routing with Vue Router

1. Vue Router BasicsSetting up client-side routing with Vue Router, and how it maps URLs to components without full page reloads.
2. Dynamic Routes and NavigationRoute parameters, reading them reactively, and navigating from code with the router instead of a template link.

State Management with Pinia

1. Pinia BasicsSetting up centralized state with Pinia, and when it's a better fit than provide/inject or local component state.
2. Pinia Actions and GettersOrganizing larger Pinia stores with async actions, cross-store composition, and the option-store alternative syntax.

Best Practices

1. Vue Best PracticesHabits that keep a Vue codebase maintainable as it grows — composables, prop discipline, key usage, and structure.