null
Loading... Please wait...
FREE SHIPPING on All Unbranded Items LEARN MORE
Print This Page

Web Components in Action

List Price: $49.99
SKU:
9781617295775
Quantity:
Minimum Purchase
25 unit(s)
  • Availability: Confirm prior to ordering
  • Branding: minimum 50 pieces (add’l costs below)
  • Check Freight Rates (branded products only)

Branding Options (v), Availability & Lead Times

  • 1-Color Imprint: $2.00 ea.
  • Promo-Page Insert: $2.50 ea. (full-color printed, single-sided page)
  • Belly-Band Wrap: $2.50 ea. (full-color printed)
  • Set-Up Charge: $45 per decoration
FULL DETAILS
  • Availability: Product availability changes daily, so please confirm your quantity is available prior to placing an order.
  • Branded Products: allow 10 business days from proof approval for production. Branding options may be limited or unavailable based on product design or cover artwork.
  • Unbranded Products: allow 3-5 business days for shipping. All Unbranded items receive FREE ground shipping in the US. Inquire for international shipping.
  • RETURNS/CANCELLATIONS: All orders, branded or unbranded, are NON-CANCELLABLE and NON-RETURNABLE once a purchase order has been received.
  • Product Details

    Author:
    Ben Farrell
    Format:
    Paperback
    Pages:
    432
    Publisher:
    Manning (September 10, 2019)
    Language:
    English
    ISBN-13:
    9781617295775
    ISBN-10:
    1617295779
    Weight:
    12.32oz
    Dimensions:
    7.38" x 9.25" x 1.3"
    File:
    Eloquence-SimonSchuster_06032026_P10163223_onix30_Complete-20260603.xml
    Folder:
    Eloquence
    List Price:
    $49.99
    Case Pack:
    16
    As low as:
    $44.99
    Publisher Identifier:
    P-SS
    Discount Code:
    G
    Pub Discount:
    37
    Imprint:
    Manning
  • Overview

    Summary

    Web Components are a standardized way to build reusable custom elements for web pages and applications using HTML, CSS, and JavaScript. A Web Component is well-encapsulated, keeping its internal structure separate from other page elements so they don't collide with the rest of your code. In Web Components in Action you'll learn to design, build, and deploy reusable Web Components from scratch.

    Foreword by Gray Norton.

    Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

    About the Technology

    The right UI can set your sites and web applications apart from the ordinary. Using the Web Components API, you can build Custom Elements and then add them to your pages with just a simple HTML tag. This standards-based design approach gives you complete control over the style and behavior of your components and makes them radically easier to build, share, and reuse between projects.

    About the Book

    Web Components in Action teaches you to build and use Web Components from the ground up. You'll start with simple components and component-based applications, using JavaScript, HTML, and CSS. Then, you'll customize them and apply best design practices to maximize reusability. Through hands-on projects, you'll learn to build production-ready Web Components for any project, including color pickers, advanced applications using 3D models, mixed reality, and machine learning.

    What's inside

    • Creating reusable Custom Elements without a framework
    • Using the Shadow DOM for ultimate component encapsulation
    • Leveraging newer JS features to organize and reuse code
    • Fallback strategies for using Web Components on older browsers

    About the Reader

    Written for web developers experienced with HTML, CSS, and JavaScript.

    About the Author

    Ben Farrell is a Senior Experience Developer at Adobe working on the Adobe Design Prototyping Team.

    Table of Contents

      PART 1 - FIRST STEPS

    1. The framework without a framework
    2. Your first Web Component
    3. Making your component reuseable
    4. The component lifecycle
    5. Instrumenting a better web app through modules
    6. PART 2 - WAYS TO IMPROVE YOUR COMPONENT WORKFLOW

    7. Markup Managed
    8. Templating your content with HTML
    9. The Shadow DOM
    10. Shadow CSS
    11. Shadow CSS rough edges
    12. PART 3 - PUTTING YOUR COMPONENTS TOGETHER

    13. A real-world UI component
    14. Building and supporting older browsers
    15. Component testing
    16. Events and application data flow
    17. Hiding your complexities