✏️ В этом видео будет рассказано про базу typescript. Зачем он нужен, как им пользоваться. Разберем основные типы данных. Посмотрим, куда вообще типы нужно писать. Изучим type и interface, а также разницу между ними. Посмотрим на Utility Types. Попрактикуемся с React, который установим через Vite. Изучим enum, union, intersection и многое другое. 2 ЧАСТЬ: 🚀 Получить опыт реальной разработки можно тут: Помощь во всем • ревью вашего кода • стримы • и многое другое Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595 🔥 Поддержать автора: 📚 Ссылки: Исходный код (Который с ошибками): Исходный код (Финальная версия): Утилитарные типы: TsConfig: Vite: 💬 Чат в телеграмме (помощь новичкам): 🎦 Другие видео: 🔵 Chrome Dev Tools полный курс: 🟢 Полный Roadmap по всему Frontend: 🟡 Как стать MIDDLE FRONTEND?: 🎦 Плейлисты: 🟣 HTML: 🔵 CSS: 🟢 SVG: 🟡 JavaScript: 🟠 TypeScript: 🔴 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 | или 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 | ▶ 01:53:02 | Подводим финальный итог ▶ 01:54:05 | Всем спасибо, всем пока 🔊 Музыка: "Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license. Music promoted by BreakingCopyright: "The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license Music promoted by BreakingCopyright: "Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license Music promoted by BreakingCopyright: "Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license. 🎵 Music provided by BreakingCopyright: "Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license. Music powered by BreakingCopyright: " - Faithful Mission" is under a Creative Commons (CC BY 3.0) license. 🎵 Music provided by BreakingCopyright: Song: "Dj Quads - Birds And The Bees" Music provided by BreakingCopyright: "Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license. Music promoted by BreakingCopyright: #frontend #react #javascript #ts #typescript