← Все сеты

TypeScript на практике: типы, generics, utility

Задачи на типизацию, безопасные API функций и работу со сложными типами.

Уровень: Junior•Оценка времени: 120 мин

Цели сета

  • Использовать интерфейсы и type alias осознанно
  • Применять generics в прикладных задачах
  • Закрывать типовые ошибки до запуска кода

Что ты сделаешь в сете

  • Типизировать API-клиент и модель ответа с discriminated union для ошибок.
  • Сделать generic-утилиту для пагинации и фильтрации данных.
  • Реализовать reusable типы для форм и валидации.
  • Перевести JS-модуль на strict TypeScript без any.

Рекомендуемые уроки

Что такое TypeScript и зачем он нужен
TypeScript: Основы
Базовые типы TypeScript
TypeScript: Основы
Массивы и кортежи
TypeScript: Основы
Псевдонимы типов (type aliases)
TypeScript: Основы
Интерфейсы
TypeScript: Основы
Типизированные функции
TypeScript: Основы
any, unknown и never: особые типы
TypeScript: Основы
null, undefined и strictNullChecks
TypeScript: Основы
readonly и as const
TypeScript: Основы
Indexed Access Types: T[K]
TypeScript: Основы
typeof и keyof операторы
TypeScript: Основы
Template Literal Types
TypeScript: Основы

Что должно получиться на выходе

  • Типизированный модуль данных и набор utility-типов.
  • Чеклист миграции на strict режим.
  • Кейс-описание до/после: какие ошибки TypeScript поймал заранее.

Критерии готовности

  • Сборка проходит в strict режиме без any и ts-ignore.
  • Ключевые функции покрыты корректными типами входа/выхода.
  • Типы читаемы и не перегружены лишней сложностью.

Частые ошибки

  • Отключать ошибки компилятора вместо исправления модели типов.
  • Писать чрезмерно сложные conditional types без необходимости.
  • Не отделять domain-типы от UI-типов.

Что положить в портфолио

Покажи модуль, где TypeScript реально снизил количество багов и сделал API функций прозрачным для команды.

FAQ по этому сету

Сколько времени закладывать на сет «TypeScript на практике: типы, generics, utility»?

Ориентир: 120 минут. Лучше разделить прохождение на 2-3 подхода с обязательным разбором ошибок.

Как понять, что сет пройден качественно?

Оцени себя по критериям готовности: код стабилен, edge-cases закрыты, решения читаемы и объяснимы на собеседовании.

Что добавить в портфолио после выполнения сета?

Покажи модуль, где TypeScript реально снизил количество багов и сделал API функций прозрачным для команды.

© 2026 Road to JS · ИП Добрынина Екатерина Владимировна

ИНН 482425719598 · ОГРНИП 326480000011329 · qamos@bk.ru

Старт с нуляПлан 30 днейПодготовка к интервьюГайдыГлоссарийПрактикаТемыКонфиденциальностьОфертаВозврат