CF

Web Components For Beginners

3h 1m 52s
English
Paid

Web Components are a set of features that provide a standard component model for the Web[1] allowing for encapsulation and interoperability of individual HTML elements.

Additional

https://github.com/leveluptuts/web-components-for-beginners

About the Author: Level Up Tutorials (Scott Tolinski)

Level Up Tutorials (Scott Tolinski) thumbnail

Level Up Tutorials is the online course platform of Scott Tolinski, a US developer best known as the co-host (with Wes Bos) of the long-running Syntax podcast. Level Up Tutorials has been publishing modern web-development course material continuously since 2012 — one of the longer-running independent course platforms in the JavaScript ecosystem.

The course catalog covers the modern full-stack JavaScript landscape: React (including Next.js), Svelte / SvelteKit (Scott has been a long-running advocate for Svelte), Vue, GraphQL, Node.js, MongoDB, the testing tracks, Tailwind CSS, animation patterns, and the surrounding tooling. Material is structured around long-form project-based tutorial series rather than disconnected feature videos.

The CourseFlix listing under this source carries over 10 Level Up Tutorials courses spanning that range. Material is paid; Level Up Tutorials runs on a monthly / annual subscription on the original platform. Courses are aimed at intermediate-and-up web developers.

Watch Online 22 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 22 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What Are Web Components?
All Course Lessons (22)
#Lesson TitleDurationAccess
1
What Are Web Components? Demo
04:35
2
Getting Started
05:21
3
Template 101
05:49
4
Template Document Fragments and Cloning
05:17
5
Custom Elements 101
08:48
6
Templates In Elements With Slots
07:04
7
Open Vs Closed Shadow Root
06:13
8
CSS and Scoping In Web Components
08:49
9
More On Scoping and Host
09:31
10
Attributes 101
08:28
11
Lifecyle Methods
07:14
12
Event Listeners
11:53
13
Listening For Attribute Changes
10:30
14
More On Attributes
13:57
15
Tabs Project
10:22
16
Functional Tabs
13:45
17
Tab Index and Accessibility
10:29
18
Keyboard Events
10:35
19
CSS and Bugs
10:45
20
Extending Existing Elements
04:33
21
CSS Vars To Style Scoped CSS
04:02
22
Where To Go From Here
03:52
Unlock unlimited learning

Get instant access to all 21 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What is Web Components For Beginners about?
Web Components are a set of features that provide a standard component model for the Web[1] allowing for encapsulation and interoperability of individual HTML elements.
Who teaches this course?
It is taught by Level Up Tutorials (Scott Tolinski). You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 22 lessons with a total runtime of 3 hours 1 minute. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/web-components-for-beginners. The page hosts every lesson with the integrated video player; no download is required.