Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026
The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.
Web Components are a set of web platform APIs that allow you to create reusable custom HTML elements with encapsulated functionality. Unlike framework-specific components, Web Components work natively in all modern browsers without any dependencies.
In this unit, you’ll learn how to build Web Components. We’ll cover Custom Elements, which let you define new HTML tags with their own behavior, Shadow DOM for encapsulating styles and markup, and HTML templates for declaring fragments of markup that can be cloned and inserted.
Web Components are particularly useful when you want to create reusable UI elements that work across different frameworks or in vanilla JavaScript projects.
Lessons in this unit:
| 0: | ▶︎ Introduction |
| 1: | Custom Elements |