TypeScript для профессиональной разработки

Вы уже пишете на TypeScript. Только когда тип не сходится — ставите any, а чужой дженерик на пять параметров пролистываете, надеясь, что он сам как-нибудь отработает.

Это и есть та граница, на которой большинство застревает: TypeScript вроде используется, но не работает — он не ловит баги, а просто добавляет строчек. Курс переводит вас на другую сторону: туда, где типы описывают реальные правила вашего приложения, а компилятор становится первым, кто находит ошибку.

После курса вы сможете

• описывать типами настоящие доменные сущности, а не просто расставлять аннотации;
• читать и писать дженерики, keyof, conditional types, infer, маппинг типов и шаблонные литералы — то, из чего состоят типы в чужих библиотеках;
• пользоваться встроенными утилитами (Pick, Omit, Record, Partial, Parameters и остальными) вместо копирования типов;
• настроить tsconfig под проект и осознанно выбирать уровень строгости, а не копировать конфиг из интернета;
• типизировать React: пропсы, стейт, хэндлеры, useRef, useEffect, стили, хранение типов;
• типизировать Redux Toolkit: слайсы, селекторы, asyncThunk, extraReducers;
• перевести существующий JavaScript-проект на TypeScript, не переписывая его с нуля.

Что внутри

База. Примитивы, функции, объекты, массивы, кортежи, алиасы, union, enum.

Продвинутая типизация. Интерфейсы против алиасов — и когда что, сужение типов, type guards, asserts, типизация this, перегрузка функций, рекурсивные типы, оператор !.

Дженерики. Отдельный модуль: от первых примеров до ограничений через extends, keyof, значений по умолчанию и областей видимости типов.

Комбинирование типов. typeof, conditional types, infer, маппинг типов, доступ по индексу, шаблонные литералы и полный разбор встроенных утилит.

Классы. Интерфейсы для классов, модификаторы доступа, нюансы конструктора, абстрактные классы, геттеры и сеттеры, статика.

Настройки компилятора. Целый модуль про tsconfig: составные части конфига, опции компилятора, тюнинг строгости, дополнительный линтинг, рекомендованные конфиги. Тот самый модуль, после которого перестаёшь бояться жёлтых подчёркиваний в редакторе.

React и Redux. Типизация пропсов, стейта, хэндлеров, стилей, useRef, нюансы useEffect, организация хранения типов, классовые компоненты. Отдельный модуль — типизация Redux Toolkit целиком.

Три проекта, а не три упражнения

1. Vanilla JS → TypeScript. Берём готовый JS-проект и переводим его на строгую типизацию: интерфейсы, type guards, типы асинхронных функций. Ровно то, что вас попросят сделать на реальной работе.
2. React + TypeScript. Приложение с нуля: типы сущностей, шапка, поиск, форма в двух вариантах, компонент статистики, карточки, получение данных.
3. React + Redux + TypeScript. Финальный проект: базовые типы приложения, UI-компоненты, переключатель темы, список стран, детальная страница, контролы.

Логика и стили в проектах уже подготовлены — всё время уходит на типы, а не на вёрстку.

«Типы же теперь пишет ИИ»

Пишет. И охотно подсовывает any, as unknown as, дублирующие интерфейсы и дженерики, которые компилируются, но ничего не гарантируют. Отличить корректную типизацию от правдоподобно выглядящей может только тот, кто понимает систему типов сам. Чем больше кода генерируется, тем дороже стоит этот навык — а не наоборот.

Что говорят студенты

«Отличный курс, даёт уверенную базу, с которой можно найти работу».

«Хороший курс для новичков в TS, особенно меня порадовал разбор настроек компилятора и примеры кода с библиотекой React».

«До этого курса у меня были навыки в React и JS, так что собиралась взяться за TS вплотную. К сожалению, никакие курсы не подошли, и решила попробовать этот. И повезло! Курс хорошо структурирован, автор грамотно и понятно рассказывает поэтапно все свои действия».

«Отличный курс, нашла то, что искала: простым языком, лаконично, содержательно, лучшие практики + связка react+redux. Кроме того, для меня огромный плюс — разбор конфигурации».

«Несколько проектов разного уровня сложности сразу дают возможность попрактиковаться. Отдельно хочу отметить спокойную, профессиональную и понятную речь преподавателя».

Кто автор

Меня зовут Михаил Непомнящий, я профессиональный веб-разработчик и инженерный менеджер, преподаю веб-разработку с 2016 года. С TypeScript работаю каждый день. Первые месяцы я его буквально ненавидел — как и мои коллеги, — и главным чувством была боль. Этот курс построен так, чтобы вам через ту же боль проходить не пришлось.

Что нужно знать заранее

HTML и CSS, уверенное владение JavaScript. React — желательно, но необязательно: React-модули идут во второй половине курса и начинаются с настройки окружения.

Чего в курсе нет — честно:

• декораторов;
• TypeScript на бэкенде (Node, Nest) — курс про фронтенд;
• формата тренажёра: основа — разбор материала и три проекта, которые вы делаете вместе со мной, а не десятки отдельных упражнений.

117 уроков в 13 модулях. Доступ к курсу остаётся навсегда — большинство возвращается к модулю про утилиты и tsconfig уже во время работы.