Получить доступ

TypeScript

Основа с Junior

JavaScript со статическими типами — стандарт для коммерческой фронтенд-разработки.

TypeScript добавляет к JavaScript типы, которые проверяются при сборке и стираются в итоговом коде. Ошибки вида «undefined is not a function» ловятся до запуска, редактор подсказывает поля и методы, рефакторинг становится безопасным.

type Order = { id: number; status: "new" | "paid" | "shipped"; total?: number };

function label(o: Order): string {
  switch (o.status) {
    case "new": return "Новый";
    case "paid": return "Оплачен";
    case "shipped": return "Отправлен";
  }
}

Что важно знать

  • Структурная типизация: совместимость по форме, а не по имени типа.
  • Объединения (|), литеральные типы, сужение через typeof, in, проверку поля-дискриминатора.
  • unknown вместо any: значение нужно проверить перед использованием.
  • Дженерики: function first<T>(xs: T[]): T | undefined.
  • Утилиты: Partial, Pick, Omit, Record, ReturnType.
  • interface и type почти взаимозаменяемы; interface расширяется объявлением, type умеет объединения и вычисляемые типы.
  • strict: true в tsconfig — обязательно.
  • Типы не проверяют данные в рантайме: ответ сервера валидируют (Zod, Valibot).

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

Junior ≈ 10 ч

  • Типизирует функции, объекты и пропсы, использует объединения и сужение типов
  • Использует unknown вместо any и включает strict

Практика. Перевести учебный JS-проект на TypeScript в режиме strict без any.

Middle ≈ 10 ч

  • Пишет дженерики и использует утилитарные типы
  • Описывает дискриминированные объединения для состояний (загрузка, успех, ошибка)
  • Валидирует данные с сервера схемой (Zod) и выводит из неё типы

Практика. Типизировать слой API — дженерик-клиент, схемы Zod для ответов, дискриминированные объединения для состояний запросов.

Вопросы с собеседований

Документация

← Вся карта «Frontend-разработчик»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем