HTML5 Web Component Fundamentals
By Cory House
Course info



Course info



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
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.
Course FAQ
HTML5 is a markup computer programming language that is the fifth iteration of the widely used HTML programming language.
HTML5 is used to structure and present content on the web. HTML code is used to describe webpages.
In this course, you will learn how use Shadow DOM, Custom Elements, Templates, and Imports to create reusable web components. With these components you will see how HTML5 web components can give us power to extend web pages with our own standards-based components.
Some of the benefits of HTML5 is that the language is designed to deliver most components that are needed to create a fully functioning web page without any additional software. HTML5 can do everything from animation to apps, music to movies, and can build complicated applications that run within your browser.
Prerequisites for this course would be an understanding of HTML basics. An understanding of the basics of HTML will make navigating this course much easier than without.