Web Components Courses and Certifications

Fundamentals of Web Components

136 ratings at Udemy

Learn web components api of custom elements, shadow dom and templates

• Udemy
• 4 hours 20 minutes
• On-Demand
• Paid Course

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

A Practical Guide to Vanilla Web Components

74 ratings at Pluralsight

Web Components are set to change how you build front-end web applications. This course teaches you how to use the Web Components specifications to create encapsulated and reusable UI components which can be used with almost any framework or library.

• Pluralsight
• 2 hours 10 minutes
• On-Demand
• Free Trial Available

Working with Polymer.js 1 Elements

28 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

22 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

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 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

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

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

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