September 2019
Intermediate to advanced
432 pages
14h 38m
English
Overview
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.
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.
Quotes
Teaches by example, demonstrating concepts through compelling projects that illuminate realistic use cases.
- From the Foreword by Gray Norton, Polymer Project, Google
Informative, full of resources and comprehensive examples. Definitely one of the best books I’ve read about web technology this year.
- Russel Dawn Cajoles, BlaqClouds
A solid resource for frontend developers experiencing JavaScript framework fatigue.
- Matt Welke, GroupBy
Well-paced and thorough. Highly recommended.
- Justin Calleja, Mr Green
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.