# Modern Front-End Engineering

> From Browser Fundamentals to Production Architecture

---

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

---

*From Browser Fundamentals to Production Architecture*

<div class="row g-4 my-4 align-items-center justify-content-center d-print-none">
  <div class="col-12 col-md-5 text-center">
    <div class="p-2 border rounded-3 bg-body-tertiary shadow-sm">
      <img src="/frontend-book/images/cover-front.png" alt="Modern Front-End Engineering - Front Cover" class="img-fluid rounded shadow" style="max-height: 460px; width: auto;">
      <div class="small text-muted mt-2 fw-semibold">Front Cover</div>
    </div>
  </div>
  <div class="col-12 col-md-5 text-center">
    <div class="p-2 border rounded-3 bg-body-tertiary shadow-sm">
      <img src="/frontend-book/images/cover-back.png" alt="Modern Front-End Engineering - Back Cover" class="img-fluid rounded shadow" style="max-height: 460px; width: auto;">
      <div class="small text-muted mt-2 fw-semibold">Back Cover</div>
    </div>
  </div>
</div>


- [1 The Modern Web Platform & Browser Internals](/frontend-book/book/chapter_01_the_modern_web_platform_and_browser_internals/)
- [2 Semantic HTML, Accessibility, Internationalization & the DOM](/frontend-book/book/chapter_02_semantic_html_accessibility_internationalization_and_the_dom/)
- [3 Modern CSS Architecture & Layout Systems](/frontend-book/book/chapter_03_modern_css_architecture_and_layout_systems/)
- [4 Modern JavaScript & Asynchronous Programming](/frontend-book/book/chapter_04_modern_javascript_and_asynchronous_programming/)
- [5 TypeScript, Runtime Contracts & Safe Data Boundaries](/frontend-book/book/chapter_05_typescript_runtime_contracts_and_safe_data_boundaries/)
- [6 Component-Driven Architecture & Design Patterns](/frontend-book/book/chapter_06_component_driven_architecture_and_design_patterns/)
- [7 Reactivity & Rendering Mechanics](/frontend-book/book/chapter_07_reactivity_and_rendering_mechanics/)
- [8 State Management, Routing & Form Architecture](/frontend-book/book/chapter_08_state_management_routing_and_form_architecture/)
- [9 Client-Server Communication, APIs & Cache Management](/frontend-book/book/chapter_09_client_server_communication_apis_and_cache_management/)
- [10 Real-Time Communication, Offline Systems & Client Persistence](/frontend-book/book/chapter_10_real_time_communication_offline_systems_and_client_persistence/)
- [11 Rendering Topologies: CSR, SSR, SSG & Beyond](/frontend-book/book/chapter_11_rendering_topologies_csr_ssr_ssg_and_beyond/)
- [12 Modern Build Systems, Development Tooling & Team Workflows](/frontend-book/book/chapter_12_modern_build_systems_development_tooling_and_team_workflows/)
- [13 Front-End Security, Authentication & Browser Isolation](/frontend-book/book/chapter_13_front_end_security_authentication_and_browser_isolation/)
- [14 Scaling Front-End Architecture: Design Systems, Monorepos & Micro-Frontends](/frontend-book/book/chapter_14_scaling_front_end_architecture_design_systems_monorepos_and_micro_frontends/)
- [15 Core Web Vitals & Performance Engineering](/frontend-book/book/chapter_15_core_web_vitals_and_performance_engineering/)
- [16 Testing Strategies for Resilient Interfaces](/frontend-book/book/chapter_16_testing_strategies_for_resilient_interfaces/)
- [17 Continuous Delivery, Observability, and Maintenance](/frontend-book/book/chapter_17_continuous_delivery_observability_and_maintenance/)
- [18 Front-End Architecture & Technical Decision-Making](/frontend-book/book/chapter_18_front_end_architecture_and_technical_decision_making/)
- [Appendix A](/frontend-book/book/appendix-a-architectural-rosetta-stone/)
- [Appendix B](/frontend-book/book/appendix-b-modern-browser-apis-reference/)
- [Appendix C](/frontend-book/book/appendix-c-production-deployment-checklist/)

This book presents modern front-end development as an engineering discipline,
from browser fundamentals through architecture, tooling, production
engineering, and architectural decision-making.

> 📥 **Offline & Continuous Editions:** Download the complete book as a [PDF](/downloads/Modern_Front_End_Engineering.pdf) or view the [entire continuous manuscript](_print/book/).

---

Section pages:

- [The Modern Web Platform & Browser Internals](/frontend-book/book/chapter_01_the_modern_web_platform_and_browser_internals/)
- [Semantic HTML, Accessibility, Internationalization & the DOM](/frontend-book/book/chapter_02_semantic_html_accessibility_internationalization_and_the_dom/)
- [Modern CSS Architecture & Layout Systems](/frontend-book/book/chapter_03_modern_css_architecture_and_layout_systems/)
- [Modern JavaScript & Asynchronous Programming](/frontend-book/book/chapter_04_modern_javascript_and_asynchronous_programming/)
- [TypeScript, Runtime Contracts & Safe Data Boundaries](/frontend-book/book/chapter_05_typescript_runtime_contracts_and_safe_data_boundaries/)
- [Component-Driven Architecture & Design Patterns](/frontend-book/book/chapter_06_component_driven_architecture_and_design_patterns/)
- [Reactivity & Rendering Mechanics](/frontend-book/book/chapter_07_reactivity_and_rendering_mechanics/)
- [State Management, Routing & Form Architecture](/frontend-book/book/chapter_08_state_management_routing_and_form_architecture/)
- [Client-Server Communication, APIs & Cache Management](/frontend-book/book/chapter_09_client_server_communication_apis_and_cache_management/)
- [Real-Time Communication, Offline Systems & Client Persistence](/frontend-book/book/chapter_10_real_time_communication_offline_systems_and_client_persistence/)
- [Rendering Topologies: CSR, SSR, SSG & Beyond](/frontend-book/book/chapter_11_rendering_topologies_csr_ssr_ssg_and_beyond/)
- [Modern Build Systems, Development Tooling & Team Workflows](/frontend-book/book/chapter_12_modern_build_systems_development_tooling_and_team_workflows/)
- [Front-End Security, Authentication & Browser Isolation](/frontend-book/book/chapter_13_front_end_security_authentication_and_browser_isolation/)
- [Scaling Front-End Architecture: Design Systems, Monorepos & Micro-Frontends](/frontend-book/book/chapter_14_scaling_front_end_architecture_design_systems_monorepos_and_micro_frontends/)
- [Core Web Vitals & Performance Engineering](/frontend-book/book/chapter_15_core_web_vitals_and_performance_engineering/)
- [Testing Strategies for Resilient Interfaces](/frontend-book/book/chapter_16_testing_strategies_for_resilient_interfaces/)
- [Continuous Delivery, Observability, and Maintenance](/frontend-book/book/chapter_17_continuous_delivery_observability_and_maintenance/)
- [Front-End Architecture & Technical Decision-Making](/frontend-book/book/chapter_18_front_end_architecture_and_technical_decision_making/)
- [Appendix A](/frontend-book/book/appendix-a-architectural-rosetta-stone/)
- [Appendix B](/frontend-book/book/appendix-b-modern-browser-apis-reference/)
- [Appendix C](/frontend-book/book/appendix-c-production-deployment-checklist/)