# Lecture slides

> Slides for teaching Modern Front-End Engineering.

---

LLMS index: [llms.txt](/frontend-book/llms.txt)

---

Lecture decks for the book. Open a deck to present it, use the arrow keys or
space bar to move between slides, and press **F** for fullscreen. Each deck
also prints one slide per landscape page for handouts or PDF export.

---

Section pages:

- [The Modern Web Platform & Browser Internals](/frontend-book/slides/01-browser-runtime/): Chapter 1: follow a page from resource discovery to rendering and interaction, then test the model in DevTools.
- [Semantic HTML, Accessibility, Internationalization & the DOM](/frontend-book/slides/02-semantic-html-accessibility-dom/): Chapter 2: choose meaningful HTML, build accessible interfaces, respect language and direction, and work with the DOM safely.
- [Modern CSS Architecture & Layout Systems](/frontend-book/slides/03-modern-css-architecture-layout/): Chapter 3: make the cascade predictable, compose responsive layouts, support internationalized interfaces, and choose a maintainable styling architecture.
- [Modern JavaScript & Asynchronous Programming](/frontend-book/slides/04-modern-javascript-async/): Chapter 4: understand scope, closures, modules, promises, concurrency, cancellation, and locale-aware output.
- [TypeScript, Runtime Contracts & Safe Data Boundaries](/frontend-book/slides/05-typescript-runtime-contracts/): Chapter 5: model data precisely, narrow unknown values, use generics, and validate every external boundary.
- [Component-Driven Architecture & Design Patterns](/frontend-book/slides/06-component-driven-architecture/): Chapter 6: find component boundaries, design stable APIs, compose behavior, and organize front-end systems by responsibility.
- [Reactivity & Rendering Mechanics](/frontend-book/slides/07-reactivity-rendering-mechanics/): Chapter 7: follow state through render trees, dependency graphs, scheduling, identity, and side-effect boundaries.
- [State Management, Routing & Form Architecture](/frontend-book/slides/08-state-routing-forms/): Chapter 8: classify state, assign ownership, design URL-driven views, and build resilient form workflows.
- [Client–Server Communication, APIs & Cache Management](/frontend-book/slides/09-client-server-apis-cache/): Chapter 9: design reliable HTTP boundaries, represent remote UI states, and manage caches, mutations, retries, and recovery.
- [Real-Time Communication, Offline Systems & Client Persistence](/frontend-book/slides/10-realtime-offline-systems/): Chapter 10: choose live communication deliberately, persist useful client data, and synchronize offline work safely.
- [Rendering Topologies: CSR, SSR, SSG & Beyond](/frontend-book/slides/11-rendering-topologies/): Chapter 11: choose where and when rendering happens, manage hydration and handoff costs, and design hybrid routes deliberately.
- [Modern Build Systems, Development Tooling & Team Workflows](/frontend-book/slides/12-modern-build-toolchain/): Chapter 12: understand module graphs, transformation, bundling, code splitting, environment boundaries, and reproducible team workflows.
- [Front-End Security, Authentication & Browser Isolation](/frontend-book/slides/13-frontend-security/): Chapter 13: reason about origins, untrusted input, authentication, authorization, browser defenses, and layered security boundaries.
- [Scaling Front-End Architecture: Design Systems, Monorepos & Micro-Frontends](/frontend-book/slides/14-scaling-front-end-architecture/): Chapter 14: scale shared UI, packages, teams, and deployments without turning reuse into hidden coupling.
- [Core Web Vitals & Performance Engineering](/frontend-book/slides/15-performance-engineering/): Chapter 15: measure real user experience, diagnose LCP, INP, and CLS, and optimize from evidence rather than instinct.
- [Testing Strategies for Resilient Interfaces](/frontend-book/slides/16-testing-resilient-interfaces/): Chapter 16: build layered confidence around user behavior, accessibility, network boundaries, failure recovery, and production workflows.
- [Continuous Delivery, Observability & Maintenance](/frontend-book/slides/17-delivery-observability-maintenance/): Chapter 17: build a safe frontend delivery loop with reproducible artifacts, progressive releases, production signals, rollback, and maintenance.
- [Front-End Architecture & Technical Decision-Making](/frontend-book/slides/18-architecture-decision-making/): Chapter 18: make evidence-backed architecture decisions using quality attributes, constraints, boundaries, trade-offs, and reversible learning.