‘Web Components’ Videos

  • Craig West: Web components in WordPress and Gutenberg, and as HTML plugins

    WordCamp Northeast Ohio 2021Speaker: Craig West

    May 28, 2021 — Web Components are custom HTML tags you can create and these are part of the browser specification. HMTL code and JavaScript can be wrapped into a custom HTML tag and used like regular HTML. Think ‘widgets’ or HTML plugins.

    Learn how to create your own HTML tags to use in WordPress pages, Gutenberg blocks, or even create HTML/JS/CSS ‘plugins’ to deploy in any HTML site.

  • Fellyph Cintra: Why Use Web Components?

    WordCamp Brighton 2019Speaker: Fellyph Cintra

    October 31, 2019 — Web components have been around since the first spec was written in 2011, but they only started getting full support from the main browsers in 2018.

    In this talk, I’ll discuss the four key specs that make the magic of web components happen and explain how they can help improve our workflow.

    After showcasing the advantages of using web components, I will explain how to use web components in a WordPress application and highlight the tools and developer guides.

    In conclusion, we will integrate web components with Gutenberg and learn how we can use the best of two worlds.

    This talk is focused on front-end skills and requires a basic understanding of JavaScript, HTML, and CSS.