Web Components Demystified

7h 51m 36s
English
Paid
August 29, 2024

If you are like me, you have probably been hearing a lot about web components lately. Many of us are looking for ways to integrate web components into our work, while teams are trying to figure out how to use them in their processes. There are a lot of changes happening in the world of web components right now, and keeping up with all the innovations can be challenging, which can lead to a feeling of being overwhelmed.

More

Why now? Our practices are changing.

Over the past decade, the web community has focused on JavaScript libraries and frameworks, which have led to many innovations but often deteriorated performance and sustainability. Fortunately, we now have a standard component model built into browsers, which reduces complexity and improves performance. Many large companies are already switching to web components, and popular libraries like React are improving compatibility with them.

A comprehensive, accessible curriculum.

The goal of the course is to clarify the use of web components, demonstrate their modern applications, and teach how to create fast modern websites. "Web Components Demystified" is a comprehensive course that considers accessibility, sustainability, and performance.

Who is this course for?

This course is designed for web designers and developers of any level. It covers complex patterns and tasks related to web components and does not require any prior knowledge of them. The course is aimed at frontend developers and UI/UX designers who are proficient in HTML, CSS, and basic JavaScript knowledge. Familiarity with popular frameworks will also be helpful for understanding various approaches and integration strategies.

If you want to learn how web components can improve your workflow, this course is for you!

Watch Online Web Components Demystified

Join premium to watch
Go to premium
# Title Duration
1 1 - Course Introduction & Background 15:24
2 2 - What Web Components Are... And Aren't 26:40
3 3 - Custom Elements 01:28:09
4 4 - HTML Templates Video 21:18
5 5 - Shadow DOM 01:18:10
6 6 - Styling Web Components 01:06:20
7 7 - HTML-First Patterns Video 59:42
8 8 - Web Components Frameworks Tour Video 28:16
9 9 - Web Components Libraries Tour Video 19:56
10 10 - Let-s Build An App Video 47:58
11 11 - What-s Next Video 15:15
12 12 - Wrapping Up Video 04:28

Read Book Web Components Demystified

# Title
1 Course Introduction & Background
2 What Web Components Are... And Aren't
3 Custom Elements
4 HTML Templates Video
5 Shadow DOM
6 Styling Web Components
7 HTML-First Patterns Video
8 Web Components Frameworks Tour Video
9 Web Components Libraries Tour Video
10 Let-s Build An App Video
11 What-s Next Video
12 Wrapping Up Video

Similar courses to Web Components Demystified

Framer Motion Recipes

Framer Motion Recipes

Duration 3 hours 8 minutes 18 seconds
Epic Web. Ship Modern Full-Stack Web Applications

Epic Web. Ship Modern Full-Stack Web Applications

Duration 39 hours 2 minutes 51 seconds
Advanced FrontEnds

Advanced FrontEnds

Duration 8 hours 58 minutes 38 seconds
Normal UI

Normal UI

Duration