| Description |
1 online resource (1 volume) : illustrations |
| Contents |
Intro -- Copyright -- Brief Table of Contents -- Table of Contents -- Foreword -- Preface -- Acknowledgments -- About this book -- About the cover illustration -- Part 1. First steps -- Chapter 1. The framework without a framework -- 1.1. What are Web Components? -- 1.2. The future of Web Components -- 1.3. Beyond the single component -- 1.4. Your project, your choice -- Summary -- Chapter 2. Your first Web Component -- 2.1. Intro to HTMLElement -- 2.2. Rules for naming your element -- 2.3. Defining your custom element (and handling collisions) |
|
2.4. Extending HTMLElement to create custom component logic -- 2.5. Using your custom element in practice -- 2.6. Making a (useful) first component -- 2.7. Notes on browser support -- Summary -- Chapter 3. Making your component reusable -- 3.1. A real-world component -- 3.2. Making our component configurable -- 3.3. Using attributes for configuration -- 3.4. Listening for attribute changes -- 3.5. Making more things even more customizable -- 3.6. Updating the slider component -- Summary -- Chapter 4. The component lifecycle -- 4.1. The Web Components API -- 4.2. The connectedCallback handler |
|
4.3. The remaining Web Component lifecycle methods -- 4.4. Comparing to React's lifecycle -- 4.5. Comparing to a game engine lifecycle -- 4.6. Component lifecycle v0 -- Summary -- Chapter 5. Instrumenting a better web app through modules -- 5.1. Using the tag to load your Web Components -- 5.2. Using modules to solve dependency problems -- 5.3. Adding interactivity to our component -- 5.4. Wrapping third-party libraries as modules -- Summary -- Part 2. Ways to improve your component workflow -- Chapter 6. Markup managed -- 6.1. String theory -- 6.2. Using template literals |
|
6.3. Importing templates -- 6.4. Template logic -- 6.5. Element caching -- 6.6. Smart templating -- 6.7. Updating the slider component -- Summary -- Chapter 7. Templating your content with HTML -- 7.1. R.I.P. HTML Imports -- 7.2. The tag -- 7.3. Choose your own template adventure -- 7.4. Dynamically loading templates -- 7.5. Entering the Shadow DOM with slots -- Summary -- Chapter 8. The Shadow DOM -- 8.1. Encapsulation -- 8.2. Enter the Shadow DOM -- 8.3. The Shadow DOM today -- Summary -- Chapter 9. Shadow CSS -- 9.1. Style creep -- 9.2. Style creep solved with the Shadow DOM |
|
9.3. Shadow DOM workout plan -- 9.4. Adaptable components -- 9.5. Updating the slider component -- Summary -- Chapter 10. Shadow CSS rough edges -- 10.1. Contextual CSS -- 10.2. Component themes -- 10.3. Using the Shadow DOM in practice (today) -- Summary -- Part 3. Putting your components together -- Chapter 11. A real-world UI component -- 11.1. Crafting a color picker -- 11.2. Coordinate picker component -- 11.3. The color picker -- 11.4. Adding a common design language -- Summary -- Chapter 12. Building and supporting older browsers -- 12.1. Backward compatibility |
| Summary |
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 |
| Bibliography |
Includes bibliographical references and index |
| Notes |
Online resource; title from title page (Safari, viewed October 8, 2019) |
| Subject |
Internet programming.
|
|
Web applications.
|
|
Application software -- Development.
|
|
Application software -- Development
|
|
Internet programming
|
|
Web applications
|
| Form |
Electronic book
|
|
