ТОП-10 курсов TypeScript в 2022 году: обучение онлайн. Платные и бесплатные. Рейтинг, сравнение, стоимость.

Стоимость: Рассрочка на 12 месяцев – 3 400 ₽ / мес
  • Программа из 3 курсов
  • Упор на практику
  • Онлайн в удобное время
  • Доступ к курсу навсегда.

TypeScript — это язык программирования поверх JavaScript, который добавляет статическую типизацию и другие полезные фичи из спецификации ECMAScript. За последнее время язык стал стандартом в веб-разработке.

Кому подойдёт этот курс:

  • JavaScript-разработчикам
    Вы научитесь получать максимум из типизации: писать безопасный и устойчивый к внесению изменений код, а также проектировать архитектуру веб-приложений.
  • Тем, кто учит фреймворки
    TypeScript — основной язык для фреймворка Angular, в последнее время его используют при разработке компонентов в React.js.

Чему вы научитесь:

  1. Типизировать код
    Будете объявлять типы для переменных, принимаемых и возвращаемых значений функций и методов, и классов. Научитесь читать ошибки компиляции.
  2. Писать сложные типы
    Начнёте пользоваться алгебраическими типами данных, проектировать интерфейсы, высчитывать сложные типы и пользоваться дженериками.
  3. Разрабатывать архитектуру
    Будете принимать правильные архитектурные решения и проектировать приложения исходя из задач и специфики бизнеса.
  4. Применять принципы чистого кода
    Узнаете, что такое плохой код, какие критерии качества существуют и как поддерживать чистоту своего кода.
  5. Использовать Domain Driven Design
    Освоите принципы декомпозиции, научитесь учитывать предметную область при проектировании приложений, выделять частное поведение.
  6. Использовать монорепозитории и микрофронтенды
    Узнаете, как структурировать код в больших приложениях. Будете применять подход микрофронтендов при разработке и публикации приложения.

Программа

Курсы упорядочены по уровню сложности. В конце каждого учебного модуля вас ждут практические задания на закрепление материала.
3 уровня сложности, 23 тематических модуля

  1. Базовый уровень
  • Введение.
  • Компиляция и примитивные типы.
  • Применение типов.
  • Типизация ООП.
  • Дженерики.
  • Утилитарные типы.
  • Дополнительные типы.
  1. Продвинутый уровень
  • Бандлинг.
  • Spread Types.
  • Conditional types.
  • Маппинг типов.
  • Ещё немного про ООП.
  • Декораторы.
  • Миксины.
  • Неймспейсы.
  • Алгебраические типы.
  • Тестирование типов.
  • Строковые типы для разбора строк.
  • Сложные типы.
  1. Frontend-архитектура
  • Чистая архитектура.
  • Чистая файловая структура.
  • Чистый код DRY, KISS.
  • Принципы проектирования API.
  • Монорепозитории, полирепозитории, микрофронты.

На курсе рассматривается расширенная  версия JavaScript – TypeScript, включающая все возможности EcmaScript 2015 и перспективные возможности JavaScript, пока не включенные в стандарт. Также разбирается система типизации, облегчающая валидацию JavaScript-приложений.

Цели
Познакомить слушателей с языком TypeScript и продемонстрировать, каким образом новые возможности могут эффективно применяться.

Разбираемые темы:

  1. Операторы let и const;
  2. Стрелочные функции;
  3. Свойства в методе
  4. Матчинг для объектов и массивов;
  5. Новые методы класса String;
  6. Set, Map и WeakSet/WeakMap;
  7. Интерполяция строк;
  8. Новые функции класса Number;
  9. Параметры по умолчанию для функций;
  10. Оператор … (spread);
  11. Использование this в коллбэках;
  12. Новый синтаксис для классов и наследования;
  13. Статические переменные класса;
  14. Геттеры и сеттеры;
  15. Модули ES2015, импорт и экспорт;
  16. Промисы для асинхронных задач;
  17. Функции-генераторы;
  18. Async/await;
  19. Декораторы;
  20. Типы данных TypeScript;
  21. Tuples;
  22. Интерфейсы;
  23. Конструкторы;
  24. Область видимости public/protected/private;
  25. Generic типы;
  26. Автоопределение типа.

После окончания курса выдаётся сертификат.

Программа интенсива

  1. Быстрый старт. Экосистема TypeScript.
  • Разбираем зачем нам нужен TypeScript и почему так важен в разработке сегодня.
  • Рассматриваем основные опции компиляции и как они влияют на процесс сборки.
  • Знакомимся с возможностями JavaScript, которые доступны для компиляции.
  • Разбираем как мы можем отлаживать код написанный с TypeScript и оптимизируем процесс сборки.
  1. Система типизации TypeScript
  • Разбираемся с областями декларации в TypeScript
  • Проводим параллель с основными типами и структурами данных в JavaScript и TypeScript
  • Смотрим на отличия интерфейсов от алиасов в TypeScript и их применения
  • Детально смотрим на обобщения (Generics) и учимся типизировать сложные структуры, используя условные типы (Conditional Types) и сопоставленные типы (Mapped Types)
  1. Функции и классы в TypeScript
  • Рассматриваем особенности типизации и перегрузку функций.
  • Разберем особенности тестирования функций, и настроим окружение для этого
  • Познакомимся с возможностями TypeScript в ООП (модификаторы доступа, safe и hard privacy, абстрактные классы, миксины …)
  1. Декораторы и аннотации
  • Декораторы и рефлексия. Что это? Зачем? Где?
  • Пишем свои декораторы и аннотации (логирование, обработка ошибок, runtime проверка типа данных, валидация …).
Стоимость: 5  950 ₽ – 13  950  ₽

Об интенсиве

  • Продвинутый практический курс
    В этом курсе вы узнаете почему TypeScript это must-have технология для любого frontend- разработчика. Вы детально разберётесь в синтаксисе TypeScript, а также научитесь применять TypeScript вместе с React, включая типизацию Redux и Redux-Saga. Кроме Frontend вы познакомитесь с особенности применения TypeScript в Backend, используя технологию Node.js вместе с фреймворками Express.js и Nest.js.
  • С самых азов
    Мы подразумеваем, что вы не знакомы с технологией TypeScript, но хотите освоить её c нуля. Для комфортного обучения вам необходимо быть знакомым с JavaScript, а также иметь базовое представления про технологии React и Node.js.
  • В комфортном темпе
    Мы предоставим вам весь материал по курсу сразу после оплаты. Вы самостоятельно планируете время на обучение.
  • С сильной менторской поддержкой
    Закрытое комьюнити выпускников в Slack, персональный ментор на время обучения, индивидуальные занятия с экспертом — поддержки вы получите ровно столько, сколько вам нужно.

Структура курса:

  1. Введение
  • Обзор курса
  • Что такое TypeScript
  • Сравнение TypeScript и JavaScript
  • Основные принципы TypeScript
  • Настройка окружения
  • Базовые типы
  • Работа с переменными
  • Покрытие типами JS функций
  • Знакомство с Дженериками
  1. Особенности синтаксиса
  • Продвинутые возможности дженериков
  • Отличия void от undefined
  • Работа со специальным типом unknown
  • Работа с кортежами
  • Особенности типизации с помощью type
  • Особенности типизации с помощью interface
  • Работа с классами
  1. Продвинутые возможности
  • Работа c namespaces
  • Особенности при работе с декораторами
  • Работа с продвинутыми типами
  • Разбор популярных ошибок
  1. TypeScript Frontend. Типизация React&Redux-приложений
  • Обзор стартовой точки
  • Обзор зависимостей проекта
  • Разбор структуры проекта
  • Введение в типизацию React приложений
  • Введение в типизацию Redux приложений
  • Разбор популярных ошибок
  1. TypeScript Frontend. Продвинутая типизация Redux-приложений
  • Продвинутая типизация React приложений
  • Продвинутая типизация Redux приложений
  • Введение в типизацию Redux Saga
  • Разбор популярных ошибок
  1. TypeScript Frontend. Типизация Redux-Saga
  • Типизация REST API модуля
  • Типизация Redux Saga Common Workers
  • Разбор полезных техник по типизации React & Redux приложений
  • Разбор популярных ошибок
  1. TypeScript Backend. Node.js, Express.js, MongoDB, Nest.js
  • Типизация Node.js приложения
  • Покрытие типами Express.js приложения
  • Обработка Runtime ошибок в связке с TypeScript
  • Типизация Mongoose документов
  • Особенности работы с Nest.js приложениями
  • Разбор популярных ошибок.

Чему вы научитесь:

  • Освоите шаблоны проектирования для создания больших приложений
  • Научитесь интегрировать Typescript в проекты React / Redux или Express
  • Поймёте композицию и наследование, и когда их использовать
  • Научитесь повторно использовать код на базе классов и интерфейсов
  • Научитесь собирать многоразовые шаблоны для ваших собственных проектов Typescript.

Материалы курса:

18 разделов, 215 лекций

  1. Введение
  2. Знакомство с TypeScript
  3. Что такое система типов?
  4. Аннотации типов в действии
  5. Аннотации для функций и объектов
  6. Типизированные Массивы
  7. Tuples (Кортежи) в TypeScript
  8. Интерфейсы – важнейшая часть TypeScript
  9. Создание функциональности при помощи классов
  10. Использование Шаблонов Проектирования (Design Patterns) в TypeScript
  11. Больше о Шаблонах Проектирования (Design Patterns) в TypeScript
  12. Повторно используемый (reusable) код
  13. Advanced Generics
  14. Express & TypeScript
  15. Декораторы
  16. Express & TypeScript – Advanced
  17. React / Redux & TypeScript
  18. Что дальше?

TypeScript – язык программирования для разработки веб-приложений, который является суперсетом JavaScript и отличается более строгими правилами и типизацией. Многие современные фреймворки используют TypeScript. Если вы собираетесь изучать Angular или другой похожий инструмент, то этот видео курс для вас. В результате успешного прохождения курса вы научитесь пользоваться инструментами для разработки и компиляции кода, а также освоите синтаксические конструкции, которые есть в TypeScript. Чтобы приступить к обучению вам не нужны глубокие знания JavaScript – достаточно понимания базового синтаксиса.

Чему вы научитесь с помощью данного видео курса:

  • Работать с переменными, функциями, классами и интерфейсами в TypeScript
  • Использовать Generics
  • Работать с модулями и пространствами имен
  • Создавать простые приложения при помощи TypeScript.

Основные темы:

  1. План курса
  2. План урока
  3. TypeScript и его возможности
  4. Преобразование TypeScript в JS
  5. Примеры компиляции кода TypeScript, Visual Studio Code
  6. Работа TypeScript кода в Visual Studio
  7. Компиляция TS файлов
  8. Пример использования tsconfig
  9. Синтаксические особенности TypeScript
  10. Создание переменных
  11. Типы данных
  12. Функции TypeScript
  13. Типы функций
  14. Optional параметры
  15. Rest параметры
  16. Контекст функции
  17. Использование arrow-function
  18. Контекст arrow-function
  19. Перегрузка функций.
Стоимость: бесплатно

Курс не предполагает предварительного знания машинописного текста и начинается с того, что помогает вам понять, что такое машинопись и какие преимущества она приносит. Затем курс мягко знакомит вас с системой типов машинописи и с тем, как создавать базовые типы.

В конечном итоге вы научитесь создавать повторно используемые типы, которые можно использовать во многих ситуациях, сокращая код, который вам нужно написать, чтобы создать гибкий и строго типизированный код.

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

Вы получите глубокое представление о параметрах компилятора TypeScript и будете использовать TypeScript с Babel, ESLint и Webpack для создания высококачественной кодовой базы.

Стоимость: бесплатно

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

Цели обучения

В этом модуле вы:

  • Узнаете, что TypeScript является улучшением JavaScript для веб-разработки.
  • Выберете редактор TypeScript.
  • Установите TypeScript.
  • Настроите проект TypeScript в Visual Studio Code.

Содержание:

  1. Введение
  2. Общие сведения о TypeScript
  3. Упражнение. Выбор редактора TypeScript
  4. Упражнение. Установка компилятора TypeScript
  5. Компиляция файла TypeScript
  6. Упражнение. Подготовка проекта TypeScript
  7. Проверка знаний
  8. Сводка.
Стоимость: бесплатно

Содержание:

Глава 1. Введение в TypeScript

  • Что такое TypeScript
  • Установка и компиляция из командной строки
  • Первое приложение TypeScript в Visual Studio
  • Настройки компиляции
  • Файл конфигурации tsconfig.json

Глава 2. Основы TypeScript

  • Переменные и константы
  • Параметры компиляции noEmitOnError и target
  • Типы данных
  • Функции
  • Тип функции и стрелочные функции
  • Объединения union
  • Null и undefined
  • Type assertion. Преобразование к типу
  • Объекты
  • Псевдонимы типов
  • Массивы
  • Кортежи
  • Неопределенный набор и наполнение параметров функции
  • Перечисление enum

Глава 3. Объектно-ориентированное программирование

  • Классы
  • Наследование
  • Абстрактные классы, методы и поля
  • Модификаторы доступа
  • Методы доступа get и set
  • Статические поля и методы
  • Интерфейсы
  • Преобразование типов
  • Обобщения
  • Миксины

Глава 4. Модули и пространства имен

  • Пространства имен
  • Создание и подключение модулей
  • Работа с модулями

Глава 5. Заголовочные файлы

  • Работа с заголовочными файлами
  • Заголовочные файлы для популярных библиотек

Глава 6. Декораторы

  • Декораторы классов
  • Декораторы методов и их параметров
  • Декораторы свойств и методов доступа
  • Фабрики декораторов.
Стоимость: бесплатно

Уроки:

  1. Введение (Introduction)
  2. Базовые типы (Basic Types. Part I)
  3. Базовые типы (Basic Types. Part II)
  4. Перечисления (Enums)
  5. Функции (Functions)
  6. Объекты (Objects)
  7. Классы (Classes)
  8. Наследование (Inheritance)
  9. Пространства имён и модули (Namespaces & Modules)
  10. Интерфейсы (Type Interface)
  11. Общие типы (Generic)
  12. Декораторы (Decorators)
  13. Утилиты (Utility Types).

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Автор статьи. Ответственный за актуальный контент, текст и редактуру сайта. Эксперт по выбору профессии, курсов и профессий с 2016 года. Делюсь личным практическим опытом.

Оцените автора
Добавить комментарий