Cover Image
Read Now

Web components in action

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...

Full description

Bibliographic Details
Main Author: Farrell, Ben
Format: eBook
Language:English
Published: Shelter Island, NY Manning Publications 2019
Subjects:
Logiciels D'application / Développement
Applications Web
Application Software / Development / Fast
Web Applications / Fast
Programmation Internet
Internet Programming / Http://id.loc.gov/authorities/subjects/sh96009904
Web Applications / Http://id.loc.gov/authorities/subjects/sh2012001728
Internet Programming / Fast
Application Software / Development / Http://id.loc.gov/authorities/subjects/sh95009362
Online Access:
Collection: O'Reilly - Collection details see MPG.ReNa
Table of Contents:
  • 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
  • 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)
  • Includes bibliographical references and index
  • 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
  • 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

Similar Items