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
• 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
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
• The framework without a framework
• Your first Web Component
• Making your component reuseable
• The component lifecycle
• Instrumenting a better web app through modules
PART 2 - WAYS TO IMPROVE YOUR COMPONENT WORKFLOW
• Markup Managed
• Templating your content with HTML
• The Shadow DOM
• Shadow CSS
• Shadow CSS rough edges
PART 3 - PUTTING YOUR COMPONENTS TOGETHER
• A real-world UI component
• Building and supporting older browsers
• Component testing
• Events and application data flow
• Hiding your complexities