Learn Web Components page

This course covers the essentials for building Web Components.

Before you begin

Click here to join the
Bitovi Community Discord

Join the Bitovi Community Discord to get help on Bitovi University courses or other Angular, React, CanJS and JavaScript problems.

Please ask questions related to Web Components in the JS and DOM chat room.

If you find bugs in this training or have suggestions, create an issue or email contact@bitovi.com.

Overview

This guide begins with Why Web Components might be a good choice for building your next widget. Following lessons will cover:

The end result of this training will be a CTA Bus tracker widget that can be embedded in any website with just a script tag and an element like so:

<cta-bus-tracker></cta-bus-tracker>

CTA bus tracker web component

Next steps

✏️ Head over to the first lesson and learn more about Web Components.