Zero to Hero - TypeScript & Vue
Seventeen chapters that take you from "what is a server?" to confidently building, testing, and extending a real full-stack TypeScript application using Vue and Vite.
Read in order the first time — each chapter assumes the previous one. After that, use it as a reference: jump to any chapter from the sidebar, or look up a specific term in the Glossary. Every technical term is underlined with a dotted line like this — hover for a quick definition, click to jump to the full entry.
The roadmap #
Foundations #
How Software Talks
Clients, servers, HTTP, JSON, and why almost everything you'll build has these two halves.
02JavaScript Foundations
Variables, functions, objects/arrays, modules, and asynchronous code with promises and
async/await.
TypeScript Essentials
Adding a type layer on top of JavaScript: interfaces, generics, strict mode, and why teams choose it for anything that has to last.
04Packages & Monorepos
npm packages, lockfiles, and organizing several related projects in one workspace-aware repository.
05Build Tools & Dev Servers
What a bundler actually does, hot module replacement, and why your dev server feels instant.
Frontend #
Reactive UI Fundamentals
Declarative templates, reactive data, and how a modern framework re-renders only what changed.
07Composing Components
Props, events, slots, reusable composables, and dependency injection without prop drilling.
08Centralized State
Why apps outgrow component-local state, and how a single store becomes the source of truth.
Backend #
HTTP Servers & Routing
Building a real server with a framework: routes, plugins, middleware, and shared services.
10Embedded Databases
SQL, schema migrations, prepared statements, and running a production-grade database with zero external servers.
11Real-Time Updates
How a server pushes live updates to a browser despite HTTP being request-only.
12Background Scheduling
Running recurring work safely: timers, in-flight tracking, and avoiding overlapping jobs.
Architecture & Practice #
Plugin Architecture
Designing systems that grow by adding files, not editing a central registry — interfaces, discovery, and code generation.
14Design Systems & CSS
Design tokens as CSS custom properties, dark mode, and the boundary between shared and scoped styles.
15Automated Testing
Unit and integration tests, fixtures, and testing components, stores, and API routes with confidence.
16Secrets & Encryption
Encrypting sensitive data at rest, hashing passwords correctly, and what "authenticated encryption" buys you.
Capstone #
Capstone Project
Build one feature end to end — reactive UI, typed API, database write, and a live push back to every open browser — and see exactly how every earlier chapter fits together.
ReferenceGlossary & Dictionary
Every term used in this course, defined in one place, with links back to where it's taught.
What you need before starting #
- A text editor. Any will do.
- A terminal. Chapter 1 explains what that means if you've never used one.
- Curiosity about how the pieces fit — that's the whole point of "zero to hero": not just syntax, but the shape of a real system.
No prior TypeScript, Vue, or Vite experience is assumed anywhere in this course.