Video: Getting Started
Web Components For Beginners
Released: 2021-08-31
-
1. What Are Web Components?
4m34s
-
2. Getting Started
5m20s
-
3. Template 101
5m48s
-
4. Template Document Fragments and Cloning
5m16s
-
5. Custom Elements 101
8m47s
-
6. Templates In Elements With Slots
7m3s
-
7. Open Vs Closed Shadow Root
6m11s
-
8. CSS and Scoping In Web Components
8m48s
-
9. More On Scoping and Host
9m30s
-
10. Attributes 101
8m27s
-
11. Lifecyle Methods
7m13s
-
12. Event Listeners
11m51s
-
13. Listening For Attribute Changes
10m29s
-
14. More On Attributes
13m56s
-
15. Tabs Project
10m20s
-
16. Functional Tabs
13m44s
-
17. Tab Index and Accessibility
10m28s
-
18. Keyboard Events
10m33s
-
19. CSS and Bugs
10m44s
-
20. Extending Existing Elements
4m32s
-
21. CSS Vars To Style Scoped CSS
4m1s
-
22. Where To Go From Here
3m51s
Getting Started
Now that we know what web components are, we are going to start to touch our first bit of code so that we can get up and running.
npx serve