Видео курса

  • Урок 1. 00:02:40
    Introduction
  • Урок 2. 00:07:14
    Why Svelte?
  • Урок 3. 00:04:30
    What is Svelte?
  • Урок 4. 00:11:10
    Setting Up a First App & The Course Project
  • Урок 5. 00:07:27
    Writing Some Svelte Code
  • Урок 6. 00:04:49
    Course Outline
  • Урок 7. 00:03:28
    How To Get The Most Out Of The Course
  • Урок 8. 00:03:56
    Module Introduction
  • Урок 9. 00:05:37
    Using Curly Braces & Understanding the Core Syntax
  • Урок 10. 00:05:49
    Reactive Variables
  • Урок 11. 00:02:10
    More Reactivity
  • Урок 12. 00:04:17
    Binding to Element Properties
  • Урок 13. 00:01:42
    Two-Way Binding Shortcut
  • Урок 14. 00:08:31
    Using Multiple Components
  • Урок 15. 00:03:46
    Components & Communication via Props
  • Урок 16. 00:06:01
    Diving Deeper into Bindings
  • Урок 17. 00:01:11
    Using Self-Extending Properties
  • Урок 18. 00:03:33
    Outputting HTML Content
  • Урок 19. 00:04:16
    Setting Dynamic CSS Classes
  • Урок 20. 00:01:17
    Wrap Up
  • Урок 21. 00:00:50
    Module Introduction
  • Урок 22. 00:05:26
    Using "if" Statements in HTML
  • Урок 23. 00:04:28
    if, else & else-if
  • Урок 24. 00:08:06
    Outputting Lists with "each"
  • Урок 25. 00:02:12
    "each", "else" & Extracting the Index
  • Урок 26. 00:09:56
    Lists & Keys
  • Урок 27. 00:04:17
    A Closer Look at List Keys
  • Урок 28. 00:00:37
    Wrap Up
  • Урок 29. 00:00:59
    Module Introduction
  • Урок 30. 00:02:30
    Updating Arrays & Objects Immutably
  • Урок 31. 00:05:05
    Understanding Event Modifiers
  • Урок 32. 00:03:12
    Using Inline Functions
  • Урок 33. 00:00:45
    Wrap Up
  • Урок 34. 00:01:19
    Module Introduction
  • Урок 35. 00:08:42
    Project Setup & A First Component
  • Урок 36. 00:05:08
    Different Ways of Mounting Components
  • Урок 37. 00:03:36
    Adding Data
  • Урок 38. 00:04:19
    Adding a New Component (MeetupItem)
  • Урок 39. 00:03:33
    Working with Different Component Types
  • Урок 40. 00:05:38
    Passing Data Into Components
  • Урок 41. 00:04:26
    Adding a "MeetupGrid" Component
  • Урок 42. 00:09:25
    Adding New Meetups via a Form
  • Урок 43. 00:11:09
    Creating a "TextInput" Component
  • Урок 44. 00:05:59
    Adding a Custom "Button" Component
  • Урок 45. 00:02:21
    Wrap Up
  • Урок 46. 00:01:44
    Module Introduction
  • Урок 47. 00:01:41
    Understanding the Different Component Types
  • Урок 48. 00:03:02
    Component Communication Overview
  • Урок 49. 00:04:53
    Event Forwarding
  • Урок 50. 00:04:55
    Emitting Custom Events
  • Урок 51. 00:02:28
    How to Extract Event Data
  • Урок 52. 00:06:57
    Using Spread Props & Default Props
  • Урок 53. 00:06:26
    Working with Slots
  • Урок 54. 00:03:31
    Named & Default Slots
  • Урок 55. 00:03:19
    Example: Opening & Closing a Modal
  • Урок 56. 00:05:27
    Using Slot Props
  • Урок 57. 00:04:54
    The Component Lifecycle - Theory
  • Урок 58. 00:07:28
    Creation & Update Lifecycle Hooks in Action
  • Урок 59. 00:09:19
    Using "tick()"
  • Урок 60. 00:00:57
    Wrap Up
  • Урок 61. 00:00:34
    Module Introduction
  • Урок 62. 00:03:23
    Adding Default Props
  • Урок 63. 00:11:17
    Communication via Custom Events
  • Урок 64. 00:05:12
    Utilizing Slots
  • Урок 65. 00:07:57
    Creating an "EditMeetup" Component
  • Урок 66. 00:03:46
    Communicating Between Components
  • Урок 67. 00:03:22
    Time for More Slots!
  • Урок 68. 00:07:06
    Adding a Re-Usable "Modal" Component
  • Урок 69. 00:03:30
    Finishing the "Modal" Component
  • Урок 70. 00:00:38
    Wrap Up
  • Урок 71. 00:00:35
    Module Introduction
  • Урок 72. 00:02:47
    Two-Way Binding Refresher
  • Урок 73. 00:06:06
    Understanding Custom Component Bindings
  • Урок 74. 00:02:56
    Relying on Automatic Number Conversion
  • Урок 75. 00:04:54
    Binding Checkboxes & Radio Buttons
  • Урок 76. 00:02:05
    Binding <select> Dropdowns
  • Урок 77. 00:05:18
    Binding to Element References
  • Урок 78. 00:02:50
    Binding to Component References
  • Урок 79. 00:06:44
    Validating Forms & Inputs
  • Урок 80. 00:00:59
    Wrap Up
  • Урок 81. 00:00:34
    Module Introduction
  • Урок 82. 00:02:32
    Exploring Different Validation Solutions
  • Урок 83. 00:03:37
    Adding Validation & Error Output to the "TextInput" Component
  • Урок 84. 00:03:25
    Adding Some Validation Logic
  • Урок 85. 00:07:01
    Finishing "TextInput" Validation
  • Урок 86. 00:02:51
    Validating the Overall Form
  • Урок 87. 00:03:17
    Improvements & Wrap Up
  • Урок 88. 00:01:04
    Module Introduction
  • Урок 89. 00:03:42
    What's the Problem?
  • Урок 90. 00:05:35
    Creating a Writable Store & Subscribing
  • Урок 91. 00:04:36
    Updating Store Data
  • Урок 92. 00:01:57
    Stores and Stateful & Presentational Components
  • Урок 93. 00:03:53
    Managing Store Subscriptions
  • Урок 94. 00:02:50
    Using Autosubscriptions
  • Урок 95. 00:06:49
    A Second Store!
  • Урок 96. 00:03:49
    Subscribing for a Short Period
  • Урок 97. 00:08:46
    Understanding Readable Stores
  • Урок 98. 00:07:57
    Unlimited Power with Custom Stores
  • Урок 99. 00:01:22
    Wrap Up
  • Урок 100. 00:01:14
    Module Introduction
  • Урок 101. 00:03:01
    Setting Up a Store
  • Урок 102. 00:08:10
    Using a Custom Store
  • Урок 103. 00:05:07
    Tapping into the Store from Different Components
  • Урок 104. 00:12:34
    Adding a "MeetupDetail" Component
  • Урок 105. 00:05:10
    Preparing the "Edit Meetup" Form
  • Урок 106. 00:09:14
    Continuing Work on the "Edit" Feature
  • Урок 107. 00:03:23
    Adding a "Delete" Functionality
  • Урок 108. 00:08:49
    Adding a "Filter" Component
  • Урок 109. 00:02:37
    Some Final Steps
  • Урок 110. 00:00:49
    Wrap Up
  • Урок 111. 00:00:54
    Module Introduction
  • Урок 112. 00:06:55
    Animating Values with a Tweened Store
  • Урок 113. 00:08:21
    Using a Spring Store Instead
  • Урок 114. 00:03:39
    Preparing a Transition Example
  • Урок 115. 00:06:31
    Element Transitions
  • Урок 116. 00:05:18
    More on Transitions
  • Урок 117. 00:01:31
    Using Different "in" and "out" Transitions
  • Урок 118. 00:02:52
    Animating Passive (Affected) Items
  • Урок 119. 00:00:48
    Wrap Up
  • Урок 120. 00:01:04
    Module Introduction
  • Урок 121. 00:03:27
    Animating the Modal
  • Урок 122. 00:04:54
    Animating the Meetup Items
  • Урок 123. 00:01:26
    Animating the "Favorite" Badge & Wrap Up
  • Урок 124. 00:01:33
    Module Introduction
  • Урок 125. 00:02:45
    Adding a REST API
  • Урок 126. 00:06:59
    Sending Data via a POST Request
  • Урок 127. 00:03:17
    Showing a Loading Indicator & Sending Correct Data
  • Урок 128. 00:04:13
    Fetching & Transforming Data
  • Урок 129. 00:02:49
    Things to Consider
  • Урок 130. 00:03:36
    Using the "await" Block
  • Урок 131. 00:05:35
    Http + A Store
  • Урок 132. 00:01:00
    Wrap Up
  • Урок 133. 00:00:35
    Module Introduction
  • Урок 134. 00:09:17
    Storing Meetups on a Server
  • Урок 135. 00:04:54
    Fetching & Transforming Data
  • Урок 136. 00:05:45
    Adding a Loading Spinner
  • Урок 137. 00:06:33
    Updating via PATCH
  • Урок 138. 00:03:57
    Sending "Favorite" Updates & Deleting Data
  • Урок 139. 00:01:10
    Fixing the Order of Items
  • Урок 140. 00:07:14
    Adding Error Handling
  • Урок 141. 00:00:48
    Wrap Up
  • Урок 142. 00:00:36
    Module Introduction
  • Урок 143. 00:07:23
    Dynamic Components
  • Урок 144. 00:06:11
    Recursive Components
  • Урок 145. 00:06:46
    Accessing Windows, Body & Head
  • Урок 146. 00:05:39
    Cross-Component Scripts
  • Урок 147. 00:00:47
    Module Introduction
  • Урок 148. 00:04:59
    What and Why?
  • Урок 149. 00:02:54
    Understanding the Folder Structure
  • Урок 150. 00:02:21
    Inspecting the Web Page
  • Урок 151. 00:06:46
    Filenames & Routes
  • Урок 152. 00:02:17
    Error & Layout Pages
  • Урок 153. 00:05:13
    Preloading in Components
  • Урок 154. 00:06:32
    Pre-fetching Data
  • Урок 155. 00:06:46
    Migrating the Meetup Project Files into the Sapper Project
  • Урок 156. 00:09:15
    Fetching Data on the Client Side
  • Урок 157. 00:06:13
    Prefetching Data on the Server
  • Урок 158. 00:03:33
    Syncing Fetched Data & the Store
  • Урок 159. 00:01:59
    Editing & Deleting Meetups
  • Урок 160. 00:07:50
    Rendering the MeetupDetail Page
  • Урок 161. 00:00:44
    Adding Global CSS
  • Урок 162. 00:00:38
    Wrap Up
  • Урок 163. 00:00:36
    Module Introduction
  • Урок 164. 00:04:36
    Different App Types & Deployment Options
  • Урок 165. 00:04:39
    Building the App
  • Урок 166. 00:02:53
    Rendering Content Correctly on the Server
  • Урок 167. 00:03:20
    Deploying a SSR App
  • Урок 168. 00:04:50
    Hosting a Static Site
  • Урок 169. 00:00:43
    Wrap Up
  • Урок 170. 00:08:57
    Svelte vs React vs Angular vs Vue
  • Урок 171. 00:02:45
    Course Summary

Материалы курса

К этому курсу прилагаются дополнительные материалы. Здесь вы можете скачать их.

Материалы к курсу