Web Components Demystified

7h 51m 36s
English
Paid

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.

Read more about the course

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

Similar courses to Web Components Demystified

Animating the web with Framer Motion

Animating the web with Framer MotionJeroen Reumkens

Category: Other (Frontend)
Duration 6 hours 3 minutes 51 seconds
Animations on the web

Animations on the webEmil Kowalski

Category: Other (Frontend)
Duration 2 hours 23 minutes 59 seconds
Building Full-Stack Apps with AI

Building Full-Stack Apps with AIMckay Wrigley (takeoff)

Category: Other (Backend), Other (Frontend)
Duration 8 hours 3 minutes 16 seconds
Software Essentialist

Software EssentialistKhalil Stemmler

Category: Other (Frontend)
Duration 34 hours 6 minutes 47 seconds
Normal UI

Normal UIAnthony Alicea

Category: Other (Frontend)
Duration 39 minutes 16 seconds
HTMX - The Practical Guide

HTMX - The Practical GuideAcademind Pro

Category: Other (Frontend)
Duration 4 hours 5 minutes