Погрузитесь в мир 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: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 - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Вы уже попробовали TypeScript, но в глубине души чувствуете, что упускаете что-то важное.Вы слышали, что TypeScript решает все проблемы, связанные с JavaScript, такие как неудобное автодополнение, ошибки во время выполнения и масштабирование для больших проектов.Так почему же вы все еще чувствуете, что не используете TypeScript на полную мощность?Вы постоянно сталкиваетесь с типовыми препятствиями, испытываете трудности с конфигурацией и чувствуе
TypeScript - это строго типизированный язык программирования, построенный на основе JavaScript, с добавленными дополнительными функциями, в первую очередь возможностью добавлять типы к значениям.Он предоставляет множество преимуществ, которых нет в одном лишь JavaScript, включая хорошую обратную связь об ошибках во время разработки, улучшенное автозаполнение и подсказки по коду, а также возможность создавать собственные типы данных.В этом мастер-
Всё, что вам нужно для изучения TypeScript и создания любого проекта, о котором вы мечтаете, доступно в 47 легко усваиваемых видеоуроках. Общая продолжительность видеоматериала составляет немногим менее 5 часов.
Professional TypeScript Training by Matt Pocock | Total TypeScript
Узнайте, как использовать TypeScript для повышения уровня своих приложений в качестве веб-разработчика, с помощью семинаров и учебных пособий, проводимых мастером TypeScript Мэттом Пококом.
TypeScript стал стандартом индустрии для наведения порядка в хаотичности JavaScript благодаря строгой типизации, которая позволяет создавать более стабильные и готовые к продакшену веб-приложения.В этом курсе вы познакомитесь с TypeScript через практические упражнения по рефакторингу, постепенно осваивая всё более сложные возможности TS для стабилизации проблемного JavaScript-приложения. Помимо изучения самого языка, вы разберётесь с популярными