Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Learning Web Components

via LinkedIn Learning

Overview

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.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Exercise files
1. Overview of Web Components
  • What are Web Components?
  • The Web Component standards
2. HTML Templates
  • Overview of HTML templates
  • Declare template content
  • Activate and use templates
3. HTML Imports
  • Overview of HTML imports
  • Use HTML imports
  • Create reusable modules
4. Custom Elements
  • Overview of custom elements
  • Define custom elements
  • Custom elements and styling
  • Custom element properties and attributes
5. Shadow DOM
  • Introduction to Shadow DOM
  • Create Shadow DOM
  • Composition and content
  • Shadow DOM from templates
  • Styling and Shadow DOM
  • A finished Web Component
Conclusion
  • Next steps

Taught by

Joe Marini

Reviews

4.6 rating at LinkedIn Learning based on 86 ratings

Start your review of Learning Web Components

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.