Books & Videos

Table of Contents

  1. Origins

    1. Chapter 1 The Discipline of Frontend Architecture

      1. Adopting an Architectural Process
    2. Chapter 2 Alpha Project

      1. A Slow, Powerful Start
      2. Armed and Dangerous
    3. Chapter 3 The Pillars of Frontend Architecture

      1. Working with the Four Pillars
      2. The Pillars
  2. The Code Pillar

    1. Chapter 4 HTML

      1. Markup of the Web’s Past
      2. Striking a Balance Between Control and Automation
      3. It All Leads to a Design System
      4. The Many Faces of Modular CSS Methodologies
      5. Choosing What Is Right for You
    2. Chapter 5 CSS

      1. Specificity Wars and the Pains of Inheritance
      2. A Modern, Modular Approach
      3. Other Principles to Help You Along the Way
      4. Conclusion
    3. Chapter 6 JavaScript

      1. Selecting Frameworks
      2. Maintaining Clean JavaScript
      3. Conclusion
    4. Chapter 7 Red Hat Code

      1. Dependency Bloat
      2. Location-Dependent Nightmare
      3. Breaking the Design Down
      4. Cataloging Components
      5. The Road Runner Rules
      6. Writing Your Own Rules
      7. A Single Selector for Everything
      8. Semantic Grids
  3. The Process Pillar

    1. Chapter 8 Workflow

      1. The Old Development Workflow
      2. The New Development Workflow
      3. Frontend Workflow
      4. Development
      5. Distribution
      6. Committing Compiled Assets
      7. Continuous Integration Server
      8. Distribution Channels
    2. Chapter 9 Task Runners

      1. Going All In with Task Runners
      2. Getting Task Runners into Your Project
      3. Is There a Clear Winner?
    3. Chapter 10 Red Hat Process

      1. Conquering the Last Mile
      2. Schema-Driven Design System
  4. The Testing Pillar

    1. Chapter 11 Unit Testing

      1. The Unit
      2. Test-Driven Development
      3. A Test-Driven Example
      4. How Much Coverage Is Enough?
    2. Chapter 12 Performance Testing

      1. Setting a Performance Budget
      2. Raw Metrics
      3. Timing Metrics
      4. Hybrid Metrics
      5. Setting Up Performance Tests
      6. Conclusion
    3. Chapter 13 Visual Regression Testing

      1. The Usual Suspects
      2. A Tested Solution
      3. The Many Faces of Visual Regression Testing
    4. Chapter 14 Red Hat Testing

      1. Visual Regression in Action
      2. Conclusion
  5. The Documentation Pillar

    1. Chapter 15 Style Guides

      1. Hologram Configuration
      2. SassDoc
      3. Conclusion
    2. Chapter 16 Pattern Libraries

      1. What Is Pattern Lab?
      2. Pattern Lab in Action
      3. Homepage Template
      4. Our First Variables
      5. Going Atomic
      6. Running Off Atomic Power
    3. Chapter 17 Red Hat Documentation

      1. Stage 1: A Static Style Guide
      2. Stage 2: We Just Reinvented Pattern Lab
      3. Stage 3: Splitting the Pattern Library from the Style Guide
      4. Stage 4: Creating a Unified Rendering Engine
      5. Stage 5: Automating the Creation of New Patterns
    4. Chapter 18 Conclusion