Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:02:35
    Before Getting Started
  2. Урок 2. 00:07:42
    [COMING SOON] A Demo of the App that We Are Going to be Building
  3. Урок 3. 00:09:19
    What is Svelte?
  4. Урок 4. 00:02:37
    Tools & Extensions
  5. Урок 5. 00:01:21
    Svelte vs. SvelteKit
  6. Урок 6. 00:09:49
    Creating a Svelte Vite Template
  7. Урок 7. 00:11:09
    Svelte Components Basic Structure
  8. Урок 8. 00:07:36
    Exploring State With A Simple Counter Component
  9. Урок 9. 00:04:41
    Reactive Statements
  10. Урок 10. 00:07:41
    Reactive Statements Gotchas
  11. Урок 11. 00:07:51
    Component Props
  12. Урок 12. 00:05:37
    Accessing Component Children With Slots
  13. Урок 13. 00:06:17
    Using SCSS in a Svelte Project Using svelte-preprocess
  14. Урок 14. 00:07:18
    Adding Classes Dynamically Using The Class Directive
  15. Урок 15. 00:07:26
    The Style Directive
  16. Урок 16. 00:08:42
    Using Named Slots
  17. Урок 17. 00:07:12
    Using Slot Props
  18. Урок 18. 00:05:06
    Event Forwarding and Modifiers
  19. Урок 19. 00:04:15
    Forwarding Props With $respProps
  20. Урок 20. 00:08:01
    {#each} Loops
  21. Урок 21. 00:06:03
    Binding Input Value to a Variable
  22. Урок 22. 00:05:25
    Updating Arrays & Objects in Svelte
  23. Урок 23. 00:04:21
    Binding Component Props
  24. Урок 24. 00:11:00
    Custom Component Events
  25. Урок 25. 00:03:55
    Working With Immutable Data
  26. Урок 26. 00:04:40
    Removing Todos Event
  27. Урок 27. 00:06:03
    Toggling Todos Event
  28. Урок 28. 00:07:14
    Readonly Props
  29. Урок 29. 00:04:08
    Code Debugging in Svelte
  30. Урок 30. 00:08:35
    Component Lifecycle Functions
  31. Урок 31. 00:09:54
    Lifecycle Functions Practical Example
  32. Урок 32. 00:04:30
    Binding Dimensions
  33. Урок 33. 00:04:11
    The tick lifecycle function
  34. Урок 34. 00:05:26
    Cleaning Up Our Component
  35. Урок 35. 00:15:48
    Styling Our Component
  36. Урок 36. 00:09:18
    The {#await} Block
  37. Урок 37. 00:08:10
    onMount Loading and Handling Loading & Error States
  38. Урок 38. 00:09:22
    Adding Todos From the API
  39. Урок 39. 00:07:14
    Removing Todos Using the API
  40. Урок 40. 00:01:52
    Toggling Todos [Exercise Solution]
  41. Урок 41. 00:11:56
    Making the Component More Customizable with Slots
  42. Урок 42. 00:08:13
    Introduction to Transitions
  43. Урок 43. 00:03:56
    Animating Our Todos
  44. Урок 44. 00:05:19
    {#key} Transitions
  45. Урок 45. 00:08:25
    The FLIP Animation
  46. Урок 46. 00:08:56
    Custom CSS Transitions
  47. Урок 47. 00:04:28
    Custom CSS Transitions (Cont.)
  48. Урок 48. 00:04:37
    Custom JavaScript Transitions
  49. Урок 49. 00:07:24
    Displaying Done and Undone Lists Separately
  50. Урок 50. 00:06:38
    The Crossfade Transition
  51. Урок 51. 00:07:43
    Introduction to Actions
  52. Урок 52. 00:08:18
    The Longpress Action
  53. Урок 53. 00:05:49
    Using Tippy.js in Svelte Without Actions
  54. Урок 54. 00:05:44
    Creating a Tippy.js Action
  55. Урок 55. 00:08:40
    Creating a Mini Router for Testing
  56. Урок 56. 00:13:21
    Store Application Settings With Writable Stores
  57. Урок 57. 00:05:36
    Auto-subscriptions & Store Binding
  58. Урок 58. 00:06:47
    Using the Settings Store Color Scheme Value
  59. Урок 59. 00:05:37
    Store Callback Function
  60. Урок 60. 00:11:20
    Store Current Location With Readable Stores
  61. Урок 61. 00:12:12
    Custom Stores
  62. Урок 62. 00:07:54
    Derived Stores
  63. Урок 63. 00:09:44
    Tweened Writable Stores
  64. Урок 64. 00:08:28
    Custom Interpolations In Tweened Stores
  65. Урок 65. 00:04:34
    Spring Writable Stores
  66. Урок 66. 00:01:58
    Introduction to the Context API
  67. Урок 67. 00:13:22
    Handling a Form Without Context
  68. Урок 68. 00:08:33
    Creating Form & Field Components
  69. Урок 69. 00:08:49
    Using Context to Pass Data Down to Children
  70. Урок 70. 00:07:43
    Combining Context & Stores to Make Our Context Reactive
  71. Урок 71. 00:16:24
    Handling Form Validation
  72. Урок 72. 00:08:38
    Using Slots & Slot Props For More Component Customization
  73. Урок 73. 00:08:00
    Using Konva.js Library Imperatively
  74. Урок 74. 00:08:09
    Creating a Konva Stage Component
  75. Урок 75. 00:11:20
    Creating Layer & Rect Components
  76. Урок 76. 00:05:51
    Handling Destroying Layers & Rects
  77. Урок 77. 00:06:54
    Handling Updating Konva.js Components
  78. Урок 78. 00:06:50
    Handling Konva.js Events
  79. Урок 79. 00:04:51
    Using Read-Only Props to Access Our Rect Object
  80. Урок 80. 00:02:16
    What is Module Context
  81. Урок 81. 00:09:44
    Using Module Context to Keep Track of Component Instances
  82. Урок 82. 00:07:27
    Creating a Simple Video Player Component & Binding Media Information
  83. Урок 83. 00:06:51
    Pausing Other Videos When Playing a Video
  84. Урок 84. 00:02:35
    Playing & Pausing All Videos
  85. Урок 85. 00:01:56
    Introduction to SvelteKit
  86. Урок 86. 00:07:24
    Creating a New SvelteKit Project
  87. Урок 87. 00:08:45
    Creating Routes
  88. Урок 88. 00:06:59
    The $lib Folder Alias & Custom Aliases
  89. Урок 89. 00:08:27
    Navigation Functions: goto(), beforeNavigate() & afterNavigate()
  90. Урок 90. 00:05:29
    Rest Parameters
  91. Урок 91. 00:03:22
    Optional Parameters
  92. Урок 92. 00:06:41
    Parameter Matchers
  93. Урок 93. 00:09:03
    Layouts Basics
  94. Урок 94. 00:03:07
    Changing Layouts Conditionally
  95. Урок 95. 00:07:18
    Layout Groups
  96. Урок 96. 00:07:14
    Breaking Out of Layouts Hierarchy
  97. Урок 97. 00:08:37
    Shared Load Function (Server & Client)
  98. Урок 98. 00:06:41
    Type-safety with Generated Types
  99. Урок 99. 00:05:32
    Displaying Our Loaded Data
  100. Урок 100. 00:08:22
    Server Only Load Functions
  101. Урок 101. 00:06:52
    Layout Load Functions
  102. Урок 102. 00:10:16
    Product Page Exercise + Errors & Rediercts
  103. Урок 103. 00:08:18
    Passing Data From a Page to its Parent Layout
  104. Урок 104. 00:10:11
    Controlling Routes' Response and Creating Endpoints
  105. Урок 105. 00:08:45
    Handling Pages & Endpoints in the Same Route and Creating POST Endpoints
  106. Урок 106. 00:07:53
    Load Function Inputs
  107. Урок 107. 00:12:02
    Using Fetch in SvelteKit
  108. Урок 108. 00:09:35
    Creating a Login Page and Endpoint
  109. Урок 109. 00:12:43
    Using Cookies to Login and Logout
  110. Урок 110. 00:10:05
    Re-running All Load Functions
  111. Урок 111. 00:08:34
    Re-running Specific Load Functions
  112. Урок 112. 00:12:35
    The Handle Hook
  113. Урок 113. 00:10:34
    Using the Locals Object
  114. Урок 114. 00:07:14
    The handleFetch Hook
  115. Урок 115. 00:01:59
    Quick Fix
  116. Урок 116. 00:14:50
    Handling Expected Errors
  117. Урок 117. 00:08:49
    Handling Unexpected Errors
  118. Урок 118. 00:14:46
    Using Environment Variables
  119. Урок 119. 00:04:03
    Server Only Modules
  120. Урок 120. 00:09:03
    Preloading Pages' Data
  121. Урок 121. 00:04:38
    Preloading Pages' Code
  122. Урок 122. 00:04:59
    Reload and No Scroll Link Options
  123. Урок 123. 00:04:22
    Preloading Code and Data Programmatically
  124. Урок 124. 00:08:13
    SSR, CSR and trailingSlash Options
  125. Урок 125. 00:09:52
    Pre-rendering Pages and Endpoints
  126. Урок 126. 00:05:08
    Pre-rendering Pages with Dynamic Content
  127. Урок 127. 00:11:38
    Pre-rendering Pages with Dynamic Parameters
  128. Урок 128. 00:04:00
    Adding Dynamic Data in a Pre-rendered Page
  129. Урок 129. 00:03:55
    $app/environment Module
  130. Урок 130. 00:09:44
    What are Form Actions?
  131. Урок 131. 00:08:39
    Logging In Using a Form Action
  132. Урок 132. 00:04:55
    Redirecting in Form Actions
  133. Урок 133. 00:07:14
    Named Form Actions
  134. Урок 134. 00:09:15
    Enhancing Our Form with JavaScript
  135. Урок 135. 00:14:28
    Customizing the Enhance Action
  136. Урок 136. 00:11:23
    [Exercise Solution] Showing Validation Errors Using the Enhance Action
  137. Урок 137. 00:03:11
    Using Forms with GET Method
  138. Урок 138. 00:04:01
    Adapters Overview
  139. Урок 139. 00:04:37
    Building & Running Our App with the Node Adapter
  140. Урок 140. 00:06:51
    Deploying to Heroku
  141. Урок 141. 00:06:54
    Deploying to Vercel
  142. Урок 142. 00:05:09
    Deploying to Netlify
  143. Урок 143. 00:03:48
    Creating a New SvelteKit Project And Installing a CSS Normalizer
  144. Урок 144. 00:08:01
    Setting Up SASS
  145. Урок 145. 00:06:19
    Adding Global Styles
  146. Урок 146. 00:04:15
    Creating a Spotify App & Adding Environment Variables
  147. Урок 147. 00:12:52
    Constructing a Spotify Login Request
  148. Урок 148. 00:15:21
    Creating the Spotify Redirect Callback Endpoint
  149. Урок 149. 00:14:07
    Populating the Root Layout With The Logged in Spotify User
  150. Урок 150. 00:15:10
    Refreshing Expired Access Tokens
  151. Урок 151. 00:12:34
    Logging Out Using An Endpoint
  152. Урок 152. 00:04:37
    Adding Assets & Icons
  153. Урок 153. 00:14:46
    Creating a Button Component
  154. Урок 154. 00:06:25
    Using Typescript to Extend Native HTML Attributes
  155. Урок 155. 00:13:03
    Creating & Styling the Login Page
  156. Урок 156. 00:14:14
    Creating the Desktop Navigation Menu
  157. Урок 157. 00:07:46
    Styling the Desktop Navigation Menu
  158. Урок 158. 00:13:34
    Creating the Top Bar & Animating it On Scroll
  159. Урок 159. 00:14:56
    Creating The Mobile Navigation Menu
  160. Урок 160. 00:10:17
    Improving Menu's Accessibility
  161. Урок 161. 00:10:46
    Implementing Focus Trap for The Navigation Menu
  162. Урок 162. 00:09:19
    Creating An Icon Button Component
  163. Урок 163. 00:10:25
    Finalizing Our Mobile Navigation Menu
  164. Урок 164. 00:07:31
    Creating & Styling the User Menu Button
  165. Урок 165. 00:11:44
    Creating a Tippy Svelte Action For Out Profile Menu
  166. Урок 166. 00:07:50
    Adding a Tippy Theme & Styling The User Menu
  167. Урок 167. 00:09:36
    Improving Tippy By Adding Tippy Plugins
  168. Урок 168. 00:13:23
    Pages' Title Tag, Skip Link & Pages' Loading Indicator
  169. Урок 169. 00:13:43
    Styling the Layout for Disabled JavaScript
  170. Урок 170. 00:07:19
    Fetching Data From the Spotify API
  171. Урок 171. 00:09:27
    Creating an Endpoint for Forwarding Spotify API Calls
  172. Урок 172. 00:18:26
    Fetching the Home Page Data
  173. Урок 173. 00:17:43
    Refreshing the Access Token During Client Side Navigation
  174. Урок 174. 00:12:09
    Creating the Home Page Markup
  175. Урок 175. 00:04:18
    Styling the Home Page
  176. Урок 176. 00:12:10
    Creating a Card Component
  177. Урок 177. 00:11:38
    Creating a Card Component (Cont.)
  178. Урок 178. 00:11:15
    Creating the Album Page & Loading Album Data
  179. Урок 179. 00:12:05
    ItemPage Component Markup
  180. Урок 180. 00:15:21
    Styling The ItemPage Component
  181. Урок 181. 00:07:02
    Getting The Average Colour of an Image
  182. Урок 182. 00:06:33
    Using the Average Colour Endpoint in the Album Page
  183. Урок 183. 00:10:40
    The TrackList Component Markup
  184. Урок 184. 00:09:49
    The TrackList Component Styling
  185. Урок 185. 00:14:39
    Creating an Audio Player Component
  186. Урок 186. 00:08:09
    Using the Player Component in The TrackList Component
  187. Урок 187. 00:07:22
    Handling the TrackList Component When JS is Disabled
  188. Урок 188. 00:11:51
    Customizing Error Pages
  189. Урок 189. 00:07:37
    Adding a Retry Button in Error Page
  190. Урок 190. 00:07:22
    Playlist Page Data
  191. Урок 191. 00:13:54
    Playlist Page Markup & Styling
  192. Урок 192. 00:09:09
    Playlist Tracks Load More Button
  193. Урок 193. 00:13:18
    Playlist Tracks Pagination For Disabled JS
  194. Урок 194. 00:10:25
    Follow & Unfollow Playlist Form Actions
  195. Урок 195. 00:09:58
    Follow & Unfollow Button
  196. Урок 196. 00:08:34
    Enhancing Follow & Unfollow When JS is Enabled
  197. Урок 197. 00:11:34
    Creating a Toasts Store & Component
  198. Урок 198. 00:15:04
    Creating a Toasts Store & Component (Cont.)
  199. Урок 199. 00:11:09
    Playlists Page Markup & Styling
  200. Урок 200. 00:12:09
    Reusable Pagination Component
  201. Урок 201. 00:14:40
    Adding a Create Playlist Page & Form Action
  202. Урок 202. 00:08:48
    Moving the Playlist Form to a Separate Component
  203. Урок 203. 00:15:20
    Edit Playlist Page & Form Action
  204. Урок 204. 00:12:03
    Creating a Modal Component with Micromodal.js
  205. Урок 205. 00:06:50
    Enhancing the Add Playlist Form
  206. Урок 206. 00:08:06
    Enhancing the Edit Playlist Form