Web Components

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.

• 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