Omnex.Study
Курсы / Программирование
🔷

TypeScript для разработчиков

Перейди с JavaScript на TypeScript и пиши код, который ловит баги ещё до прода: типы, дженерики, утилитные типы и пять проектов в портфолио.

Средний уровень25 часов модулей уроковДоступ навсегда
3 9906 490
Начать бесплатно — первый модуль в подарок

Разовая оплата, без подписки. Школьнику курс покупает родитель из кабинета parents.omnex.study.

О КУРСЕ

**TypeScript — это JavaScript, который ловит твои ошибки до того, как их увидит пользователь.** Он добавляет к знакомому JS статические типы: опечатки в полях, перепутанные аргументы, забытые проверки на null становятся ошибками прямо в редакторе, а не падениями в проде в три часа ночи. Именно поэтому TypeScript сегодня — не плюс в резюме, а входной билет почти на любую вакансию middle/senior фронтенда.

Этот курс проведёт тебя от первой аннотации до типобезопасного приложения. Ты поймёшь, как TypeScript компилируется и стирается в JS, освоишь базовые типы и union, научишься типизировать функции и объекты, разберёшься с дженериками (теми самыми, что в угловых скобках), утилитными и продвинутыми типами, типобезопасным ООП. Отдельный модуль — про реальные проекты: строгий tsconfig, подключение типов к библиотекам, TypeScript в React, миграция JS-кода и проверка типов в CI.

Курс построен на практике и абсолютной точности: каждый пример кода проверен на реальном компиляторе, каждый вывод в консоли — настоящий, а не придуманный. Ты не просто читаешь про типы — ты пишешь код, ловишь ошибки компилятора и собираешь **пять проектов в портфолио**: валидатор форм, типизацию API, дженерик-хранилище, слой форм на утилитных типах и финальный трекер задач.

В каждом уроке рядом AI-наставник: задай любой вопрос и сдай практику на проверку. **8 модулей, 56 уроков, 5 проектов** — системный переход с JavaScript на TypeScript, после которого ты читаешь любой типизированный код как родной и уверенно проходишь собеседования уровня middle.

РЕЗУЛЬТАТ

Чему научишься.

ПРОГРАММА

модулей, уроков.

01

Модуль 1. Почему TypeScript и первый запуск

Бесплатный модуль

Зачем нужны типы, как TypeScript компилируется в JS и стирается в рантайме. Ставим компилятор, настраиваем tsconfig, осваиваем базовые типы и вывод, типизируем первые функции.

  • Почему JavaScript падает в проде, а TypeScript ловит заранееТеория · 24 мин
  • Ставим TypeScript и компилируем первый файлПрактика · 35 мин
  • Что делает компилятор и зачем нужен tsconfigТеория · 24 мин
  • Базовые типы: string, number, booleanТеория · 22 мин
  • Вывод типов: когда писать аннотации, а когда молчатьТеория · 24 мин
  • Типизируем первые функцииПрактика · 35 мин
  • Квиз: основы TypeScriptТест · 15 мин
02

Модуль 2. Базовые типы вглубь

Массивы и кортежи, объектные типы и псевдоним type, union и литеральные типы, as const и четвёрка any/unknown/never/void. Инструментарий для описания любых данных.

  • Массивы и кортежиТеория · 24 мин
  • Объектные типы и псевдоним typeТеория · 24 мин
  • Union-типы: значение из нескольких вариантовТеория · 25 мин
  • Литеральные типы и as constТеория · 25 мин
  • any, unknown, never и voidТеория · 26 мин
  • Практика: типобезопасный конфиг приложенияПрактика · 38 мин
  • Квиз: базовые типыТест · 16 мин
03

Модуль 3. Функции по-взрослому

Полные сигнатуры функций, гибкие параметры, типизация колбэков, сужение типов и type guards, перегрузки. Первый проект в портфолио — типобезопасный валидатор форм на размеченных union.

  • Полная сигнатура: параметры и возвратТеория · 23 мин
  • Опциональные, дефолтные и rest-параметрыТеория · 24 мин
  • Типы функций и колбэкиТеория · 25 мин
  • Сужение типов и type guardsТеория · 26 мин
  • Перегрузки функцийТеория · 24 мин
  • Проект: типобезопасный валидатор формПроект · 55 мин
  • Квиз: функцииТест · 17 мин
04

Модуль 4. Интерфейсы и формы объектов

interface как контракт, структурная типизация, выбор между interface и type, опциональные и readonly поля, композиция, словари. Проект — типизация ответа реального API и безопасность внешних данных.

  • interface: контракт для объектаТеория · 24 мин
  • interface против type: что выбратьТеория · 24 мин
  • Опциональные и readonly-свойстваТеория · 24 мин
  • Расширение и композиция интерфейсовТеория · 24 мин
  • Индексные сигнатуры и словариТеория · 25 мин
  • Проект: типизируем ответ APIПроект · 55 мин
  • Квиз: интерфейсыТест · 17 мин
05

Модуль 5. Дженерики

Тип-параметры, дженерик-функции и вывод типов, ограничения через extends и keyof, дженерик-классы, операторы typeof/keyof/indexed access. Проект — типобезопасное хранилище, работающее с любой сущностью.

  • Зачем нужны дженерикиТеория · 24 мин
  • Дженерик-функцииТеория · 25 мин
  • Ограничения дженериков и keyofТеория · 27 мин
  • Дженерик-интерфейсы и классыТеория · 26 мин
  • typeof, keyof и индексированный доступТеория · 26 мин
  • Проект: типобезопасное хранилищеПроект · 55 мин
  • Квиз: дженерикиТест · 17 мин
06

Модуль 6. Утилитные и продвинутые типы

Готовые utility types (Partial, Pick, Omit, Record), собственные mapped types, условные типы с infer, template literal types и satisfies. Проект — типобезопасный слой форм, где ошибки выводятся из данных.

  • Utility types: Partial, Required, ReadonlyТеория · 24 мин
  • Pick, Omit и RecordТеория · 24 мин
  • Mapped types: пишем свои утилитыТеория · 26 мин
  • Условные типы и inferТеория · 27 мин
  • Template literal types и satisfiesТеория · 26 мин
  • Проект: типобезопасный слой формПроект · 58 мин
  • Квиз: продвинутые типыТест · 18 мин
07

Модуль 7. Классы, enum и ООП

Модификаторы доступа и инкапсуляция, readonly-поля, геттеры и параметр-свойства, абстрактные классы и интерфейсы-контракты, enum со всеми подвохами, декораторы. Практика — проектирование доменной модели.

  • Классы и модификаторы доступаТеория · 24 мин
  • readonly, геттеры и параметр-свойстваТеория · 25 мин
  • Абстрактные классы и implementsТеория · 26 мин
  • Enum: перечисления и их подвохиТеория · 25 мин
  • Декораторы: обзорТеория · 23 мин
  • Практика: проектируем доменную модельПрактика · 42 мин
  • Квиз: классы и ООПТест · 17 мин
08

Модуль 8. TypeScript в реальных проектах

Строгий tsconfig на проде, подключение внешних типов через @types, TypeScript в React, постепенная миграция JS-проекта, проверка типов в CI. Финальный проект — типобезопасный трекер задач.

  • Строгий режим и tsconfig на продеТеория · 25 мин
  • Внешние типы: @types и DefinitelyTypedТеория · 24 мин
  • TypeScript в React: практичный обзорТеория · 26 мин
  • Миграция JS-проекта на TypeScriptТеория · 25 мин
  • Практика: проверка типов в CIПрактика · 38 мин
  • Финальный проект: типобезопасный трекер задачПроект · 65 мин
  • Финальный квиз курсаТест · 20 мин
ИНСТРУМЕНТЫ

С чем будешь работать.

TypeScriptNode.jsnpmtsctsxtsconfig.jsonESLinttypescript-eslint@types (DefinitelyTyped)VS CodeTypeScript PlaygroundReact

TypeScript для разработчиков: первый модуль — бесплатно.

Начать бесплатно — первый модуль в подарок
TypeScript для разработчиков | Omnex.Study