Your First Web Component

The term Web Components encompasses a lot of individual APIs, some that have existed for a very long time in the web, and some that are much newer. If you've written JavaScript before then you might be familiar with Classes. If you've developed on the web before, you might already be familiar with some of those APIs too, for example Events and the DOM APIs like querySelector. Many Web Components will make use of those existing APIs.

Web Components go further to add a powerful set of additional APIs. One of those is Custom Elements which allows you to define your own HTML Elements. Web Components can also make use of ShadowDOM which is a powerful API that allows you to manage how an element is rendered.