Stepik О курсе
Подробнее
Обновлено до TypeScript 5.0
TypeScript - это язык программирования, являющийся надмножеством JavaScript, компилирующимся в него. Благодаря системе типов и дополнительным возможностям, он позволяет писать большие масштабируемые приложения, которые просто поддерживать и развивать. Вместо отлова ошибок в runtime вы получаете быструю проверку вашего кода в compiletime и тесную интеграцию с IDE для быстрого написания кода. При этом вы можете переводить ваши приложения на TypeScript постепенно, улучшая типизацию и качество кода. Сейчас уже сложно встретить большое приложение для frontend или backend без использования TypeScript. Язык уже является стандартом разработки и может быть использован с любым framework.
В курсе мы разберём TypeScript с нуля, потому от вас будет требоваться только базовое знание JavaScript. В курсе мы не просто изучим все особенности TypeScript, но и попрактикуемся на упражнениях и написании финального проекта - расширяемую утилиту исполнения команд. При этом важной частью курса буду паттерны проектирования, где мы изучим поведенческие, порождающие и структурные паттерны объектно ориентированного программирования. И даже для тех, кто уже изучал TypeScript многие разделы будут полезны, так как захватывают продвинутые темы, с которыми вы возможно не так часто сталкивались ранее. В курсе мы детально изучим:
Основные типы
Types и interfaces
Специальные типы: Enums, Tuples, never и unknown
Работу с классами
Композицию и наследование
Настройку компилятора TypeScript для проекта
Использование Generic в функциях, классах и интерфейсах
Index Access Types
Conditional Types
Mapped Types
Template Literal Types
Специальные служебные типы
Работу и написание декораторов
Reflect metadata
Модульность TypeScript
Работу и типизацию сторонних библиотек
Порождающие паттерны
Структурные паттерны
Поведенческие паттерны
Лекции содержат как теоретическую часть, так и live-code, где мы вместе будем писать код, разбираю особенности работы TypeScript. В конце каждого модуля вас ожидает тест, который позволит укрепить ваши знания. Так же в этом курсе сделан особый акцент на упражнениях, которые позволят закрепить полученные знания на практике.
В результате курса вы получите знания и навыки для эффективного написания кода на TypeScript и проектирования архитектуры приложений на нём. Все примеры кода, которые вы увидите в курсе написаны с учётом реальной практики написания кода на TypeScript как на frontend, так и backend.
Требования
Что нужно для старта
- Знание JavaScript на начальном уровне
Аудитория
Для кого этот курс
- - Начинающие разработчики со знанием JavaScript
- - Frontend или backend разработчики, которые хотят внедрять TypeScript
- - Те кто знакомился с TypeScript, но хочет изучить более сложный темы или паттерны проектирования.
Содержание
16 занятийПрограмма курса
№ТемаЧто внутри
01Введение
- Почему TypeScript?
- Как устроен курс?
- Обзор проекта
- Обзор курсов
- Перенос курса
02Настройка окружения
- Подготовка окружения
- Установка NodeJS
- Настройки VSCode
03Основные типы
- Вводное видео
- Подготовка проекта
- Использование типов
- Типы в функциях
- Объекты
- Упражнение - Типизируем объект
- Массивы
- Tuples
- Readonly
- Enums
- Упражнение - Типизируем функцию
- Тест - Основные типы
04Продвинутые типы
- Вводное видео
- Union
- Literal Types
- Type Aliases
- Interfaces
- Types или Interfaces?
- Optional
- Упражнение - Типизируем ответ сервера
- Void
- Unknown
- Never
- Null
- Приведение типов
- Type Guard
- Упражнение - Делаем typeguard ответа
- Asserts
- Тест - Продвинутые типы
05Классы
- Вводное видео
- Создание класса
- Конструктор
- Методы
- Упражнение - Перегрузка методов
- Getter и Setter
- Implements
- Extends
- Особенности наследования
- Композиция против наследования
- Видимость свойств
- Упражнение - Делаем корзину товаров
- Статические свойства
- Работа с this
- Типизация this
- Абстрактные классы
- Упражнение - Делаем абстрактный logger
- Тест - Классы
06Компилятор TypeScript
- Вводное видео
- Включение и исключение файлов
- Вывод компиляции
- Язык и окружение
- Модули
- Strict режим
- Проверки кода
07Generics
- Вводное видео
- Пример встроенных generic
- Пишем функцию с generic
- Упражнение - Функция преобразования в строку
- Использование в типах
- Ограничение generic
- Упражнение - Функция сортировки id
- Generic классы
- Mixins
- Тест - Generics
08Манипуляция с типами
- Вводное видео
- Keyof
- Упражнение - Пишем функцию группировки
- Typeof
- Indexed Access Types
- Conditional Types
- Infer
- Mapped Types
- Упражнение - Валидация форм
- TypeScript 4.9 - satisfies
- Template Literal Types
- Тест - Манипуляции с типами
09Служебные типы
- Вводное видео
- Partial, Required, Readonly
- Pick, Omit, Extract, Exclude
- ReturnType, Parameters, ConstructorParameters
- Awaited
- Тест - Служебные типы
10Декораторы
- Вводное видео
- Паттерн декоратора
- Декоратор класса
- Фабрика декораторов
- Упражнение - Декоратор CreatedAt
- Декоратор метода
- Упражнение - Декоратор перехвата ошибок
- Декоратор свойства
- Декоратор accessor
- Декоратор параметра
- Метаданные
- Порядок декораторов
- TypeScript 5.0 - декораторы и const T
- Тест - Декораторы
11Модульность и библиотеки
- Вводное видео
- Namespaces и reference
- Модульность на backend
- Модульность на frontend
- Import и export
- Типизация сторонних библиотек
- Тест - Модульность и библиотеки
12Порождающие паттерны
- Вводное видео
- Factory Method
- Singleton
- Prototype
- Builder
- Тест - Порождающие паттерны
13Структурные паттерны
- Вводное видео
- Bridge
- Facade
- Adapter
- Proxy
- Composite
- Тест - Структурные паттерны
14Поведенческие паттерны
- Вводное видео
- Chain of Command
- Mediator
- Command
- State
- Strategy
- Iterator
- Template Method
- Observer
- Тест - Поведенческие паттерны
15Проект - Утилита выполнения команд
- Вводное видео
- Обзор проекта
- Наивная реализация
- Старт приложения
- Обработка ввода
- Обработка вывода
- Упражнение - Консольный вывод
- Упражнение - Шаблонный метод исполнителя
- Упражнение - Builder для ffmpeg
- Работа с файлами
- Упражнение - Ffmpeg executor
- Финал проекта
16Заключение
- Куда двигаться дальше?
01Введение
- Почему TypeScript?
- Как устроен курс?
- Обзор проекта
- Обзор курсов
- Перенос курса
02Настройка окружения
- Подготовка окружения
- Установка NodeJS
- Настройки VSCode
03Основные типы
- Вводное видео
- Подготовка проекта
- Использование типов
- Типы в функциях
- Объекты
- Упражнение - Типизируем объект
- Массивы
- Tuples
- Readonly
- Enums
- Упражнение - Типизируем функцию
- Тест - Основные типы
04Продвинутые типы
- Вводное видео
- Union
- Literal Types
- Type Aliases
- Interfaces
- Types или Interfaces?
- Optional
- Упражнение - Типизируем ответ сервера
- Void
- Unknown
- Never
- Null
- Приведение типов
- Type Guard
- Упражнение - Делаем typeguard ответа
- Asserts
- Тест - Продвинутые типы
05Классы
- Вводное видео
- Создание класса
- Конструктор
- Методы
- Упражнение - Перегрузка методов
- Getter и Setter
- Implements
- Extends
- Особенности наследования
- Композиция против наследования
- Видимость свойств
- Упражнение - Делаем корзину товаров
- Статические свойства
- Работа с this
- Типизация this
- Абстрактные классы
- Упражнение - Делаем абстрактный logger
- Тест - Классы
06Компилятор TypeScript
- Вводное видео
- Включение и исключение файлов
- Вывод компиляции
- Язык и окружение
- Модули
- Strict режим
- Проверки кода
07Generics
- Вводное видео
- Пример встроенных generic
- Пишем функцию с generic
- Упражнение - Функция преобразования в строку
- Использование в типах
- Ограничение generic
- Упражнение - Функция сортировки id
- Generic классы
- Mixins
- Тест - Generics
08Манипуляция с типами
- Вводное видео
- Keyof
- Упражнение - Пишем функцию группировки
- Typeof
- Indexed Access Types
- Conditional Types
- Infer
- Mapped Types
- Упражнение - Валидация форм
- TypeScript 4.9 - satisfies
- Template Literal Types
- Тест - Манипуляции с типами
09Служебные типы
- Вводное видео
- Partial, Required, Readonly
- Pick, Omit, Extract, Exclude
- ReturnType, Parameters, ConstructorParameters
- Awaited
- Тест - Служебные типы
10Декораторы
- Вводное видео
- Паттерн декоратора
- Декоратор класса
- Фабрика декораторов
- Упражнение - Декоратор CreatedAt
- Декоратор метода
- Упражнение - Декоратор перехвата ошибок
- Декоратор свойства
- Декоратор accessor
- Декоратор параметра
- Метаданные
- Порядок декораторов
- TypeScript 5.0 - декораторы и const T
- Тест - Декораторы
11Модульность и библиотеки
- Вводное видео
- Namespaces и reference
- Модульность на backend
- Модульность на frontend
- Import и export
- Типизация сторонних библиотек
- Тест - Модульность и библиотеки
12Порождающие паттерны
- Вводное видео
- Factory Method
- Singleton
- Prototype
- Builder
- Тест - Порождающие паттерны
13Структурные паттерны
- Вводное видео
- Bridge
- Facade
- Adapter
- Proxy
- Composite
- Тест - Структурные паттерны
14Поведенческие паттерны
- Вводное видео
- Chain of Command
- Mediator
- Command
- State
- Strategy
- Iterator
- Template Method
- Observer
- Тест - Поведенческие паттерны
15Проект - Утилита выполнения команд
- Вводное видео
- Обзор проекта
- Наивная реализация
- Старт приложения
- Обработка ввода
- Обработка вывода
- Упражнение - Консольный вывод
- Упражнение - Шаблонный метод исполнителя
- Упражнение - Builder для ffmpeg
- Работа с файлами
- Упражнение - Ffmpeg executor
- Финал проекта
16Заключение
- Куда двигаться дальше?
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «TypeScript с нуля — полный курс и паттерны проектирования» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Направления:JavaScript
Информация обновлена 3 сентября 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
