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

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

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

Подробнее

Добро пожаловать на курс по одной из самых востребованных компетенций современной разработки - язык TypeScript. Узнайте что такое TypeScript, как он дополняет возможности языка JavaSctipt и как его использовать. Узнайте как TypeScript помогает современным разработчикам делать кодовую базу более надежной и понятной и избежать большого количества багов и ошибок. Данный курс познакомит Вас с азами строгой типизации, разовьет базовые концепции до более сложных и продвинутых. Наконец, мы сделаем 3 проекта, чтобы закрепить пройденный материал и сделать акцент на том, что действительно важно. Всего за несколько лет TypeScript прошел путь от новичка на рынке языков программирования до любимца многих разработчиков. Во многих рейтингах язык занимает ведущие позиции, стабильно входя в Топ-5 популярных языков. Курс покрывает все необходимые навыки по синтаксису языка, его фичам и концепциям, которые необходимы для повседневной разработки. Разберитесь с миром строгой типизации и начните использовать его в свих проектах!   *** ЧТО ВКЛЮЧЕНО В КУРС? *** Понятие типа и как им пользоваться Интерфейсы и алиасы типов Массивы и кортежи (tuple) Union и enum Дженерики (универсальные типы) Уточнение типов и защитники типов Встроенные утилиты TypeScript Маппинг типов и шаблонные литералы Типизация React и Redux приложений 3 проекта на TypeScript   Почему это именно тот курс, который даст результат? Меня зовут Михаил Непомнящий и я профессиональный веб-разработчик. Я работаю с TypeScript каждый день и решаю с его помощью задачи самого разного уровня сложности. При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. В своих курсах я стараюсь подавать материал максимально доступно - от простого к сложному и без воды. Помню как самому трудно было поначалу пробираться через дебри TypeScript, когда только начинал изучать его. Я его буквально ненавидел первые месяцы, равно как и мои коллеги. Главным чувством при работе с ним была боль. В этом же курсе я постарался сделать подачу максимально понятной, чтобы ваше знакомство с миром строгой типизации было более приятным. В рамках курса мы сделаем 3 проекта, сосредоточившись именно на написании TypeScript типов (базовая логика приложений и стили уже подготовлены). Таким образом, на практике мы будем последовательно закреплять те навыки и умения, которые были изучены.
Требования

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

  • 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

Информация обновлена 28 июля 2026 г.