TypeScript базовый курс (Практика React + Vite)

Опубликовано: 24 Февраль 2025
на канале: Какие-то уроки

25,804

1.1k

✏️ В этом видео будет рассказано про базу typescript. Зачем он нужен, как им пользоваться. Разберем основные типы данных. Посмотрим, куда вообще типы нужно писать. Изучим type и interface, а также разницу между ними. Посмотрим на Utility Types. Попрактикуемся с React, который установим через Vite. Изучим enum, union, intersection и многое другое.

2 ЧАСТЬ:    • 🚀 Курс по TypeScript 2025 | 2 часть [...

🚀 Получить опыт реальной разработки можно тут: https://preax.ru/?i=c9ea70fe&erid=LjN...
Помощь во всем • ревью вашего кода • стримы • и многое другое
Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595

🔥 Поддержать автора:
https://www.donationalerts.com/r/kake...

📚 Ссылки:
Исходный код (Который с ошибками):
https://github.com/R1ON/typescript_le...
Исходный код (Финальная версия):
https://github.com/R1ON/typescript_le...
Утилитарные типы: https://clck.ru/3FUWEg
TsConfig: https://www.typescriptlang.org/tsconfig/
Vite: https://vitejs.dev/guide/

💬 Чат в телеграмме (помощь новичкам):
https://t.me/kakieToYrokiChat

🎦 Другие видео:
🔵 Chrome Dev Tools полный курс:    • Chrome Dev Tools полный курс [2024]  ...
🟢 Полный Roadmap по всему Frontend:    • Как долго учить HTML, CSS, JavaScript...
🟡 Как стать MIDDLE FRONTEND?:    • Как стать MIDDLE FRONTEND? [Roadmap 2...

🎦 Плейлисты:
🟣 HTML:    • Уроки по HTML для НАЧИНАЮЩИХ
🔵 CSS:    • Уроки по CSS для НАЧИНАЮЩИХ
🟢 SVG:    • SVG для НАЧИНАЮЩИХ
🟡 JavaScript:    • Уроки по JavaScript для НАЧИНАЮЩИХ
🟠 TypeScript:    • TypeScript
🔴 React:    • React для НАЧИНАЮЩИХ

⏰ Таймкоды:
▶ 00:00 | Введение
▶ 00:31 | Зачем нужен Typescript
▶ 01:25 | Пример с JsDoc
▶ 02:58 | Как Typescript помогает
▶ 04:54 | Подготовка к практике
▶ 05:41 | Какие темы изучим
▶ 06:12 | Типы данных
▶ 07:50 | Тип any
▶ 09:30 | Типизация функций
▶ 13:18 | Типизация объектов
▶ 14:44 | type и interface
▶ 16:07 | Необязательный параметр
▶ 17:06 | Типизация массивов
▶ 18:17 | Практика изученного
▶ 22:37 | Union (Объединение)
▶ 28:08 | Разница между type и interface
▶ 30:26 | Intersection (Пересечение)
▶ 35:04 | Повтор пройденного
▶ 38:34 | Литеральные типы
▶ 42:03 | Кастование типов (as unknown)
▶ 45:56 | enum (Перечисления)
▶ 50:25 | const enum
▶ 54:22 | Когда использовать enum
▶ 57:10 | Utility types
▶ 57:57 | Partial
▶ 59:50 | Required
▶ 01:00:17 | Readonly
▶ 01:01:26 | Pick
▶ 01:03:13 | Omit
▶ 01:05:25 | NonNullable
▶ 01:05:30 | ReturnType
▶ 01:07:21 | Итог про utility types
▶ 01:09:55 | Запускаем TS локально
▶ 01:10:55 | Vite react-ts
▶ 01:13:48 | Удаляем лишнее
▶ 01:15:22 | Знакомимся с проектом
▶ 01:16:16 | Типизируем react компонент
▶ 01:18:36 | JSX.Element или FC
▶ 01:20:36 | Типизация хука useState
▶ 01:21:45 | Типизация массива объектов
▶ 01:25:32 | Типизируем промис
▶ 01:27:37 | Типизируем обычную функцию
▶ 01:29:10 | Типизируем функцию внутри компонента
▶ 01:33:33 | Типизируем второй компонент
▶ 01:37:05 | Типизируем значение, которое возвращает функция
▶ 01:38:18 | Подводим итог
▶ 01:40:08 | Типизируем событие ChangeEvent
▶ 01:43:03 | Типизируем событие MouseEvent
▶ 01:43:57 | ChangeEventHandler
▶ 01:44:40 | Практика const enum
▶ 01:50:41 | tsconfig.json
▶ 01:53:02 | Подводим финальный итог
▶ 01:54:05 | Всем спасибо, всем пока

🔊 Музыка:
"Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license.
https://www.youtube.com/channel/UC3lL...
Music promoted by BreakingCopyright:    • 🚣 Free Calm Piano Music (For Videos) ...

"The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license
Music promoted by BreakingCopyright: https://bit.ly/b-turnstile

"Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license
Music promoted by BreakingCopyright: https://bit.ly/bkc-warm

"Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license.
   / purrplecatmusic
🎵 Music provided by BreakingCopyright:    • 🐈 Free Lofi Chillout Music (For Video...

"Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license.
http://creativecommons.org/licenses/b...
https://youtube.com/channel/UCoRhkLds...
Music powered by BreakingCopyright:    • 📚 Study + Lofi (Free Music) - "LOST I...

"Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license.
   / smarttoaster
🎵 Music provided by BreakingCopyright: https://bit.ly/faithful-mission-song

Song: "Dj Quads - Birds And The Bees"
   / djquadsoffi.  .
Music provided by BreakingCopyright:    • [Non Copyrighted Music] @DjQuadsOffic...

"Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license.
   / darrencurti.  .
Music promoted by BreakingCopyright:    • 🥀 Free Dark Music - "Justify the Lie"...

#frontend #react #javascript #ts #typescript