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

egghead.io

Web Components

via egghead.io

Overview

Web Components are a set of technologies that allow for the creation of reusable custom elements in web pages. In this course, you will learn about its featured technologies. You will learn about using and creating custom elements, Shadow DOM manipulation, and HTML templates (with template and slot).
After this course, you will be able to comfortably employ Web Components in your own web pages. You will be capable of managing custom elements, navigating encapsulation via the Shadow DOM, and writing templates with HTML templates.
Regardless of your front-end knowledge, this course will guarantee you a solid introduction to Web Components, giving you effortless, reusable code to improve your web pages and their functionality.

Syllabus

  • Render Hello World Text with Custom Elements
  • Build Flexible HTML with HTMLTemplates using Slots and Web Components
  • Avoiding CSS Conflicts via Shadow DOM CSS encapsulation
  • Allow External Styling of a Web Component's Shadow DOM
  • Web components explicit API's using class methods
  • Using Custom Events as a web component API
  • Enabling CSS manipulation inside the shadow DOM using the part pseudo class

Taught by

Yonatan Kra

Reviews

4.6 rating at egghead.io based on 22 ratings

Start your review of 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.