Svelte.js - Полное руководство - Видеоуроки

Svelte.js - The Complete Guide
Duration 12:20:28
Открыть все курсы от udemy

Создавайте высокопроизводительные веб-приложения с SvelteJS - легким JavaScript-компилятором. Svelte.js (или просто «Svelte») - это современный JavaScript-компилятор, который позволяет писать простой для понимания код JavaScript, который затем компилируется в высокоэффективный код, выполняемый в браузере.

Вы напишите свое веб-приложение, используя обычный JavaScript, следуя определенным правилам, изложенным Svelte (которые, конечно, преподаются в этом курсе). В результате компилятор Svelte создаст небольшой и высоко оптимизированный пакет JavaScript, который можно развернуть.

В этом курсе вы узнаете все о Svelte, о том, как он работает, о его основных функциях и о том, как запустить ваше окончательное приложение на реальном сервере!

Svelte.js - это инструмент для создания высокореактивных, современных пользовательских интерфейсов для Интернета - и это отличная альтернатива JavaScript-фреймворкам и библиотекам, таким как React.js, Angular или Vue.

Чему ты научишься?

  • Что такое Svelte и зачем его используют?
  • Все основные функции и базовый синтаксис
  • Как делать условный рендеринг
  • Как писать реактивные и быстрые веб-приложения
  • Все о компонентах, как передавать данные и как создавать многократно используемые строительные блоки
  • Как эффективно управлять данными в вашем приложении через Svelte Store
  • Как связаться с внутренним сервером и отправить + получить данные
  • Как предварительно отрендерить ваше приложение на сервере и улучшить SEO

Этот курс для вас?

Svelte - это популярная альтернатива React.js, Angular и Vue, изучение которой пойдет на пользу любому веб-разработчику.

Вам не нужно знать эти фреймворки, чтобы изучать Svelte, но если вы их знаете, вы узнаете об интересной альтернативе, которая может позволить вам создавать свои веб-проекты с меньшим количеством кода (и получить еще более быстрое приложение в путь!).

Вам не нужно никаких дополнительных знаний JavaScript, базовые знания подойдут.

Если вы заинтересованы в создании современных, быстро реагирующих пользовательских интерфейсов, которые загружаются и работают быстро, SvelteJS - инструмент, который вы не должны упускать из виду!

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

И будет доступен в бесплатном просмотре 16.06.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Последнее добавленное

100 дней веб-разработки с Python

100 дней веб-разработки с Python

en
# 100DaysOfWeb в Python - это курс, который обеспечит вам успех, обучая вас веб-разработке на Python. Каждые 4 дня, посвященные другой концепции, вы будете поражены тем, сколько веб-технологий и библиотек Python вы изучите в этом путешествии. Присоединяйтесь к курсу и начните свое 100-дневное...
Практический JavaScript

Практический JavaScript

ru
Для изучения курса желательно знание HTML + CSS. Знание основы JS будет плюсом, но не обязательно. Делаем форму для регистрации и входа пользователей. На нативном JavaScript (ES6). Все эффекты прописываем с помощью JS самостоятельно. Пишем проверку (валидацию) формы с выводом ошибок.
Android юнит-тестирование и TDD

Android юнит-тестирование и TDD

en
Этот курс научит вас всему, что вам нужно знать о юнит тестировании и разработке через тестирование в приложениях для Android. Он разработан, чтобы быстро приступить к работе с юнит тестированием с использованием Android Studio и JUnit, выполнив серию тщательно разработанных практических упражнений.
Animating React

Animating React

en
В этой серии уроков мы с головой погрузимся в анимацию в React. Мы будем использовать библиотеку React Spring и physics based анимацию. Мы будем использовать очень много клевых техник которые можно и нужно использовать в реальных приложениях. Мы будем строить меню, модальные окна и все с чем вы...
chat
logo