udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
20 ч 10 мин
Категория
TypeScriptКоличество уроков
212 Видео
Дата добавления
22 июл. 2024 г., 18:33
Язык
Английский
Дата выхода
22 мая 2024 г., 01:00
Погрузитесь в мир TypeScript с нашим курсом "Практический TypeScript", разработанным для разработчиков, стремящихся к всестороннему пониманию от основ до продвинутых концепций. Курс начинается с настройки проекта на TypeScript с использованием Vite и включает серию уроков, охватывающих основные функции и лучшие практики TypeScript.
Вы узнаете о типовых аннотациях, выводе типов и практическом применении типовых аннотаций, а также изучите объединенные типы и работу с типами "any", "unknown" и "never". Курс также охватывает основы массивов и объектов и предлагает задания для закрепления знаний. Кроме того, вы углубитесь в сложности функций в TypeScript.
По мере продвижения курс рассматривает более сложные функции TypeScript, такие как обобщения, получение данных с TypeScript и работу с библиотекой Zod для проверки данных. Вы также получите представление о файлах деклараций TypeScript и программировании на основе классов с TypeScript. Каждый урок разработан для предоставления практического опыта, что позволит вам эффективно применять функции TypeScript в реальных сценариях.
Кроме того, этот курс охватывает интеграцию TypeScript с React, включая структуру компонентов, обработку пропсов, управление состоянием, обработку событий и сложные структуры компонентов. Вы узнаете о использовании Context API в React, редьюсерах и глобальном управлении состоянием в среде TypeScript, а также о техниках получения и проверки данных. Курс завершается практическим приложением для управления задачами, подчеркивая использование localStorage и управление состоянием задач.
В конце курса вы создадите современное магазинное приложение с TypeScript, Shadcn/ui и React Router, включающее функции аутентификации и пагинации. Присоединяйтесь к курсу "Практический TypeScript", чтобы повысить свои навыки и уверенно применять TypeScript в ваших проектах, от базового до продвинутого уровня.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:51Typescript Info
- Урок 2. 00:02:07Useful Info
- Урок 3. 00:04:08Template
- Урок 4. 00:05:57Files and Folders
- Урок 5. 00:03:58Build Step
- Урок 6. 00:04:42Type Annotations
- Урок 7. 00:01:38Type Inference
- Урок 8. 00:03:28First Challenge
- Урок 9. 00:03:03Setup Info
- Урок 10. 00:04:16Union Type
- Урок 11. 00:03:25Type : Any
- Урок 12. 00:05:36Practical Example
- Урок 13. 00:02:01Challenge - Union Type
- Урок 14. 00:04:49Arrays
- Урок 15. 00:02:04Challenge - Arrays
- Урок 16. 00:08:09Object Fundamentals
- Урок 17. 00:03:33Challenge - Objects
- Урок 18. 00:04:57Functions - Parameters
- Урок 19. 00:04:04Functions - Returns
- Урок 20. 00:03:13Type : Any Example
- Урок 21. 00:03:46Challenge - Functions 1
- Урок 22. 00:02:29Functions - Optional Parameters
- Урок 23. 00:02:32Functions - Default Parameters
- Урок 24. 00:06:06Functions - Rest Parameter
- Урок 25. 00:01:47Functions - Void Keyword
- Урок 26. 00:04:06Functions - Type Guards
- Урок 27. 00:05:58Functions - Objects As Parameters
- Урок 28. 00:02:39Excess Property Check
- Урок 29. 00:06:04Challenge - Functions II
- Урок 30. 00:05:10Type Alias
- Урок 31. 00:02:43Type Alias - Additional Info
- Урок 32. 00:07:31Challenge - Type Alias
- Урок 33. 00:03:51Intersection Type
- Урок 34. 00:01:30Computed Properties
- Урок 35. 00:05:06Interface - Fundamentals
- Урок 36. 00:05:33Interface - Methods
- Урок 37. 00:06:50Interface Methods - More Options
- Урок 38. 00:03:47Callenge - Interface I
- Урок 39. 00:11:04Interface - Merge and Extend
- Урок 40. 00:07:43Challenge - Interface II
- Урок 41. 00:05:05Interface - Type Predicate
- Урок 42. 00:02:12Interface vs Type Alias
- Урок 43. 00:05:11Tuple
- Урок 44. 00:04:34Enum - Fundamentals
- Урок 45. 00:04:23Enum - Reverse Mapping
- Урок 46. 00:03:14Challenge - Tuple and Enum
- Урок 47. 00:07:57Type Assertion
- Урок 48. 00:06:18Type - Unknown
- Урок 49. 00:08:32Type - Never
- Урок 50. 00:05:12Modules - Intro
- Урок 51. 00:07:22Modules - ES6
- Урок 52. 00:03:42Modules - JS File
- Урок 53. 00:04:16Type Guards - Typeof
- Урок 54. 00:03:51Type Guards - Equality and "in"
- Урок 55. 00:03:02Type Guards - Truthy and Falsy
- Урок 56. 00:05:19Type Guards - Instanceof
- Урок 57. 00:04:54Type Guards - Type Predicate
- Урок 58. 00:02:58Type "never" Gotcha
- Урок 59. 00:07:36Type Guards - Discriminated Unions
- Урок 60. 00:08:00Generics - Intro
- Урок 61. 00:05:34Generics - First Function and Interface
- Урок 62. 00:04:16Generics - Promise Example
- Урок 63. 00:05:14Generics - Create Array
- Урок 64. 00:02:12Generics - Multiple Types
- Урок 65. 00:04:09Generics - Type Constraints
- Урок 66. 00:03:47Generics - Type Constraints Second Example
- Урок 67. 00:06:16Generics - Default Type
- Урок 68. 00:07:05Fetch Data - Basics
- Урок 69. 00:03:03Fetch Data - Setup Type
- Урок 70. 00:02:03Fetch Data - Gotcha
- Урок 71. 00:08:18Zod Library
- Урок 72. 00:08:52Declaration Files
- Урок 73. 00:03:22TS Config
- Урок 74. 00:02:57Classes - Intro
- Урок 75. 00:02:26Classes - Default Property
- Урок 76. 00:00:55Classes - Readonly Modifier
- Урок 77. 00:04:39Classes - Public and Private Modifiers
- Урок 78. 00:03:17Classes - Constructor Shortcut
- Урок 79. 00:05:14Classes - Getters and Setters
- Урок 80. 00:02:48Classes - Implement Interface
- Урок 81. 00:07:38Tasks Project - Setup
- Урок 82. 00:10:14Tasks Project - Useful Info
- Урок 83. 00:04:36Tasks Project - Select Elements
- Урок 84. 00:03:23Tasks Project - Submit Event
- Урок 85. 00:02:18Tasks Project - Event Gotcha
- Урок 86. 00:02:17Tasks Project - Add Task
- Урок 87. 00:02:41Tasks Project - Render Task
- Урок 88. 00:05:36Tasks Project - Local Storage
- Урок 89. 00:03:23Tasks Project - Checkbox
- Урок 90. 00:01:59Setup
- Урок 91. 00:06:19Files and Folders
- Урок 92. 00:04:36Component Return
- Урок 93. 00:05:03Props - Inline
- Урок 94. 00:01:42Props - Type Alias / Interface
- Урок 95. 00:05:56Children Prop
- Урок 96. 00:07:14State
- Урок 97. 00:04:36State - Custom List
- Урок 98. 00:06:32Events - Change Event
- Урок 99. 00:09:22Events - Form Event
- Урок 100. 00:02:59Challenge - Intro
- Урок 101. 00:07:21Challenge - First Solution
- Урок 102. 00:01:34Challenge - Alternative Solution
- Урок 103. 00:05:15Challenge - Typescript Solution
- Урок 104. 00:11:28Context API - Basic Example
- Урок 105. 00:06:48Context API - Theme Example
- Урок 106. 00:05:03useReducer - Setup
- Урок 107. 00:04:37useReducer - Counter
- Урок 108. 00:04:41useReducer - Status
- Урок 109. 00:08:08Fetch Data - UseEffect and Fetch API
- Урок 110. 00:06:37Fetch Data - Type and Schema
- Урок 111. 00:09:21Fetch Data - React Query and Axios
- Урок 112. 00:11:09RTK - Slice
- Урок 113. 00:04:59RTK - Setup
- Урок 114. 00:03:51RTK - Complete
- Урок 115. 00:04:07Tasks Project - Setup
- Урок 116. 00:04:01Tasks Project - Form Setup
- Урок 117. 00:03:16Tasks Project - Add Task
- Урок 118. 00:05:48Tasks Project - List
- Урок 119. 00:03:29Tasks Project - Local Storage
- Урок 120. 00:02:20Intro
- Урок 121. 00:02:15Install/Setup
- Урок 122. 00:05:26Boilerplate
- Урок 123. 00:01:14Tailwind Intro
- Урок 124. 00:09:33Tailwind Info
- Урок 125. 00:02:44Tailwind Install
- Урок 126. 00:07:59Shadcn/ui Install
- Урок 127. 00:08:47Shadcn/ui Info
- Урок 128. 00:08:04Redux Toolkit - Setup
- Урок 129. 00:08:30Create Pages
- Урок 130. 00:04:35React Router - Setup
- Урок 131. 00:04:59Link Component
- Урок 132. 00:10:20Outlet Component - Shared Layout
- Урок 133. 00:12:01Header Component
- Урок 134. 00:02:39Tailwind Custom Class
- Урок 135. 00:07:44Navbar Component - Setup
- Урок 136. 00:03:19Logo Component
- Урок 137. 00:03:57Links List
- Урок 138. 00:09:32Links Dropdown Component
- Урок 139. 00:03:04NavLinks Component
- Урок 140. 00:02:43Change Theme
- Урок 141. 00:05:25ApplyTheme Function
- Урок 142. 00:04:12Theme Slice
- Урок 143. 00:04:42ModeToggle Component
- Урок 144. 00:03:00CartButton Component
- Урок 145. 00:09:32ErrorPage Component
- Урок 146. 00:02:41About Page Component
- Урок 147. 00:05:16Error Element Component
- Урок 148. 00:03:17Landing Page - Setup
- Урок 149. 00:03:46Custom Fetch Function
- Урок 150. 00:04:29Product Types
- Урок 151. 00:04:44Loader Function
- Урок 152. 00:10:40Landing Page - Loader
- Урок 153. 00:05:07Section Title
- Урок 154. 00:04:28FormatAsDollars Function
- Урок 155. 00:07:51Products Grid Component
- Урок 156. 00:03:43Hero Component
- Урок 157. 00:06:06Hero Carousel
- Урок 158. 00:08:18Products Page - Setup
- Урок 159. 00:08:18Products List Component
- Урок 160. 00:14:41Products Container Component
- Урок 161. 00:05:22Global Loading - Setup
- Урок 162. 00:06:33Loading Component
- Урок 163. 00:13:50Filters Component - Setup
- Урок 164. 00:06:51Query Params
- Урок 165. 00:06:05Default Value
- Урок 166. 00:06:30Form Input
- Урок 167. 00:12:43Form Select
- Урок 168. 00:10:57Form Range
- Урок 169. 00:06:27Form Checkbox
- Урок 170. 00:04:45Pagination Container - Setup
- Урок 171. 00:05:49Construct URL - Setup
- Урок 172. 00:13:06Pagination Container
- Урок 173. 00:09:31Construct URL - Complete
- Урок 174. 00:04:26React Router - URL Params
- Урок 175. 00:06:12Single Product Page - Setup
- Урок 176. 00:07:06Fetch Single Product
- Урок 177. 00:08:47Single Product Page - Render Image and Info
- Урок 178. 00:08:00Select Product Colors Component
- Урок 179. 00:15:06Select Product Amount Component
- Урок 180. 00:04:07Toast Component
- Урок 181. 00:07:49Cart Slice - Setup
- Урок 182. 00:07:15Add Item - Reducer
- Урок 183. 00:01:15Clear Cart - Reducer
- Урок 184. 00:04:16Delete Item - Reducer
- Урок 185. 00:03:03Edit Item - Reducer
- Урок 186. 00:07:24AddToCart Functionality
- Урок 187. 00:09:03Cart Page - Setup
- Урок 188. 00:05:50Cart Totals Component
- Урок 189. 00:09:08Cart Items List
- Урок 190. 00:01:52First Column
- Урок 191. 00:09:34Second Column
- Урок 192. 00:09:42Third and Fourth Column
- Урок 193. 00:09:44User Slice
- Урок 194. 00:03:28Register and Login Request API Info
- Урок 195. 00:06:59Register Page Setup
- Урок 196. 00:07:48Register User Action
- Урок 197. 00:10:31Register User Request
- Урок 198. 00:07:06Submit Button Component
- Урок 199. 00:06:19Login Page Setup
- Урок 200. 00:08:14Login Guest User Request
- Урок 201. 00:10:46Login User Action and Request
- Урок 202. 00:04:39Access User in Header Component
- Урок 203. 00:04:56Access User in NavLinks, LinksDropdown and CartButton Components
- Урок 204. 00:07:45Checkout Page Setup
- Урок 205. 00:03:06Checkout Page Loader
- Урок 206. 00:06:13Checkout Form Component Setup
- Урок 207. 00:13:20Checkout Form Action
- Урок 208. 00:02:18OrdersResponse Type
- Урок 209. 00:09:55Orders Page Loader
- Урок 210. 00:08:27Orders List Component
- Урок 211. 00:15:27Complex Pagination Component
- Урок 212. 00:08:29Deploy Application
Автор - udemy
Комментарии