Урок 3. Базовые типы и моделирование данных в TypeScript

🚀 Продолжаем изучать TypeScript! В третьем уроке мы разберём фундамент языка — базовые типы и моделирование данных. Но вместо скучного перечисления string, number и boolean мы построим полноценную модель интернет-магазина и шаг за шагом научимся описывать реальные данные с помощью TypeScript. В этом уроке вы не просто выучите синтаксис, а поймёте, как мыслить типами и почему именно типизация позволяет находить множество ошибок ещё до запуска программы. 💻 В уроке рассмотрим: ✅ что такое строгая типизация и зачем она нужна; ✅ примитивные типы (string, number, boolean, symbol, bigint); ✅ вывод типов (Type Inference); ✅ литеральные типы и const; ✅ массивы и два способа их типизации; ✅ кортежи (Tuple); ✅ объектные типы; ✅ необязательные свойства (`?`); ✅ различия между null и undefined; ✅ зачем нужен оператор `!` и почему им нельзя злоупотреблять; ✅ объединения типов (Union Types); ✅ псевдонимы типов (type); ✅ построение полноценной модели заказа интернет-магазина. 🎯 На практических примерах вы создадите: 🛒 модель товара; 📦 модель заказа; 🚚 модель доставки; 💳 расчёт стоимости заказа; 🏷️ статусы заказа с использованием литеральных типов; 📋 безопасную работу с необязательными данными. 🔥 После просмотра вы сможете: ✔️ правильно выбирать типы данных; ✔️ описывать сложные объекты; ✔️ использовать объединения типов; ✔️ понимать, когда применять null, undefined и необязательные свойства; ✔️ создавать собственные модели данных для реальных приложений; ✔️ писать гораздо более надёжный TypeScript-код. ⏱️ Таймкоды 00:00 — Введение 01:43 — 1. Строгая типизация 02:56 — 2. Строгая модель 06:03 — 3. Примитивные типы TypeScript 07:22 — 4. const и литеральные типы 08:51 — 5. Массивы 14:09 — 6. Кортежи (Tuple) 16:00 — 7. Объектные типы 17:16 — 8. Необязательные (опциональные) свойства (?) 19:26 — 9. null и undefined 21:53 — 10. Объединения типов (Union Types) 24:55 — 11. Псевдонимы типов (type) 28:00 — 12. Собираем модель интернет-магазина 📚 Понимание базовых типов значительно упростит работу с компонентами, API, состоянием приложения и сложными структурами данных. Ссылка на репозиторий со слайдами + домашка (в файлах HOMEWORK-TASK и HOMEWORK-SOLUTION): https://github.com/alexeirybak/typescript-course/tree/Lesson_3 #TypeScript #JavaScript #React #Frontend #WebDevelopment #ВебРазработка #Программирование #TypeSafety #TypeScriptДляНачинающих #ReactJS #NextJS #IT #ОбучениеПрограммированию