С чего начать изучение TypeScript

Зачем JavaScript-проекту типы и какие ошибки они помогают находить.

Вы уже умеете писать функции на JavaScript. Теперь представьте, что функция calculateTotal(price, quantity) получила вместо числа строку из формы. Программа может запуститься, а ошибка обнаружится только в результате. TypeScript помогает описать ожидаемые данные и заметить часть таких несоответствий еще в редакторе.

Путь одной программы выглядит так:

Этап	Что происходит
Вы пишете `main.ts`	Добавляете знакомый JavaScript и описания типов.
TypeScript проверяет код	Сообщает, если значения противоречат описаниям.
Приложение запускается	Выполняется JavaScript; описания типов не становятся проверками ввода.

Поэтому здесь две разные задачи: проверить свой код до запуска и проверить данные пользователя во время работы. Вторую задачу разберем позже на формах.

Чтобы попробовать примеры без установки программ, откройте TypeScript Playground. Изменяйте код в редакторе, читайте подсказки о типах и переключитесь на представление готового JavaScript. В примере следующей статьи попробуйте присвоить числовой переменной строку и посмотрите, где появится ошибка.

Маршрут изучения

Проблема и возможности TypeScript – сравните один и тот же вызов на JavaScript и TypeScript.
Типы, объекты и функции – научитесь читать записи с :, | и type.
Самостоятельная работа – опишите модель заявки и проверьте функции.

В Next-03 вы вернетесь к различию между типом и проверкой реальных данных формы. Там для проверки во время работы программы понадобится Zod. Официальное руководство: TypeScript Handbook.