Part 1. First steps. The framework without a framework -- Your first web component -- Making your component reusable -- 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.
Summary:
"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 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. Web components in action teaches you to build and use Web Components from the ground up. You'll start with simple 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"--Back cover.
This resource is supported by the Institute of Museum and Library Services under the provisions of the Library Services and Technology Act as administered by State Library of Iowa.