|
|
1. Module Introduction.mp4
|
MP4
|
11.84 MB
|
|
|
1. Module Introduction.srt
|
SRT
|
2.58 KB
|
|
|
10. Understanding the Custom Element Lifecycle.mp4
|
MP4
|
4.74 MB
|
|
|
10. Understanding the Custom Element Lifecycle.srt
|
SRT
|
3.29 KB
|
|
|
11. Using connectedCallback for DOM Access.mp4
|
MP4
|
5.59 MB
|
|
|
11. Using connectedCallback for DOM Access.srt
|
SRT
|
2.33 KB
|
|
|
12. Listening to Events Inside the Component.mp4
|
MP4
|
44.47 MB
|
|
|
12. Listening to Events Inside the Component.srt
|
SRT
|
10.71 KB
|
|
|
13. Using Attributes on Custom Elements.mp4
|
MP4
|
24.34 MB
|
|
|
13. Using Attributes on Custom Elements.srt
|
SRT
|
5.39 KB
|
|
|
13.1 basics-02-using-attributes.zip
|
ZIP
|
2.52 KB
|
|
|
14. Styling our Elements.mp4
|
MP4
|
36.13 MB
|
|
|
14. Styling our Elements.srt
|
SRT
|
4.34 KB
|
|
|
14.1 basics-03-styling-our-elements.zip
|
ZIP
|
2.69 KB
|
|
|
15. Working with the Shadow DOM.mp4
|
MP4
|
45.14 MB
|
|
|
15. Working with the Shadow DOM.srt
|
SRT
|
5.72 KB
|
|
|
15.1 basics-04-using-the-shadow-dom.zip
|
ZIP
|
2.72 KB
|
|
|
16. Adding an HTML Template.mp4
|
MP4
|
33.17 MB
|
|
|
16. Adding an HTML Template.srt
|
SRT
|
6.45 KB
|
|
|
17. Using Slots.mp4
|
MP4
|
8.26 MB
|
|
|
17. Using Slots.srt
|
SRT
|
1.94 KB
|
|
|
17.1 basics-05-using-slots.zip
|
ZIP
|
2.67 KB
|
|
|
18. Defining the Template in JavaScript.mp4
|
MP4
|
19.16 MB
|
|
|
18. Defining the Template in JavaScript.srt
|
SRT
|
3.76 KB
|
|
|
18.1 basics-06-defining-the-template-in-js.zip
|
ZIP
|
2.9 KB
|
|
|
19. Using Style Tags in the Shadow DOM.mp4
|
MP4
|
31.57 MB
|
|
|
19. Using Style Tags in the Shadow DOM.srt
|
SRT
|
2.76 KB
|
|
|
2. Web Components in Action.mp4
|
MP4
|
27.76 MB
|
|
|
2. Web Components in Action.srt
|
SRT
|
8.78 KB
|
|
|
2.1 index.html
|
HTML
|
259 B
|
|
|
2.2 modal.js
|
JS
|
3.97 KB
|
|
|
2.3 getting-started-02-finished.zip
|
ZIP
|
3.41 KB
|
|
|
20. Extending Built-in Elements.mp4
|
MP4
|
44.97 MB
|
|
|
20. Extending Built-in Elements.srt
|
SRT
|
8.46 KB
|
|
|
20.1 basics-07-extending-built-in-elements.zip
|
ZIP
|
3.77 KB
|
|
|
21. Time to Practice - The Basics.html
|
HTML
|
167 B
|
|
|
21.1 Time to Practice - The Basics (Problem).mp4
|
MP4
|
17.54 MB
|
|
|
21.2 Time to Practice - The Basics (Solution).mp4
|
MP4
|
73.27 MB
|
|
|
21.3 basics-assignment-start.zip
|
ZIP
|
1.77 KB
|
|
|
21.4 basics-assignment-solution.zip
|
ZIP
|
2.65 KB
|
|
|
22. The Next Steps.mp4
|
MP4
|
1.16 MB
|
|
|
22. The Next Steps.srt
|
SRT
|
1.03 KB
|
|
|
23. Understanding Shadow DOM Projection.mp4
|
MP4
|
7.7 MB
|
|
|
23. Understanding Shadow DOM Projection.srt
|
SRT
|
3.09 KB
|
|
|
24. Styling slot Content Outside of the Shadow DOM.mp4
|
MP4
|
18.3 MB
|
|
|
24. Styling slot Content Outside of the Shadow DOM.srt
|
SRT
|
4.5 KB
|
|
|
25. Styling slot Content Inside of the Shadow DOM.mp4
|
MP4
|
15.25 MB
|
|
|
25. Styling slot Content Inside of the Shadow DOM.srt
|
SRT
|
3.78 KB
|
|
|
26. Styling the Host Component.mp4
|
MP4
|
23.58 MB
|
|
|
26. Styling the Host Component.srt
|
SRT
|
5.42 KB
|
|
|
27. Conditional Host Styling.mp4
|
MP4
|
21 MB
|
|
|
27. Conditional Host Styling.srt
|
SRT
|
3.19 KB
|
|
|
28. Styling with the Host Content in Mind.mp4
|
MP4
|
12.23 MB
|
|
|
28. Styling with the Host Content in Mind.srt
|
SRT
|
3.08 KB
|
|
|
28.1 advanced-01-styling-and-shadow-dom.zip
|
ZIP
|
3.97 KB
|
|
|
29. Smart Dynamic Styling with CSS Variables.mp4
|
MP4
|
34.86 MB
|
|
|
29. Smart Dynamic Styling with CSS Variables.srt
|
SRT
|
7.73 KB
|
|
|
29.1 More on CSS Variables.html
|
HTML
|
113 B
|
|
|
29.2 advanced-02-css-variables.zip
|
ZIP
|
3.85 KB
|
|
|
3. What are Web Components.mp4
|
MP4
|
8.08 MB
|
|
|
3. What are Web Components.srt
|
SRT
|
4.42 KB
|
|
|
30. Cleaning Up the Overall Styling.mp4
|
MP4
|
21.41 MB
|
|
|
30. Cleaning Up the Overall Styling.srt
|
SRT
|
3.82 KB
|
|
|
31. Observing Attribute Changes.mp4
|
MP4
|
58.13 MB
|
|
|
31. Observing Attribute Changes.srt
|
SRT
|
7.93 KB
|
|
|
31.1 advanced-03-observing-attribute-changes.zip
|
ZIP
|
4.15 KB
|
|
|
32. Adjusting the Component Behavior Upon Attribute Changes.mp4
|
MP4
|
23.82 MB
|
|
|
32. Adjusting the Component Behavior Upon Attribute Changes.srt
|
SRT
|
3.1 KB
|
|
|
33. Using disconnectedCallback.mp4
|
MP4
|
41.13 MB
|
|
|
33. Using disconnectedCallback.srt
|
SRT
|
8.01 KB
|
|
|
34. Adding a render() Method.mp4
|
MP4
|
28.56 MB
|
|
|
34. Adding a render() Method.srt
|
SRT
|
7.87 KB
|
|
|
34.1 advanced-04-adding-a-render-method.zip
|
ZIP
|
4.15 KB
|
|
|
35. Final Adjustment.html
|
HTML
|
26.82 KB
|
|
|
35.1 advanced-05-finished.zip
|
ZIP
|
3.9 KB
|
|
|
36. The Next Steps.mp4
|
MP4
|
1.32 MB
|
|
|
36. The Next Steps.srt
|
SRT
|
1.02 KB
|
|
|
37. Creating the Basic Modal Component.mp4
|
MP4
|
24.49 MB
|
|
|
37. Creating the Basic Modal Component.srt
|
SRT
|
8 KB
|
|
|
37.1 complex-cmp-02-creating-the-basic-modal.zip
|
ZIP
|
2.78 KB
|
|
|
37.2 complex-cmp-01-starting-setup.zip
|
ZIP
|
1.59 KB
|
|
|
38. Adding the Modal Container.mp4
|
MP4
|
9.35 MB
|
|
|
38. Adding the Modal Container.srt
|
SRT
|
3.04 KB
|
|
|
39. Styling the Modal Elements.mp4
|
MP4
|
26.85 MB
|
|
|
39. Styling the Modal Elements.srt
|
SRT
|
6.77 KB
|
|
|
39.1 complex-cmp-03-styling-the-modal.zip
|
ZIP
|
2.94 KB
|
|
|
39.2 Dive into CSS Flexbox.html
|
HTML
|
136 B
|
|
|
4. Why Web Components.mp4
|
MP4
|
5.72 MB
|
|
|
4. Why Web Components.srt
|
SRT
|
3.69 KB
|
|
|
40. Adding Some General App Logic.mp4
|
MP4
|
19.12 MB
|
|
|
40. Adding Some General App Logic.srt
|
SRT
|
4.53 KB
|
|
|
41. Opening the Modal via CSS.mp4
|
MP4
|
27.43 MB
|
|
|
41. Opening the Modal via CSS.srt
|
SRT
|
6.34 KB
|
|
|
41.1 complex-cmp-04-opening-via-css.zip
|
ZIP
|
3.22 KB
|
|
|
42. Public Methods & Properties.mp4
|
MP4
|
34.95 MB
|
|
|
42. Public Methods & Properties.srt
|
SRT
|
7.83 KB
|
|
|
42.1 complex-cmp-05-public-methods-and-properties.zip
|
ZIP
|
3.46 KB
|
|
|
43. Understanding Named Slots.mp4
|
MP4
|
32.29 MB
|
|
|
43. Understanding Named Slots.srt
|
SRT
|
6.84 KB
|
|
|
43.1 complex-cmp-06-understanding-named-slots.zip
|
ZIP
|
3.46 KB
|
|
|
44. Listening to Slot Content Changes.mp4
|
MP4
|
34.98 MB
|
|
|
44. Listening to Slot Content Changes.srt
|
SRT
|
6.47 KB
|
|
|
44.1 complex-cmp-07-slotchange.zip
|
ZIP
|
3.33 KB
|
|
|
45. Closing the Modal.mp4
|
MP4
|
66.75 MB
|
|
|
45. Closing the Modal.srt
|
SRT
|
8.38 KB
|
|
|
46. Dispatching Custom Events.mp4
|
MP4
|
33.07 MB
|
|
|
46. Dispatching Custom Events.srt
|
SRT
|
4.58 KB
|
|
|
47. Configuring Custom Events.mp4
|
MP4
|
43.16 MB
|
|
|
47. Configuring Custom Events.srt
|
SRT
|
6.21 KB
|
|
|
47.1 complex-cmp-08-configuring-custom-events.zip
|
ZIP
|
3.77 KB
|
|
|
48. Finishing it up!.mp4
|
MP4
|
40.1 MB
|
|
|
48. Finishing it up!.srt
|
SRT
|
5.83 KB
|
|
|
48.1 complex-cmp-09-finished.zip
|
ZIP
|
3.59 KB
|
|
|
48.2 More about CSS Transitions.html
|
HTML
|
147 B
|
|
|
49. Useful Resources & Links.html
|
HTML
|
29.65 KB
|
|
|
49.1 basics-01-first-custom-element.zip
|
ZIP
|
2.39 KB
|
|
|
49.10 basics-03-styling-our-elements.zip
|
ZIP
|
2.69 KB
|
|
|
49.11 advanced-04-adding-a-render-method.zip
|
ZIP
|
4.15 KB
|
|
|
49.12 advanced-01-styling-and-shadow-dom.zip
|
ZIP
|
3.97 KB
|
|
|
49.13 complex-cmp-02-creating-the-basic-modal.zip
|
ZIP
|
2.78 KB
|
|
|
49.14 complex-cmp-06-understanding-named-slots.zip
|
ZIP
|
3.46 KB
|
|
|
49.15 complex-cmp-08-configuring-custom-events.zip
|
ZIP
|
3.77 KB
|
|
|
49.16 basics-04-using-the-shadow-dom.zip
|
ZIP
|
2.72 KB
|
|
|
49.17 advanced-03-observing-attribute-changes.zip
|
ZIP
|
4.15 KB
|
|
|
49.18 basics-06-defining-the-template-in-js.zip
|
ZIP
|
2.9 KB
|
|
|
49.19 advanced-05-finished.zip
|
ZIP
|
3.9 KB
|
|
|
49.2 basics-02-using-attributes.zip
|
ZIP
|
2.52 KB
|
|
|
49.20 basics-05-using-slots.zip
|
ZIP
|
2.67 KB
|
|
|
49.21 complex-cmp-07-slotchange.zip
|
ZIP
|
3.33 KB
|
|
|
49.3 complex-cmp-04-opening-via-css.zip
|
ZIP
|
3.22 KB
|
|
|
49.4 basics-07-extending-built-in-elements.zip
|
ZIP
|
3.77 KB
|
|
|
49.5 complex-cmp-01-starting-setup.zip
|
ZIP
|
1.59 KB
|
|
|
49.6 advanced-02-css-variables.zip
|
ZIP
|
3.85 KB
|
|
|
49.7 complex-cmp-09-finished.zip
|
ZIP
|
3.59 KB
|
|
|
49.8 complex-cmp-05-public-methods-and-properties.zip
|
ZIP
|
3.46 KB
|
|
|
49.9 complex-cmp-03-styling-the-modal.zip
|
ZIP
|
2.94 KB
|
|
|
5. Getting Started!.mp4
|
MP4
|
10.56 MB
|
|
|
5. Getting Started!.srt
|
SRT
|
5.28 KB
|
|
|
6. Web Component Browser Support.mp4
|
MP4
|
24.58 MB
|
|
|
6. Web Component Browser Support.srt
|
SRT
|
3.29 KB
|
|
|
7. Our Development Setup.mp4
|
MP4
|
15.67 MB
|
|
|
7. Our Development Setup.srt
|
SRT
|
4.92 KB
|
|
|
8. A First Custom Element.mp4
|
MP4
|
31.05 MB
|
|
|
8. A First Custom Element.srt
|
SRT
|
9.57 KB
|
|
|
8.1 basics-01-first-custom-element.zip
|
ZIP
|
2.39 KB
|
|
|
9. Interacting with the Surrounding DOM.mp4
|
MP4
|
14.36 MB
|
|
|
9. Interacting with the Surrounding DOM.srt
|
SRT
|
5.64 KB
|