|
|
1. Module Introduction.mp4
|
MP4
|
9.53 MB
|
|
|
1. Module Introduction.srt
|
SRT
|
2.67 KB
|
|
|
10. Understanding the Custom Element Lifecycle.mp4
|
MP4
|
6.96 MB
|
|
|
10. Understanding the Custom Element Lifecycle.srt
|
SRT
|
3.41 KB
|
|
|
11. Using connectedCallback for DOM Access.mp4
|
MP4
|
8.31 MB
|
|
|
11. Using connectedCallback for DOM Access.srt
|
SRT
|
2.41 KB
|
|
|
12. Listening to Events Inside the Component.mp4
|
MP4
|
49.74 MB
|
|
|
12. Listening to Events Inside the Component.srt
|
SRT
|
11.11 KB
|
|
|
13. Using Attributes on Custom Elements.mp4
|
MP4
|
32.16 MB
|
|
|
13. Using Attributes on Custom Elements.srt
|
SRT
|
5.59 KB
|
|
|
13.1 basics-02-using-attributes.zip
|
ZIP
|
2.52 KB
|
|
|
14. Styling our Elements.mp4
|
MP4
|
30.63 MB
|
|
|
14. Styling our Elements.srt
|
SRT
|
4.5 KB
|
|
|
14.1 basics-03-styling-our-elements.zip
|
ZIP
|
2.69 KB
|
|
|
15. Working with the Shadow DOM.mp4
|
MP4
|
31.66 MB
|
|
|
15. Working with the Shadow DOM.srt
|
SRT
|
5.93 KB
|
|
|
15.1 basics-04-using-the-shadow-dom.zip
|
ZIP
|
2.72 KB
|
|
|
16. Adding an HTML Template.mp4
|
MP4
|
44.04 MB
|
|
|
16. Adding an HTML Template.srt
|
SRT
|
6.68 KB
|
|
|
17. Using Slots.mp4
|
MP4
|
10.46 MB
|
|
|
17. Using Slots.srt
|
SRT
|
2 KB
|
|
|
17.1 basics-05-using-slots.zip
|
ZIP
|
2.67 KB
|
|
|
18. Defining the Template in JavaScript.mp4
|
MP4
|
25.54 MB
|
|
|
18. Defining the Template in JavaScript.srt
|
SRT
|
3.89 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
|
20.89 MB
|
|
|
19. Using Style Tags in the Shadow DOM.srt
|
SRT
|
2.87 KB
|
|
|
2. Web Components in Action.mp4
|
MP4
|
30.48 MB
|
|
|
2. Web Components in Action.srt
|
SRT
|
9.11 KB
|
|
|
2.1 getting-started-02-finished.zip
|
ZIP
|
3.41 KB
|
|
|
2.2 modal.js
|
JS
|
3.97 KB
|
|
|
2.3 index.html
|
HTML
|
259 B
|
|
|
20. Extending Built-in Elements.mp4
|
MP4
|
37.14 MB
|
|
|
20. Extending Built-in Elements.srt
|
SRT
|
8.77 KB
|
|
|
20.1 basics-07-extending-built-in-elements.zip
|
ZIP
|
3.77 KB
|
|
|
21. Time to Practice - The Basics.html
|
HTML
|
167 B
|
|
|
22. The Next Steps.mp4
|
MP4
|
1.69 MB
|
|
|
22. The Next Steps.srt
|
SRT
|
1.07 KB
|
|
|
23. Understanding Shadow DOM Projection.mp4
|
MP4
|
11.44 MB
|
|
|
23. Understanding Shadow DOM Projection.srt
|
SRT
|
3.21 KB
|
|
|
24. Styling slot Content Outside of the Shadow DOM.mp4
|
MP4
|
23.83 MB
|
|
|
24. Styling slot Content Outside of the Shadow DOM.srt
|
SRT
|
4.66 KB
|
|
|
25. Styling slot Content Inside of the Shadow DOM.mp4
|
MP4
|
19.86 MB
|
|
|
25. Styling slot Content Inside of the Shadow DOM.srt
|
SRT
|
3.92 KB
|
|
|
26. Styling the Host Component.mp4
|
MP4
|
32.1 MB
|
|
|
26. Styling the Host Component.srt
|
SRT
|
5.63 KB
|
|
|
27. Conditional Host Styling.mp4
|
MP4
|
16.9 MB
|
|
|
27. Conditional Host Styling.srt
|
SRT
|
3.31 KB
|
|
|
28. Styling with the Host Content in Mind.mp4
|
MP4
|
15.49 MB
|
|
|
28. Styling with the Host Content in Mind.srt
|
SRT
|
3.2 KB
|
|
|
28.1 advanced-01-styling-and-shadow-dom.zip
|
ZIP
|
3.97 KB
|
|
|
29. Smart Dynamic Styling with CSS Variables.mp4
|
MP4
|
39.28 MB
|
|
|
29. Smart Dynamic Styling with CSS Variables.srt
|
SRT
|
8.01 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
|
11.54 MB
|
|
|
3. What are Web Components.srt
|
SRT
|
4.57 KB
|
|
|
30. Cleaning Up the Overall Styling.mp4
|
MP4
|
26.77 MB
|
|
|
30. Cleaning Up the Overall Styling.srt
|
SRT
|
3.98 KB
|
|
|
31. Observing Attribute Changes.mp4
|
MP4
|
48.28 MB
|
|
|
31. Observing Attribute Changes.srt
|
SRT
|
8.22 KB
|
|
|
31.1 advanced-03-observing-attribute-changes.zip
|
ZIP
|
4.15 KB
|
|
|
32. Adjusting the Component Behavior Upon Attribute Changes.mp4
|
MP4
|
19.12 MB
|
|
|
32. Adjusting the Component Behavior Upon Attribute Changes.srt
|
SRT
|
3.2 KB
|
|
|
33. Using disconnectedCallback.mp4
|
MP4
|
48.78 MB
|
|
|
33. Using disconnectedCallback.srt
|
SRT
|
8.32 KB
|
|
|
34. Adding a render() Method.mp4
|
MP4
|
52.84 MB
|
|
|
34. Adding a render() Method.srt
|
SRT
|
8.16 KB
|
|
|
34.1 advanced-04-adding-a-render-method.zip
|
ZIP
|
4.15 KB
|
|
|
35. Final Adjustment.html
|
HTML
|
501 B
|
|
|
35.1 advanced-05-finished.zip
|
ZIP
|
3.9 KB
|
|
|
36. The Next Steps.mp4
|
MP4
|
1.91 MB
|
|
|
36. The Next Steps.srt
|
SRT
|
1.05 KB
|
|
|
37. Creating the Basic Modal Component.mp4
|
MP4
|
30.97 MB
|
|
|
37. Creating the Basic Modal Component.srt
|
SRT
|
8.33 KB
|
|
|
37.1 complex-cmp-01-starting-setup.zip
|
ZIP
|
1.59 KB
|
|
|
37.2 complex-cmp-02-creating-the-basic-modal.zip
|
ZIP
|
2.78 KB
|
|
|
38. Adding the Modal Container.mp4
|
MP4
|
12.68 MB
|
|
|
38. Adding the Modal Container.srt
|
SRT
|
3.17 KB
|
|
|
39. Styling the Modal Elements.mp4
|
MP4
|
35.09 MB
|
|
|
39. Styling the Modal Elements.srt
|
SRT
|
7.04 KB
|
|
|
39.1 Dive into CSS Flexbox.html
|
HTML
|
136 B
|
|
|
39.2 complex-cmp-03-styling-the-modal.zip
|
ZIP
|
2.94 KB
|
|
|
4. Why Web Components.mp4
|
MP4
|
7.82 MB
|
|
|
4. Why Web Components.srt
|
SRT
|
3.83 KB
|
|
|
40. Adding Some General App Logic.mp4
|
MP4
|
25.91 MB
|
|
|
40. Adding Some General App Logic.srt
|
SRT
|
4.68 KB
|
|
|
41. Opening the Modal via CSS.mp4
|
MP4
|
38.06 MB
|
|
|
41. Opening the Modal via CSS.srt
|
SRT
|
6.58 KB
|
|
|
41.1 complex-cmp-04-opening-via-css.zip
|
ZIP
|
3.22 KB
|
|
|
42. Public Methods & Properties.mp4
|
MP4
|
47.82 MB
|
|
|
42. Public Methods & Properties.srt
|
SRT
|
8.13 KB
|
|
|
42.1 complex-cmp-05-public-methods-and-properties.zip
|
ZIP
|
3.46 KB
|
|
|
43. Understanding Named Slots.mp4
|
MP4
|
36.27 MB
|
|
|
43. Understanding Named Slots.srt
|
SRT
|
7.1 KB
|
|
|
43.1 complex-cmp-06-understanding-named-slots.zip
|
ZIP
|
3.46 KB
|
|
|
44. Listening to Slot Content Changes.mp4
|
MP4
|
41.01 MB
|
|
|
44. Listening to Slot Content Changes.srt
|
SRT
|
6.71 KB
|
|
|
44.1 complex-cmp-07-slotchange.zip
|
ZIP
|
3.33 KB
|
|
|
45. Closing the Modal.mp4
|
MP4
|
54.68 MB
|
|
|
45. Closing the Modal.srt
|
SRT
|
8.71 KB
|
|
|
46. Dispatching Custom Events.mp4
|
MP4
|
27.16 MB
|
|
|
46. Dispatching Custom Events.srt
|
SRT
|
4.76 KB
|
|
|
47. Configuring Custom Events.mp4
|
MP4
|
35.65 MB
|
|
|
47. Configuring Custom Events.srt
|
SRT
|
6.45 KB
|
|
|
47.1 complex-cmp-08-configuring-custom-events.zip
|
ZIP
|
3.77 KB
|
|
|
48. Finishing it up!.mp4
|
MP4
|
33.09 MB
|
|
|
48. Finishing it up!.srt
|
SRT
|
6.06 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
|
1.09 KB
|
|
|
49.1 complex-cmp-06-understanding-named-slots.zip
|
ZIP
|
3.46 KB
|
|
|
49.10 basics-03-styling-our-elements.zip
|
ZIP
|
2.69 KB
|
|
|
49.11 complex-cmp-03-styling-the-modal.zip
|
ZIP
|
2.94 KB
|
|
|
49.12 basics-01-first-custom-element.zip
|
ZIP
|
2.39 KB
|
|
|
49.13 basics-05-using-slots.zip
|
ZIP
|
2.67 KB
|
|
|
49.14 complex-cmp-08-configuring-custom-events.zip
|
ZIP
|
3.77 KB
|
|
|
49.15 basics-07-extending-built-in-elements.zip
|
ZIP
|
3.77 KB
|
|
|
49.16 basics-02-using-attributes.zip
|
ZIP
|
2.52 KB
|
|
|
49.17 advanced-03-observing-attribute-changes.zip
|
ZIP
|
4.15 KB
|
|
|
49.18 complex-cmp-05-public-methods-and-properties.zip
|
ZIP
|
3.46 KB
|
|
|
49.19 basics-04-using-the-shadow-dom.zip
|
ZIP
|
2.72 KB
|
|
|
49.2 advanced-04-adding-a-render-method.zip
|
ZIP
|
4.15 KB
|
|
|
49.20 advanced-02-css-variables.zip
|
ZIP
|
3.85 KB
|
|
|
49.21 complex-cmp-04-opening-via-css.zip
|
ZIP
|
3.22 KB
|
|
|
49.3 complex-cmp-07-slotchange.zip
|
ZIP
|
3.33 KB
|
|
|
49.4 advanced-01-styling-and-shadow-dom.zip
|
ZIP
|
3.97 KB
|
|
|
49.5 basics-06-defining-the-template-in-js.zip
|
ZIP
|
2.9 KB
|
|
|
49.6 advanced-05-finished.zip
|
ZIP
|
3.9 KB
|
|
|
49.7 complex-cmp-01-starting-setup.zip
|
ZIP
|
1.59 KB
|
|
|
49.8 complex-cmp-02-creating-the-basic-modal.zip
|
ZIP
|
2.78 KB
|
|
|
49.9 complex-cmp-09-finished.zip
|
ZIP
|
3.59 KB
|
|
|
5. Getting Started!.mp4
|
MP4
|
14.99 MB
|
|
|
5. Getting Started!.srt
|
SRT
|
5.45 KB
|
|
|
6. Web Component Browser Support.mp4
|
MP4
|
17.03 MB
|
|
|
6. Web Component Browser Support.srt
|
SRT
|
3.41 KB
|
|
|
7. Our Development Setup.mp4
|
MP4
|
13.93 MB
|
|
|
7. Our Development Setup.srt
|
SRT
|
5.1 KB
|
|
|
8. A First Custom Element.mp4
|
MP4
|
27.87 MB
|
|
|
8. A First Custom Element.srt
|
SRT
|
9.94 KB
|
|
|
8.1 basics-01-first-custom-element.zip
|
ZIP
|
2.39 KB
|
|
|
9. Interacting with the Surrounding DOM.mp4
|
MP4
|
20.39 MB
|
|
|
9. Interacting with the Surrounding DOM.srt
|
SRT
|
5.85 KB
|