Frontend Architecture for Design Systems A Modern Blueprint for Scalable and Sustainable Websites 1st Edition by Micah Godbolt 1491926783 9781491926789

Frontend Architecture for Design Systems A Modern Blueprint for Scalable and Sustainable Websites 1st Edition by Micah Godbolt – Ebook PDF Instant Download/DeliveryISBN:  1491926783, 9781491926789 

Full download Frontend Architecture for Design Systems A Modern Blueprint for Scalable and Sustainable Websites 1st Edition after payment.

Product details:

ISBN-10 :  1491926783 

ISBN-13 :  9781491926789

Author: Micah Godbolt 

  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

Frontend Architecture for Design Systems A Modern Blueprint for Scalable and Sustainable Websites 1st Table of contents:

Part I. Origins
Chapter 1. The Discipline of Frontend Architecture
Adopting an Architectural Process
What’s the Catch?
Chapter 2. Alpha Project
A Slow, Powerful Start
Armed and Dangerous
Chapter 3. The Pillars of Frontend Architecture
Working with the Four Pillars
The Pillars
Part II. The Code Pillar
Chapter 4. HTML
Markup of the Web’s Past
Procedural Markup: 100% Automation, 0% Control
Static Markup: 0% Automation, 100% Control
Striking a Balance Between Control and Automation
Modular Markup: 100% Automation, 100% Control
It All Leads to a Design System
The Many Faces of Modular CSS Methodologies
OOCSS Approach
SMACSS Approach
BEM Approach
Choosing What Is Right for You
Chapter 5. CSS
Specificity Wars and the Pains of Inheritance
A Modern, Modular Approach
Other Principles to Help You Along the Way
Single Responsibility Principle
Single Source of Truth
Component Modifiers
Conclusion
Chapter 6. JavaScript
Selecting Frameworks
Maintaining Clean JavaScript
Keeping Your Code Clean
Create Reusable Functions
Conclusion
Chapter 7. Red 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
Single Responsibility Principle
Single Source of Truth
Opt-in Modifiers
Opt-in Context
Semantic Grids
Part III. The Process Pillar
Chapter 8. Workflow
The Old Development Workflow
The New Development Workflow
Requirements
Prototyping
Development
Frontend Workflow
Provisioning
Spinning Up Local
Story Writing
Development
Distribution
Committing Compiled Assets
Continuous Integration Server
Tagged Releases
Why Would You Ever Want to Do This?
Distribution Channels
Chapter 9. Task Runners
Going All In with Task Runners
Diving in Deeper
Getting Task Runners into Your Project
Is There a Clear Winner?
Chapter 10. Red Hat Process
Conquering the Last Mile
A Standard Set of Deliverables
Schema-Driven Design System
Moving to the Twig File
Part IV. The Testing Pillar
Chapter 11. Unit Testing
The Unit
More Reuse
Better Testing
Test-Driven Development
A Test-Driven Example
How Much Coverage Is Enough?
Fixing the Gaps
Coverage from the Start
Chapter 12. Performance Testing
Setting a Performance Budget
Competitive Baseline
Averaged Baseline
Raw Metrics
Page Weight
Number of HTTP Requests
Timing Metrics
Hybrid Metrics
PageSpeed Score
Speed Index
Setting Up Performance Tests
Grunt PageSpeed
Grunt Perfbudget
Conclusion
Chapter 13. Visual Regression Testing
The Usual Suspects
Unknowing Developers
Inconsistent Designs
Waffling Decision Makers
A Tested Solution
The Many Faces of Visual Regression Testing
Chapter 14. Red Hat Testing
Visual Regression in Action
The Testing Tools
Setting Up Grunt
Our Test File
Making a Comparison
Running the Entire Suite
What Do We Do with Failing Tests?
Moving from Failing to Passing
Making It Our Own
Place Baselines in Component Folder
Run Each Component Test Suite Individually
Test Portability
Conclusion
Part V. The Documentation Pillar
Chapter 15. Style Guides
Hologram Configuration
Hologram Documentation Block
The Hologram Process
Hologram Conclusion
SassDoc
Installing SassDoc
Using SassDoc
Exploring SassDoc
Digging Deep into SassDoc
Internal Dependencies
Conclusion
Chapter 16. Pattern Libraries
What Is Pattern Lab?
Getting Started with Pattern Lab
Pattern Lab in Action
Homepage Template
Our First Variables
Going Atomic
Running Off Atomic Power

People also search for Frontend Architecture for Design Systems A Modern Blueprint for Scalable and Sustainable Websites 1st:

frontend architecture for design systems book
    
frontend architecture for design systems github
    
frontend architecture for design systems epub
    
frontend architecture for design systems на русском
    
frontend architecture for design systems pdf download

Tags: Frontend Architecture, Design Systems, Modern Blueprint, Sustainable Websites, Micah Godbolt