HTML5 Web Component Fundamentals

Learn how to use the Shadow DOM, Custom Elements, Templates, and Imports to create reusable web components.
Course info
Rating
(398)
Level
Beginner
Updated
January 9, 2015
Duration
5h 3m
Table of contents
Templates
27m 50s
Custom Elements
43m 34s
Imports
56m 0s
Resources
2m 5s
Description
Course info
Rating
(398)
Level
Beginner
Updated
January 9, 2015
Duration
5h 3m
Description

In this course, you'll learn how HTML5 Web Components give us the power to extend the web with our own rich, standards-based components. Web developers have been struggling for years to create truly reusable components. We struggle with styling, bundling, defining templates, and encapsulating our markup and styles from accidental manipulation. But HTML5 Web Components provide the power to finally define standards-based, reusable web components through four new technologies. Learn how to use the Shadow DOM to encapsulate the DOM and styling for your components. Define inert templates with the template tag. Extend HTML by registering your custom elements. And bundle this all together in a simple reusable package using HTML5 imports.

About the author
About the author

Cory is an independent consultant with over 15 years of experience in software development. He is the principal consultant at reactjsconsulting.com and a Microsoft MVP.

More from the author
Creating Reusable React Components
Intermediate
6h 21m
5 Jun 2017
More courses by Cory House