TypeScript-разработчик: кто это, обязанности, зарплаты и как им стать в 2023 году. Обзор профессии.

Кто такой TypeScript-разработчик?

TypeScript-разработчик — это специалист, который обычно отвечает за улучшение пользовательского опыта (UX) приложений и платформ компании, поэтому разработчики TypeScript в основном специализируются на фронтенд-разработке программного обеспечения или приложений.

Что делают TypeScript-разработчики и чем занимаются?

Обязанности на примере одной из вакансий:

• Разработка инструментария управления контентом, проектирование UI, проработка UX.
• Проектирование и разработка API, баз данных, бизнес-логики и систем администрирования.
• Участие в оптимизации архитектуры и проектировании технологических решений.
• Развитие внешних и внутренних сервисов.
• Написание unit-тестов, проведение ревью кода.
• Взаимодействие с другими командами в рамках решаемых задач (предложение и обсуждение идей, аргументация своей позиции, умение слушать и понимать людей, умение договариваться).

 Что должен знать и уметь TypeScript-разработчик? 

Требования к TypeScript-разработчикам:

• Знание основных структур данных и алгоритмов и того, как они используются.
• Уверенное знание TypeScriptи нативного JavaScript (ES6,ES7).
• Слова async/await для тебя не магия, а простой и удобный концепт, прячущий под капотом Promises.
• Умение писать самодокументируемый код, писать unit-тесты.

Востребованность и зарплаты TypeScript-разработчиков

На сайте поиска работы в данный момент открыто 4 674 вакансии, с каждым месяцем спрос на TypeScript-разработчиков растет.

Количество вакансий с указанной зарплатой TypeScript-разработчика  по всей России:

• от 115 000 руб. 1 401
• от 200 000 руб. 957
• от 280 000 руб. 530
• от 365 000 руб. 190
• от 450 000 руб. 62

Вакансий с указанным уровнем дохода по Москве:

• от 140 000 руб. 511
• от 240 000 руб. 323
• от 345 000 руб. 138
• от 445 000 руб. 43
• от 550 000 руб. 20

Вакансий с указанным уровнем дохода по Санкт-Петербургу:

• от 115 000 руб. 259
• от 190 000 руб. 206
• от 270 000 руб. 92
• от 345 000 руб. 44
• от 425 000 руб. 13

Как стать TypeScript-разработчиком и где учиться?

Варианты обучения для TypeScript-разработчика с нуля:

• Самостоятельное обучение  – всевозможные видео на YouTube, книги, форумы, самоучители и т.д. Плюсы – дешево или очень недорого. Минусы – нет системности, самостоятельное обучение может оказаться неэффективным, полученные навыки могут оказаться невостребованными у работодателя;
• Онлайн-обучение. Пройти курс можно на одной из образовательных платформ. Такие курсы рассчитаны на людей без особой подготовки, поэтому подойдут большинству людей. Обычно упор в онлайн-обучении делается на практику – это позволяет быстро пополнить портфолио и устроиться на работу сразу после обучения.

Ниже сделали обзор 10+ лучших онлайн-курсов.

10+ лучших курсов для обучения TypeScript-разработчика: подробный обзор

1 место. Курс «TypeScript для веб-разработчика» — Skillbox

https://skillbox.ru/course/typescript/

Стоимость: разная стоимость

• Программа из 3 курсов
• Упор на практику
• Онлайн в удобное время
• Доступ к курсу навсегда.

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

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

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

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

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

Программа

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

1. Базовый уровень

• Введение.
• Компиляция и примитивные типы.
• Применение типов.
• Типизация ООП.
• Дженерики.
• Утилитарные типы.
• Дополнительные типы.

2. Продвинутый уровень

• Бандлинг.
• Spread Types.
• Conditional types.
• Маппинг типов.
• Ещё немного про ООП.
• Декораторы.
• Миксины.
• Неймспейсы.
• Алгебраические типы.
• Тестирование типов.
• Строковые типы для разбора строк.
• Сложные типы.

3. Frontend-архитектура

• Чистая архитектура.
• Чистая файловая структура.
• Чистый код DRY, KISS.
• Принципы проектирования API.
• Монорепозитории, полирепозитории, микрофронты.

2 место. Курс «Язык программирования TypeScript» — Luxoft Training

https://www.luxoft-training.ru/kurs/yazyk_programmirovaniya_typescript.html

Стоимость: 11 600 ₽

На курсе рассматривается расширенная  версия 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. Автоопределение типа.

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

3 место.Курс «Интенсив по TypeScript» — Илья Кантор

https://learn.javascript.ru/courses/typescript

Стоимость: 6 500 ₽

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

1. Быстрый старт. Экосистема TypeScript.

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

2. Система типизации TypeScript

• Разбираемся с областями декларации в TypeScript
• Проводим параллель с основными типами и структурами данных в JavaScript и TypeScript
• Смотрим на отличия интерфейсов от алиасов в TypeScript и их применения
• Детально смотрим на обобщения (Generics) и учимся типизировать сложные структуры, используя условные типы (Conditional Types) и сопоставленные типы (Mapped Types)

3. Функции и классы в TypeScript

• Рассматриваем особенности типизации и перегрузку функций.
• Разберем особенности тестирования функций, и настроим окружение для этого
• Познакомимся с возможностями TypeScript в ООП (модификаторы доступа, safe и hard privacy, абстрактные классы, миксины …)

4. Декораторы и аннотации

• Декораторы и рефлексия. Что это? Зачем? Где?
• Пишем свои декораторы и аннотации (логирование, обработка ошибок, runtime проверка типа данных, валидация …).

Курс «TypeScript» — Lectrum

https://lectrum.io/course/typescript

Стоимость: 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 функций
• Знакомство с Дженериками

2. Особенности синтаксиса

• Продвинутые возможности дженериков
• Отличия void от undefined
• Работа со специальным типом unknown
• Работа с кортежами
• Особенности типизации с помощью type
• Особенности типизации с помощью interface
• Работа с классами

3. Продвинутые возможности

• Работа c namespaces
• Особенности при работе с декораторами
• Работа с продвинутыми типами
• Разбор популярных ошибок

4. TypeScript Frontend. Типизация React&Redux-приложений

• Обзор стартовой точки
• Обзор зависимостей проекта
• Разбор структуры проекта
• Введение в типизацию React приложений
• Введение в типизацию Redux приложений
• Разбор популярных ошибок

5. TypeScript Frontend. Продвинутая типизация Redux-приложений

• Продвинутая типизация React приложений
• Продвинутая типизация Redux приложений
• Введение в типизацию Redux Saga
• Разбор популярных ошибок

6. TypeScript Frontend. Типизация Redux-Saga

• Типизация REST API модуля
• Типизация Redux Saga Common Workers
• Разбор полезных техник по типизации React & Redux приложений
• Разбор популярных ошибок

7. TypeScript Backend. Node.js, Express.js, MongoDB, Nest.js

• Типизация Node.js приложения
• Покрытие типами Express.js приложения
• Обработка Runtime ошибок в связке с TypeScript
• Типизация Mongoose документов
• Особенности работы с Nest.js приложениями
• Разбор популярных ошибок.

Курс «TypeScript с нуля — от основ до advanced уровня» — Udemy

https://www.udemy.com/course/typescript-bootcamp/

Стоимость: 1 490 ₽

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

• Освоите шаблоны проектирования для создания больших приложений
• Научитесь интегрировать 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» — ITVDN

https://itvdn.com/ru/video/typescript-fundamentals

Стоимость: 717 ₽

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» — Carl Rippon

https://learntypescript.dev/

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

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

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

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

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

Курс «Начало работы с TypeScript» — Microsoft

https://docs.microsoft.com/ru-ru/learn/modules/typescript-get-started/

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

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

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

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

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

Содержание:

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

Курс «TypeScript» — metanit

https://metanit.com/web/typescript/

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

Содержание:

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

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

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

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

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

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

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

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

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

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

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

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

Курс «TypeScript» — Академия IT

https://academiait.ru/course/typescript/

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

Уроки:

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).