Introduction to Web Components

Do you ever build cool HTML/CSS/Javascript components in your web apps or web pages and wish you could reuse them elsewhere without having to copy everything between web projects? Do you use or support different front-end frameworks and are tired or re-implementing the same experiences for each framework? Great news! There's an answer for this. In this presentation, I'll introduce you to standard web components that are supported by all of the major popular web browsers. I'll show you how you can build and package your web assets to make them reusable across projects and front-end technologies, how you can add support for customization, how to use ShadowDOM to style and implement your component, how to expose your web components as custom HTML elements, and how to debug your web components using the web browser's developer tools. This presentation will only make use of standard HTML, CSS, and JavaScript and the web components will be compatible with Microsoft Edge, Google Chrome, Apple Safari, and Mozilla Firefox.