Главная страницаКатегория typescriptПрактический TypeScript

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

Name: Практический TypeScript
Price: 13 USD
Rating: 5 (16 reviews)

Practical Typescript

udemy

★5 (всего оценок - 16)

Продолжительность

20 ч 10 мин

Категория

TypeScript

Количество уроков

212 Видео

Дата добавления

22 июл. 2024 г., 18:33

Язык

Английский

Дата выхода

22 мая 2024 г., 01:00

Дата обновления

29 апр. 2026 г., 20:51

Практический TypeScript — это курс для тех, кто хочет не просто понять язык, но научиться эффективно применять его в реальных проектах. Вы пройдёте путь от базовых конструкций до сложных инструментов типизации, а также освоите современные подходы к разработке с TypeScript в связке с React.

Что вы изучите в этом курсе

Материал курса структурирован так, чтобы вы шаг за шагом могли укреплять фундамент и переходить к более продвинутым функциям TypeScript.

Основы TypeScript

Настройка проекта с использованием Vite.
Типовые аннотации и вывод типов.
Работа с объединёнными типами и типами any, unknown, never.
Основы типизации массивов и объектов.
Практические задания для закрепления базовых навыков.

Понимание функций и сложных типов

Типизация функций и их аргументов.
Работа с обобщениями (generics).
Получение и обработка данных в среде TypeScript.
Валидация данных с библиотекой Zod.
Файлы деклараций и типизация внешних библиотек.
ООП и классы в TypeScript.

TypeScript в React

Отдельный блок курса посвящён практическому использованию TypeScript в React — это навыки, которые востребованы в современном фронтенд‑разработке.

Компоненты и пропсы

Типизация функциональных компонентов.
Правильная типизация пропсов, детей и событий.
Работа со сложными структурами пропсов.

Cостояние и управление данными

Использование useState и useReducer с TypeScript.
Контекст и глобальное состояние приложения.
Получение данных и их валидация.

Практические проекты

Каждый модуль завершается практическими задачами, а в рамках React‑части вы создадите полноценное приложение:

Менеджер задач с сохранением в localStorage.
Современное магазинное приложение с использованием TypeScript, Shadcn/ui, React Router и поддержкой аутентификации и пагинации.

Итог курса

В результате вы получите уверенное понимание TypeScript и научитесь использовать его возможности в реальных сценариях — от небольших приложений до масштабных React‑проектов. Курс подходит как разработчикам, начинающим работать с TS, так и тем, кто хочет укрепить навыки и перейти на продвинутый уровень.

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

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

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии