reklama - zainteresowany?

Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites - Helion

Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites
ebook
Autor: Micah Godbolt
ISBN: 978-14-919-2673-4
stron: 198, Format: ebook
Data wydania: 2016-01-28
Księgarnia: Helion

Cena książki: 92,65 zł (poprzednio: 107,73 zł)
Oszczędzasz: 14% (-15,08 zł)

Dodaj do koszyka Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites

Osoby, które kupiÅ‚y tÄ™ książkÄ™, wybieraÅ‚y także »

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

Dodaj do koszyka Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites

 

Osoby które kupowały "Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites", wybierały także:

  • Windows Media Center. Domowe centrum rozrywki
  • Ruby on Rails. Ćwiczenia
  • DevOps w praktyce. Kurs video. Jenkins, Ansible, Terraform i Docker
  • Przywództwo w Å›wiecie VUCA. Jak być skutecznym liderem w niepewnym Å›rodowisku
  • Scrum. O zwinnym zarzÄ…dzaniu projektami. Wydanie II rozszerzone

Dodaj do koszyka Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites

Spis treści

Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites eBook -- spis treści

  • Preface
    • Conventions Used in This Book
    • Who This Book Is For
    • Using Code Examples
    • Safari Books Online
    • How to Contact Us
  • I. Origins
  • 1. The Discipline of Frontend Architecture
    • Adopting an Architectural Process
      • Whats the Catch?
  • 2. Alpha Project
    • A Slow, Powerful Start
    • Armed and Dangerous
  • 3. The Pillars of Frontend Architecture
    • Working with the Four Pillars
    • The Pillars
  • II. The Code Pillar
  • 4. HTML
    • Markup of the Webs 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
  • 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
  • 6. JavaScript
    • Selecting Frameworks
    • Maintaining Clean JavaScript
      • Keeping Your Code Clean
      • Create Reusable Functions
    • Conclusion
  • 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
  • III. The Process Pillar
  • 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
  • 9. Task Runners
    • Going All In with Task Runners
      • Diving in Deeper
    • Getting Task Runners into Your Project
    • Is There a Clear Winner?
  • 10. Red Hat Process
    • Conquering the Last Mile
      • A Standard Set of Deliverables
    • Schema-Driven Design System
      • Moving to the Twig File
  • IV. The Testing Pillar
  • 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
  • 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
  • 13. Visual Regression Testing
    • The Usual Suspects
      • Unknowing Developers
      • Inconsistent Designs
      • Waffling Decision Makers
    • A Tested Solution
    • The Many Faces of Visual Regression Testing
  • 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
  • V. The Documentation Pillar
  • 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
  • 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
  • 17. Red 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
      • JSON Schemas
    • Stage 5: Automating the Creation of New Patterns
      • Creating Patterns
  • 18. Conclusion
  • Index

Dodaj do koszyka Frontend Architecture for Design Systems. A Modern Blueprint for Scalable and Sustainable Websites

Code, Publish & WebDesing by CATALIST.com.pl



(c) 2005-2024 CATALIST agencja interaktywna, znaki firmowe należą do wydawnictwa Helion S.A.