Web Components Courses and Certifications

HTML5 Web Component Fundamentals

489 ratings at Pluralsight

Learn how to use the Shadow DOM, Custom Elements, Templates, and Imports to create reusable web components in this online HTML course.

• Pluralsight
• 5 hours 4 minutes
• On-Demand
• Free Trial Available

Learning Web Components

86 ratings at LinkedIn Learning

Learn how to use web components to simplify developing and maintaining web applications. Discover how to customize HTML templates, HTML imports, built-in elements, and Shadow DOM.

• LinkedIn Learning
• 1 hour 24 minutes
• On-Demand
• Free Trial Available

Getting Started with Polymer.js 1

77 ratings at Pluralsight

This course will introduce you to Google's Polymer.js framework and how you can apply it to your own projects. Get started learning today.

• Pluralsight
• 1 hour 56 minutes
• On-Demand
• Free Trial Available

Working with Polymer.js 1 Elements

26 ratings at Pluralsight

This course will go over the Polymer Element Catalog and show you the necessary tools and actions to create and publish your own custom, reusable element.

• Pluralsight
• 1 hour 43 minutes
• On-Demand
• Free Trial Available

Web Components

21 ratings at egghead.io

Learn to create reusable custom elements using Web Components. Master custom elements, Shadow DOM, HTML templates, and improve web page functionality with efficient, encapsulated code.

• egghead.io
• 18 minutes
• On-Demand
• Free Online Course

Web Components

Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.

• Frontend Masters
• 4-5 hours
• On-Demand
• Paid Course

Meta

React and Web Components - Complementary Approaches for Complex Web Applications

Explore the synergy between React and Web Components for building powerful, modular web applications with enhanced performance and expressiveness.

• YouTube
• 26 minutes
• On-Demand
• Free Video

Learn With Jason

Custom Media Players with Media Chrome

Learn to build custom video player UIs using Media Chrome, an open-source web component library. Explore key features, components, and customization options for creating versatile media players.

• YouTube
• 1 hour 32 minutes
• On-Demand
• Free Video

Web Conferences Amsterdam

Shining Light on the Shadow DOM - Styling Web Components

Explore styling Web Components, focusing on Shadow DOM, encapsulation, and CSS techniques. Learn to build consistent design libraries and navigate browser inconsistencies.

• YouTube
• 51 minutes
• On-Demand
• Free Video

ChariotSolutions

An Introduction to Web Components and Polymer - Lecture 7

Explore Web Components and Polymer to create custom HTML elements and enhance web apps with ready-made functionality. Learn about encapsulation, the Polymer ecosystem, and practical implementation.

• YouTube
• 1 hour
• On-Demand
• Free Video

Web Basics

Learn the fundamentals of web technologies, including HTML, HTTP, client-server architecture, web programming, video streaming, and cloud computing. Gain essential knowledge for understanding digital transformation.

• Independent
• 10 hours
• On-Demand
• Free Online Course

echohive

Generate Web Components with The New Structured Outputs from OpenAI

Learn to create web components using OpenAI's structured outputs, featuring DaisyUI and an iterative autocoder. Explore AI-assisted development for efficient and innovative web design.

• YouTube
• 21 minutes
• On-Demand
• Free Video

DevConf

PatternFly Elements - A Performant Design System

Explore PatternFly Elements 2.0, a versatile web component-based design system for consistent app experiences across tech stacks, including a preview of the Red Hat Design System.

• YouTube
• 34 minutes
• On-Demand
• Free Video

NashKnolX

Building Web Components: A Standard Approach for Microfrontends

Explore Web Components: a standard model for encapsulating and interoperating HTML elements, ideal for microfrontend development.

• YouTube
• 38 minutes
• On-Demand
• Free Video

ISTA Conference

Building a Large-Scale Front-End Architecture with Reusable Web Components

Discover how to build scalable front-end architecture using Web Components for multibrand, multisite projects. Learn implementation strategies and key insights.

• YouTube
• 41 minutes
• On-Demand
• Free Video