Librería Portfolio

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



Origins
Chapter 1The Discipline of Frontend Architecture
Adopting an Architectural Process
Chapter 2Alpha Project
A Slow, Powerful Start
Armed and Dangerous
Chapter 3The Pillars of Frontend Architecture
Working with the Four Pillars
The Pillars
The Code Pillar
Chapter 4HTML
Markup of the Web's Past
Striking a Balance Between Control and Automation
It All Leads to a Design System
The Many Faces of Modular CSS Methodologies
Choosing What Is Right for You
Chapter 5CSS
Specificity Wars and the Pains of Inheritance
A Modern, Modular Approach
Other Principles to Help You Along the Way
Conclusion
Chapter 6JavaScript
Selecting Frameworks
Maintaining Clean JavaScript
Conclusion
Chapter 7Red Hat Code
Dependency Bloat
Location-Dependent Nightmare
Breaking the Design Down
Cataloging Components
The Road Runner Rules
Writing Your Own Rules
A Single Selector for Everything
Semantic Grids
The Process Pillar
Chapter 8Workflow
The Old Development Workflow
The New Development Workflow
Frontend Workflow
Development
Distribution
Committing Compiled Assets
Continuous Integration Server
Distribution Channels
Chapter 9Task Runners
Going All In with Task Runners
Getting Task Runners into Your Project
Is There a Clear Winner?
Chapter 10Red Hat Process
Conquering the Last Mile
Schema-Driven Design System
The Testing Pillar
Chapter 11Unit Testing
The Unit
Test-Driven Development
A Test-Driven Example
How Much Coverage Is Enough?
Chapter 12Performance Testing
Setting a Performance Budget
Raw Metrics
Timing Metrics
Hybrid Metrics
Setting Up Performance Tests
Conclusion
Chapter 13Visual Regression Testing
The Usual Suspects
A Tested Solution
The Many Faces of Visual Regression Testing
Chapter 14Red Hat Testing
Visual Regression in Action
Conclusion
The Documentation Pillar
Chapter 15Style Guides
Hologram Configuration
SassDoc
Conclusion
Chapter 16Pattern Libraries
What Is Pattern Lab?
Pattern Lab in Action
Homepage Template
Our First Variables
Going Atomic
Running Off Atomic Power
Chapter 17Red Hat Documentation
Stage 1: A Static Style Guide
Stage 2: We Just Reinvented Pattern Lab
Stage 3: Splitting the Pattern Library from the Style Guide
Stage 4: Creating a Unified Rendering Engine
Stage 5: Automating the Creation of New Patterns
Chapter 18Conclusion