Web Components Pro: Master Custom Elements & Shadow DOM 2024
Focused View
4:20:03
1 - Introduction.mp4
02:10
2 - Development Environment.mp4
00:55
3 - Codes.html
4 - Custom Element Candidate.mp4
21:46
5 - First Custom Element.mp4
24:29
6 - Element Lifecycle.mp4
23:12
7 - Class Properties and Attributes.mp4
14:26
8 - Extending Builtin Button.mp4
06:18
9 - Polyfill.mp4
06:35
10 - Extracting Element to Separate Javascript File.mp4
03:55
11 - Template.mp4
11:05
12 - Modules.mp4
08:06
13 - Shadow DOM.mp4
11:21
14 - Closed Shadow DOM.mp4
05:10
15 - Slot.mp4
13:55
16 - Styling Flash of Unstyled Content.mp4
08:38
17 - Styling Undefined Element.mp4
08:13
18 - Styling Element Host.mp4
03:31
19 - Styling Slot.mp4
06:57
20 - Styling Part CSS Custom Props.mp4
14:40
21 - Custom Input Element.mp4
06:18
22 - Input Events.mp4
17:36
23 - Button Click Events.mp4
08:42
24 - Input with Validation.mp4
09:33
25 - Registration Form.mp4
22:32
More details
Course Overview
Master native web component technologies to build reusable, framework-free UI elements using Custom Elements, Shadow DOM, and HTML Templates.
What You'll Learn
- Create custom HTML elements with the Web Components API
- Implement Shadow DOM for style and markup encapsulation
- Build interactive components with slots and custom events
Who This Is For
- Frontend developers building framework-independent UIs
- Web engineers creating reusable component libraries
- JavaScript developers adopting web standards
Key Benefits
- Framework-free component development
- Native browser capabilities without dependencies
- Production-ready component patterns
Curriculum Highlights
- Custom Elements fundamentals
- Templates and Shadow DOM
- Advanced styling and event handling
Focused display
- language english
- Training sessions 24
- duration 4:20:03
- English subtitles has
- Release Date 2025/05/11
