Web Components - An Introduction to the Future

This course introduces Web Components and shows how to create reusable components with native browser APIs, HTML templates, attributes, properties, and Shadow DOM. It also examines their use alongside existing frontend frameworks and in production.

Syllabus

Intro
My name is Tobias
Web tech upgrades constantly
Native browser features replaced jQuery
JavaScript Frameworks
Framework problems
Custom elements
Let's code a web component!
Use a template
Enter the shadow DOM
Using attributes and properties
Piercing the shadow boundary
Using web components
The components and the frameworks
Web component frameworks
What does the future hold?
Use cases for web components
Will web components replace JS frameworks?