Front-End Architecture: A Modern Blueprint for Scalable and Sustainable Design Systems

Imagine what a large-scale web project would look like if frontend development were not treated as an add-on, but as an equal partner with backend development and content strategy. This practical book takes experienced web developers through the new discipline of frontend architecture, including the latest tools, standards, and best practices that have elevated frontend web development to an entirely new level.

Using real-world examples, case studies, and practical tips and tricks throughout, author Micah Godbolt introduces you to the four pillars of frontend architecture. He also provides compelling arguments for developers who want to embrace the mantle of frontend architect and fight to make it a first-class citizen in their next project.

The four pillars include:

• Code: how to approach the HTML, CSS, and JavaScript of a design system
• Process: tools and processes for creating an efficient and error-proof workflow
• Testing: creating a stable foundation on which to build your site
• Documentation: tools for writing documentation while the work is in progress

Table of Contents

Part I. Origins
Chapter 1. The Discipline of Frontend Architecture
Chapter 2. Alpha Project
Chapter 3. The Pillars of Frontend Architecture

Part II. The Code Pillar
Chapter 4. HTML
Chapter 5. CSS
Chapter 6. JavaScript
Chapter 7. Red Hat Code

Part III. The Process Pillar
Chapter 8. Workflow
Chapter 9. Task Runners
Chapter 10. Red Hat Process

Part IV. The Testing Pillar
Chapter 11. Unit Testing
Chapter 12. Performance Testing
Chapter 13. Visual Regression Testing
Chapter 14. Red Hat Testing

Part V. The Documentation Pillar
Chapter 15. Style Guides
Chapter 16. Pattern Libraries
Chapter 17. Red Hat Documentation
Chapter 18. Conclusion