Мы используем cookie для стабильной работы сервиса. Подробнее

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

4.7
ФорматОнлайн
Длительность2-3 часа в неделю
Объём13 занятий
УровеньСредний
По окончанииStepik
О курсе

Подробнее

Вы уже пишете на 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 целиком. Три проекта, а не три упражнения Vanilla JS → TypeScript. Берём готовый JS-проект и переводим его на строгую типизацию: интерфейсы, type guards, типы асинхронных функций. Ровно то, что вас попросят сделать на реальной работе. React + TypeScript. Приложение с нуля: типы сущностей, шапка, поиск, форма в двух вариантах, компонент статистики, карточки, получение данных. 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 уже во время работы.
Требования

Что нужно для старта

  • HTML, CSS
  • Фундаментальное владение JavaScript
  • Базовое знание React (желательно, но необязательно)
Результат

Что вы получите

  • Основы TypeScript
  • Современные практики TypeScript
  • TypeScript для React приложений
  • TypeScript для React-Redux приложений
Аудитория

Для кого этот курс

  • Начинающие и junior разработчики
  • Middle-разработчики, ранее не работавшие с TypeScript
Содержание

Программа курса

13 занятий
№ТемаЧто внутри
01Введение

- Приветствие
- Что такое TypeScript и зачем нужен
- Альтернативы TypeScript
- Пререквизит к курсу
- Настройка окружения
- Как построен курс

02Базовая типизация

- О модуле
- Примитивные типы
- Базовая типизация функций
- Базовая типизация объектов
- Объекты как параметры функции
- Типизация массивов
- Кортежи
- Алиасы
- Union типы
- Enum
- Итоги модуля

03Продвинутая типизация

- О модуле
- Подробнее об интерфейсах
- Подробнее об алиасах
- Type vs Interface
- Сужение типов
- Type Guards
- Asserts
- Типизация this
- Перегрузка функций
- Рекурсивные типы
- Оператор !
- Итоги модуля

04Дженерики

- О модуле
- Актуальность дженериков
- Базовые примеры
- Добавление требований
- Оператор keyof
- Сужение допустимых значений типа
- Значения по умолчанию
- Области видимости типов дженерика
- Итоги модуля

05Комбинирование типов

- О модуле
- Оператор typeof
- Conditional type
- Еще раз про extends
- Оператор infer
- Маппинг типов
- Утилиты Extract, Exclude, NonNullable
- Утилиты Record, Pick, Omit
- Утилиты ReadOnly, Required, Partial
- Утилиты Parameters, CounstructorParameters
- Доступ по индексу
- Шаблонные литералы
- Итоги модуля

06Проект 1. Vanilla JS -> TypeScript

- Обзор проекта
- Постановка задачи
- Создание ts-проекта
- Создание интерфейсов
- Добавление type guards
- Типы асинхронных функций
- Итоги модуля

07Классы

- О модуле
- Интерфейс для класса
- Модификаторы доступа
- Нюансы конструктора
- Абстрактные классы
- Геттеры и сеттеры
- Статические свойства и методы
- Итоги модуля

08Настройки компилятора

- О модуле
- Составные части конфига
- Базовые настройки
- Опции компилятора
- Дополнительные опции
- Тюнинг строгости
- Дополнительный линтинг
- Рекомендованные конфиги
- Итоги модуля

09Типизация React-компонентов

- О модуле
- Настройка окружения
- Типизация пропсов
- Типизация стилей
- Типизация стейта
- Хэндлеры
- Хранение типов
- Нюансы useEffect
- Типизация useRef
- Приложение TodoList
- Классовые компоненты
- Итоги модуля

10Проект на React+TS

- Обзор проекта
- Окружение для проекта
- Создание типов сущностей
- Шапка приложения
- Компонент поиска
- Альтернативный вариант формы
- Компонент статистики
- Шапка карточки
- Инфо компонент
- Получение данных
- Итоги модуля

11Типизация Redux

- О модуле
- Добавления Redux в приложение
- Типизация слайсов
- Типизация селекторов
- Типизация asyncThunk
- Типизация extraReducers
- AsyncThunk как дженерик
- Добработка асинхронного слайса
- Итоги модуля

12Проект React+Redux+TS

- Обзор проекта
- Окружение для проекта
- Базовые типы приложения
- UI компоненты
- Типизация переключателя темы
- Типизация списка стран
- Типизация детальной страницы
- Типизация контролей
- Итоги проекта

13Итоги курса

- Что дальше

01Введение

- Приветствие
- Что такое TypeScript и зачем нужен
- Альтернативы TypeScript
- Пререквизит к курсу
- Настройка окружения
- Как построен курс

02Базовая типизация

- О модуле
- Примитивные типы
- Базовая типизация функций
- Базовая типизация объектов
- Объекты как параметры функции
- Типизация массивов
- Кортежи
- Алиасы
- Union типы
- Enum
- Итоги модуля

03Продвинутая типизация

- О модуле
- Подробнее об интерфейсах
- Подробнее об алиасах
- Type vs Interface
- Сужение типов
- Type Guards
- Asserts
- Типизация this
- Перегрузка функций
- Рекурсивные типы
- Оператор !
- Итоги модуля

04Дженерики

- О модуле
- Актуальность дженериков
- Базовые примеры
- Добавление требований
- Оператор keyof
- Сужение допустимых значений типа
- Значения по умолчанию
- Области видимости типов дженерика
- Итоги модуля

05Комбинирование типов

- О модуле
- Оператор typeof
- Conditional type
- Еще раз про extends
- Оператор infer
- Маппинг типов
- Утилиты Extract, Exclude, NonNullable
- Утилиты Record, Pick, Omit
- Утилиты ReadOnly, Required, Partial
- Утилиты Parameters, CounstructorParameters
- Доступ по индексу
- Шаблонные литералы
- Итоги модуля

06Проект 1. Vanilla JS -> TypeScript

- Обзор проекта
- Постановка задачи
- Создание ts-проекта
- Создание интерфейсов
- Добавление type guards
- Типы асинхронных функций
- Итоги модуля

07Классы

- О модуле
- Интерфейс для класса
- Модификаторы доступа
- Нюансы конструктора
- Абстрактные классы
- Геттеры и сеттеры
- Статические свойства и методы
- Итоги модуля

08Настройки компилятора

- О модуле
- Составные части конфига
- Базовые настройки
- Опции компилятора
- Дополнительные опции
- Тюнинг строгости
- Дополнительный линтинг
- Рекомендованные конфиги
- Итоги модуля

09Типизация React-компонентов

- О модуле
- Настройка окружения
- Типизация пропсов
- Типизация стилей
- Типизация стейта
- Хэндлеры
- Хранение типов
- Нюансы useEffect
- Типизация useRef
- Приложение TodoList
- Классовые компоненты
- Итоги модуля

10Проект на React+TS

- Обзор проекта
- Окружение для проекта
- Создание типов сущностей
- Шапка приложения
- Компонент поиска
- Альтернативный вариант формы
- Компонент статистики
- Шапка карточки
- Инфо компонент
- Получение данных
- Итоги модуля

11Типизация Redux

- О модуле
- Добавления Redux в приложение
- Типизация слайсов
- Типизация селекторов
- Типизация asyncThunk
- Типизация extraReducers
- AsyncThunk как дженерик
- Добработка асинхронного слайса
- Итоги модуля

12Проект React+Redux+TS

- Обзор проекта
- Окружение для проекта
- Базовые типы приложения
- UI компоненты
- Типизация переключателя темы
- Типизация списка стран
- Типизация детальной страницы
- Типизация контролей
- Итоги проекта

13Итоги курса

- Что дальше

Документ после выпуска

Stepik

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «TypeScript для профессиональной разработки» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:JavaScript

Информация обновлена 21 сентября 2026 г.

Продолжить выбор

Похожие курсы

Javascript для начинающих
12 часов
Javascript для начинающих

Цель курса — дать учащимся прочную базу в JavaScript как самостоятельном языке программирования. Мы сосредотачиваемся на чистом JavaScript, чтобы вы могли глубже понять логику язы…

Онлайн1 занятий
4 180 ₽
Javascript. Часть 2 (Работа с функциями)
4 часа
Javascript. Часть 2 (Работа с функциями)

Цель курса Цель данного курса — предоставить учащимся фундаментальные знания и навыки работы с функциями в JavaScript. Курс направлен на то, чтобы учащиеся научились создавать, ис…

Онлайн3 занятий
900 ₽
Разработка на JavaScript
−10%16 ноября
Разработка на JavaScript

Изучите увлекательные подходы к разработке интерактивных веб-приложений на JavaScript, включая DOM, асинхронность и фреймворки.

Онлайн13 занятийСредний
Домашние задания
47 900 ₽−10%
43 110 ₽
Vue.js 3, Vue Router и Pinia
Vue.js 3, Vue Router и Pinia

В этом курсе мы изучим Vue, Vue Router и Pinia, создавая два полноценных приложения. Мы сделаем приложение для отображения прогноза погоды и Saas сервис хранения веб закладок. Это…

Онлайн15 занятий
3 999 ₽
Программа: Твой JavaScript
Программа: Твой JavaScript

Цель курса - дать вам исчерпывающее понимание JavaScript. Мы не обещаем сделать из вас сеньора за две недели, это сказки. Наша задача - предоставить самую подробную и глубокую баз…

Онлайн21 занятий
4 250 ₽
Начать без затрат

Бесплатные курсы

JavaScript. Уровень 3. ESNext
Бесплатно
JavaScript. Уровень 3. ESNext

Курс «JavaScript. Уровень 3. ESNext»: онлайн и очное офлайн обучение в Москве в Бауманском учебном центре «Специалист». Стоимость обучения. Программа курса. Отзывы. Расписание гру…

Онлайн
Бесплатно