Learn how to use web components to simplify developing and maintaining web applications. Discover how to customize HTML templates, HTML imports, built-in elements, and Shadow DOM.
Overview
Syllabus
Introduction
- Welcome
- What you should know
- Exercise files
- What are Web Components?
- The Web Component standards
- Overview of HTML templates
- Declare template content
- Activate and use templates
- Overview of HTML imports
- Use HTML imports
- Create reusable modules
- Overview of custom elements
- Define custom elements
- Custom elements and styling
- Custom element properties and attributes
- Introduction to Shadow DOM
- Create Shadow DOM
- Composition and content
- Shadow DOM from templates
- Styling and Shadow DOM
- A finished Web Component
- Next steps
Taught by
Joe Marini