The complete path
Follow the platform, application, and production topics in order.
The book in four numbers
Based on the manuscript and teaching materials currently in this site.
18Chaptersfrom browser internals to architecture decisions
3Appendicesframework comparisons, browser APIs, and deployment
18Lecture deckspresentation materials for Chapters 1-18
18Practical briefsone guided exercise for each chapter
How to use the book
Build a mental model
Read the chapter to understand how the browser, language, or architectural boundary works.
Study the examples
Connect the explanation to code and compare the costs of different approaches.
Apply it in the Playground
Use the companion practical brief to investigate the chapter’s ideas in a small project.
Review the trade-offs
Use the summaries, lecture decks, and reference appendices to revisit your decisions.
Learning paths
Start this path
Platform foundations
Strengthen browser, HTML, accessibility, CSS, JavaScript, and TypeScript knowledge.
Application architecture
Explore components, reactivity, state, APIs, offline systems, rendering, tooling, security, and scale.
Production engineering
Investigate performance, test resilient interfaces, plan delivery, and justify architectural choices.
The arc of the book
Understand the web platform
Browser internals, semantic HTML, accessibility, CSS, JavaScript, and safe TypeScript boundaries.
Structure interactive applications
Component design, rendering mechanics, state management, routing, and forms.
Connect data and rendering
API communication, caching, real-time and offline systems, and rendering topologies.
Build and scale responsibly
Build tools, team workflows, security, design systems, monorepos, and micro-frontends.
Measure, deliver, and decide
Performance, testing, continuous delivery, observability, and architectural judgment.
Learning topics
Browser internals
Semantic HTML & accessibility
Responsive CSS
Modern JavaScript
TypeScript & runtime validation
Component architecture
Reactivity & rendering
State, routing & forms
APIs & caching
Real-time & offline systems
Rendering strategies
Development tooling
Front-end security
Design systems & scaling
Performance engineering
Front-end testing
Delivery & observability
Architectural decisions
Tools and technologies you will explore
Browser DevTools
Inspect rendering, scheduling, and performance
HTML and CSS
Accessible documents and adaptable layouts
JavaScript and TypeScript
Async behavior and safe data boundaries
React and Vue
Compare component and reactivity models
Vite and build tools
Understand module graphs and code splitting
Testing and observability
Verify behavior and investigate production systems
FAQ
Who is this book for?
Readers who know basic HTML, CSS, JavaScript, and command-line usage and want to develop broader front-end engineering skills. Professional front-end experience is not assumed.
Is this a React or Vue book?
The web platform comes first. React and Vue provide comparative examples, while the book focuses on concepts that carry across frameworks.
How do the practicals work?
The Playground contains 18 exercise briefs. Most call for a small Vite and TypeScript project; follow each brief for its requirements. Runnable companion implementations are planned for a separate repository.
Are lecture slides available?
There are currently 18 lecture decks covering Chapters 1-18. Open a deck from Lecture slides to present it or use its print layout.
Where should I begin?
Start with Chapter 1 for the full progression, or choose a learning path above to revisit platform foundations, application architecture, or production engineering.
Can I download the book?
Yes! You can download the complete offline PDF edition or read the entire manuscript online in a single continuous view using the download section below.
Engineering principles
Understand the platform
Use browser behavior, web standards, accessibility, and security as the foundation for framework decisions.
Measure and verify
Support performance and reliability decisions with observations, tests, and production feedback.
Make trade-offs explicit
Choose the simplest approach that meets the requirements, and record its costs and constraints.
Read the book online or downloadRead all 18 chapters and 3 appendices online. You can also download the complete PDF edition for offline reading or browse the full continuous HTML edition.