Shadow DOM Courses and Certifications

Kevin Powell

Breaking Through the ShadowDOM with Style Queries

Discover how to overcome ShadowDOM styling limitations using CSS style queries, custom properties, and advanced layout techniques for web components.

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

JSConf

Inspector Web and the Mystery of the Shadow DOM

Explore web components and shadow DOM for front-end development. Learn about the W3C spec, implementations, and practical applications through live coding demonstrations.

• YouTube
• 29 minutes
• On-Demand
• Conference Talk

NDC Conferences

I Don't Need No Stinkin' Framework - Mastering Shadow DOM

Master Shadow DOM to create reusable, framework-agnostic components using only HTML and JavaScript. Learn to build, style, and implement custom elements for cross-project compatibility and efficiency.

• YouTube
• 42 minutes
• On-Demand
• Conference Talk

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

JSConf

Accessibility and the Shadow DOM

Explore the intersection of web accessibility and shadow DOM, uncovering challenges and solutions for creating inclusive web components and applications.

• YouTube
• 31 minutes
• On-Demand
• Conference Talk

Mukesh otwani

Handling Shadow DOM and Shadow Root in Playwright with Java

Master shadow DOM handling in Playwright with practical examples and techniques for accessing shadow root elements and interacting with web components effectively.

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

Drupal Association

Declarative Shadow DOM and the Future of Drupal Theming

Explore how Declarative Shadow DOM revolutionizes Drupal theming by combining server-side rendering with modern web components using only HTML and CSS.

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

Drupal Association

Declarative Shadow DOM and the Future of Drupal Theming

Explore how Declarative Shadow DOM and Single Directory Components can modernize Drupal's theming system by bridging server-side rendering with contemporary JavaScript APIs.

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

Web Components & Stencil.js - Build Custom HTML Elements

3887 ratings at Udemy

A Complete Introduction to building Custom HTML Elements/ Web Components with and without StencilJS

• Udemy
• 8 hours 49 minutes
• On-Demand
• Paid Course

Fundamentals of Web Components

284 ratings at Udemy

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

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

Board Infinity

Semantic HTML & Accessibility

Master semantic HTML and accessibility to build inclusive, high-performing websites with modern standards, ARIA roles, Core Web Vitals optimization, and PWA features.

• Coursera
• 14 hours 36 minutes
• On-Demand
• Paid Course

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

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

ng-conf

A Deep Look at Angular Elements

Explore Angular Elements for creating framework-independent web components. Learn about Shadow DOM, lazy loading, bundling strategies, and integration with Ivy to reduce bundle size.

• YouTube
• 1 hour 18 minutes
• On-Demand
• Conference Talk

Kevin Powell

Simple Details and Summary Animation with Pure CSS

Master modern CSS techniques to create smooth animations for details/summary elements, exploring interpolate-size and pseudo-elements for enhanced user interactions.

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