1. Урок 1. 00:01:39
    Introduction
  2. Урок 2. 00:06:31
    Web Components - A Quick Demo
  3. Урок 3. 00:03:23
    What are Web Components
  4. Урок 4. 00:03:06
    Why Do We Use Web Components?
  5. Урок 5. 00:06:16
    Comparing Web Components & Frameworks
  6. Урок 6. 00:02:47
    Course Outline
  7. Урок 7. 00:03:05
    How To Get The Most Out Of The Course
  8. Урок 8. 00:01:13
    Module Introduction
  9. Урок 9. 00:03:06
    Understanding "let" and "const"
  10. Урок 10. 00:05:28
    Working with Arrow Functions
  11. Урок 11. 00:04:44
    Exports and Imports
  12. Урок 12. 00:04:31
    Understanding Classes
  13. Урок 13. 00:03:04
    Classes, Properties and Methods
  14. Урок 14. 00:06:28
    The Spread & Rest Operator
  15. Урок 15. 00:02:33
    Refreshing Array Functions
  16. Урок 16. 00:01:05
    Understanding Async Code
  17. Урок 17. 00:05:08
    Module Introduction - What are Web Components?
  18. Урок 18. 00:03:06
    Browser Support
  19. Урок 19. 00:04:39
    Our Development Setup
  20. Урок 20. 00:08:30
    Creating our First Custom Element
  21. Урок 21. 00:05:05
    Interacting with the Surrounding DOM
  22. Урок 22. 00:02:52
    Understanding the Custom Elements Lifecycle
  23. Урок 23. 00:02:06
    Using "connectedcallback" for DOM Access
  24. Урок 24. 00:08:53
    Listening to Events Inside the Component
  25. Урок 25. 00:04:46
    Using Attributes on Custom Elements
  26. Урок 26. 00:04:09
    Styling our Elements
  27. Урок 27. 00:05:01
    Using the Shadow DOM
  28. Урок 28. 00:05:41
    Adding an HTML Template
  29. Урок 29. 00:01:51
    Using Slots
  30. Урок 30. 00:03:30
    Defining the Template in JavaScript
  31. Урок 31. 00:02:41
    Using Style Tags in the Shadow DOM
  32. Урок 32. 00:07:34
    Extending Built-In Elements
  33. Урок 33. 00:02:31
    Wrap Up
  34. Урок 34. 00:00:52
    Module Introduction
  35. Урок 35. 00:02:27
    Understanding Shadow DOM Projection
  36. Урок 36. 00:03:45
    Styling "slot" Content Outside of the Shadow DOM
  37. Урок 37. 00:03:11
    Styling "slot" Content Inside the Shadow DOM
  38. Урок 38. 00:04:43
    Styling the Host Component
  39. Урок 39. 00:02:50
    Conditional Host Styling
  40. Урок 40. 00:02:28
    Styling with the Host Content in Mind
  41. Урок 41. 00:06:21
    Smart Dynamic Styling with CSS Variables
  42. Урок 42. 00:03:23
    Cleaning Up Our Overall Styling
  43. Урок 43. 00:06:18
    Observing Attribute Changes
  44. Урок 44. 00:02:35
    Adjusting the Component Behaviour Upon Attribute Changes
  45. Урок 45. 00:04:41
    Using "disconnectedcallback"
  46. Урок 46. 00:06:14
    Adding a Render Method
  47. Урок 47. 00:02:34
    Wrap Up
  48. Урок 48. 00:00:53
    Module Introduction
  49. Урок 49. 00:06:34
    Creating the Basics Modal Component
  50. Урок 50. 00:02:30
    Adding the Modal Container
  51. Урок 51. 00:05:36
    Styling the Modal Elements
  52. Урок 52. 00:03:50
    Adding Some General App Logic
  53. Урок 53. 00:05:24
    Opening the Modal via CSS
  54. Урок 54. 00:06:38
    Public Methods & Properties
  55. Урок 55. 00:05:46
    Understanding Named Slots
  56. Урок 56. 00:05:11
    "slotchange" & Getting Access to Slot Content
  57. Урок 57. 00:07:02
    Closing the Modal with Modal Buttons
  58. Урок 58. 00:03:41
    Dispatching Custom Events
  59. Урок 59. 00:04:53
    Configuring Custom Events
  60. Урок 60. 00:04:52
    Adding Enhancements & Modal Animations
  61. Урок 61. 00:01:49
    Wrap Up
  62. Урок 62. 00:01:22
    Module Introduction
  63. Урок 63. 00:02:36
    Using Web Components in Modern Browsers
  64. Урок 64. 00:02:28
    Browser Support for Web Components
  65. Урок 65. 00:03:00
    Creating a Stencil Project
  66. Урок 66. 00:03:10
    What is Stencil?
  67. Урок 67. 00:06:57
    Diving Into a First Stencil Component
  68. Урок 68. 00:01:42
    Wrap Up
  69. Урок 69. 00:00:36
    Module Introduction
  70. Урок 70. 00:03:20
    Using the Development Server
  71. Урок 71. 00:08:56
    Creating a New Stencil Web Component
  72. Урок 72. 00:05:41
    Styling a Stencil Component
  73. Урок 73. 00:07:03
    Using Props
  74. Урок 74. 00:01:28
    Configuring Props
  75. Урок 75. 00:04:55
    Using Slots & Styling
  76. Урок 76. 00:02:09
    Rendering Conditional Content
  77. Урок 77. 00:03:28
    Using Attributes for Styling only
  78. Урок 78. 00:04:18
    Using Props in Combination with Attributes
  79. Урок 79. 00:05:34
    Understanding Mutable Props
  80. Урок 80. 00:03:34
    Preparing Tabs
  81. Урок 81. 00:04:24
    Adding More Event Listeners
  82. Урок 82. 00:04:33
    Using State
  83. Урок 83. 00:03:41
    Adding Methods to Components
  84. Урок 84. 00:05:21
    Adding a Backdrop
  85. Урок 85. 00:01:53
    Wrap Up
  86. Урок 86. 00:00:39
    Module Introdution
  87. Урок 87. 00:02:49
    Creating a New Component
  88. Урок 88. 00:03:58
    Component & API Preparations
  89. Урок 89. 00:02:10
    Submitting Forms
  90. Урок 90. 00:05:50
    Styling the Component
  91. Урок 91. 00:07:44
    HTTP Requests in Components
  92. Урок 92. 00:02:24
    Using the API Key
  93. Урок 93. 00:05:15
    Accessing the Host Element
  94. Урок 94. 00:02:53
    Using References
  95. Урок 95. 00:06:33
    Two Way Binding & Input Validation
  96. Урок 96. 00:06:08
    Error Handling
  97. Урок 97. 00:05:35
    Using the "componentdidload" Lifecycle Hook
  98. Урок 98. 00:05:17
    All Lifecycle Hooks
  99. Урок 99. 00:04:42
    Using Update Lifecycle Hooks
  100. Урок 100. 00:04:48
    Watching Prop Changes
  101. Урок 101. 00:05:57
    Creating a New Component
  102. Урок 102. 00:01:12
    Styling the New Component
  103. Урок 103. 00:06:21
    Outputting a List of Elements
  104. Урок 104. 00:02:12
    Styling the List Items
  105. Урок 105. 00:04:48
    Emitting Customs Events
  106. Урок 106. 00:06:06
    Using the Listen Decorator
  107. Урок 107. 00:04:38
    Using Hostdata
  108. Урок 108. 00:03:54
    Adding a Loading Spinner
  109. Урок 109. 00:04:55
    Embedding Components Into Components
  110. Урок 110. 00:04:33
    Using CSS Properties
  111. Урок 111. 00:01:26
    Wrap Up
  112. Урок 112. 00:00:55
    Module Introduction
  113. Урок 113. 00:05:00
    Using Stencil Config
  114. Урок 114. 00:04:16
    Building & Using the Components
  115. Урок 115. 00:02:11
    Using Web Components in a Node.js Project
  116. Урок 116. 00:03:25
    Publishing to NPM
  117. Урок 117. 00:01:28
    Installing NPM Packages
  118. Урок 118. 00:05:33
    Using Web Components in an Angular App
  119. Урок 119. 00:05:19
    Using Web Components in a React App
  120. Урок 120. 00:04:32
    Using Web Components in a Vue App
  121. Урок 121. 00:02:50
    Polyfills & The Internet Explorer
  122. Урок 122. 00:01:26
    Wrap Up
  123. Урок 123. 00:02:59
    Roundup