Описание

О курсе:
Узнайте что такое TypeScript, как он дополняет возможности языка JavaSctipt и как его использовать. Узнайте как TypeScript помогает современным разработчикам делать кодовую базу более надежной и понятной и избежать большого количества багов и ошибок.
Данный курс познакомит Вас с азами строгой типизации, разовьет базовые концепции до более сложных и продвинутых. Наконец, мы сделаем 3 проекта, чтобы закрепить пройденный материал и сделать акцент на том, что действительно важно.
Всего за несколько лет TypeScript прошел путь от новичка на рынке языков программирования до любимца многих разработчиков. Во многих рейтингах язык занимает ведущие позиции, стабильно входя в Топ-5 популярных языков.
Курс покрывает все необходимые навыки по синтаксису языка, его фичам и концепциям, которые необходимы для повседневной разработки. Разберитесь с миром строгой типизации и начните использовать его в свих проектах!

В курс включено:

• Понятие типа и как им пользоваться
• Интерфейсы и алиасы типов
• Массивы и кортежи (tuple)
• Union и enum
• Дженерики (универсальные типы)
• Уточнение типов и защитники типов
• Встроенные утилиты TypeScript
• Маппинг типов и шаблонные литералы
• Типизация React и Redux приложений
• 3 проекта на TypeScript

Содержание:
#1 Введение

1. Приветствие
2. Что такое TypeScript и зачем нужен
3. Альтернативы TypeScript
4. Пререквизит к курсу
5. Настройка окружения
6. Как построен курс

#2 Базовая типизация

1. О модуле
2. Примитивные типы
3. Базовая типизация функций
4. Базовая типизация объектов
5. Объекты как параметры функции
6. Типизация массивов
7. Кортежи
8. Алиасы
9. Union типы
10. Enum
11. Итоги модуля

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

1. О модуле
2. Подробнее об интерфейсах
3. Подробнее об алиасах
4. Type vs Interface
5. Сужение типов
6. Type Guards
7. Asserts
8. Типизация this
9. Перегрузка функций
10. Рекурсивные типы
11. Оператор !
12. Итоги модуля

#4 Дженерики

1. О модуле
2. Актуальность дженериков
3. Базовые примеры
4. Добавление требований
5. Оператор keyof
6. Сужение допустимых значений типа
7. Значения по умолчанию
8. Области видимости типов дженерика
9. Итоги модуля

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

1. О модуле
2. Оператор typeof
3. Conditional type
4. Еще раз про extends
5. Оператор infer
6. Маппинг типов
7. Утилиты Extract, Exclude, NonNullable
8. Утилиты Record, Pick, Omit
9. Утилиты ReadOnly, Required, Partial
10. Утилиты Parameters, CounstructorParameters
11. Доступ по индексу
12. Шаблонные литералы
13. Итоги модуля

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

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

#7 Классы

1. О модуле
2. Интерфейс для класса
3. Модификаторы доступа
4. Нюансы конструктора
5. Абстрактные классы
6. Геттеры и сеттеры
7. Статические свойства и методы
8. Итоги модуля

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

1. О модуле
2. Составные части конфига
3. Базовые настройки
4. Опции компилятора
5. Дополнительные опции
6. Тюнинг строгости
7. Дополнительный линтинг
8. Рекомендованные конфиги
9. Итоги модуля

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

1. О модуле
2. Настройка окружения
3. Типизация пропсов
4. Типизация стилей
5. Типизация стейта
6. Хэндлеры
7. Хранение типов
8. Нюансы useEffect
9. Типизация useRef
10. Приложение TodoList
11. Классовые компоненты
12. Итоги модуля

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

1. Обзор проекта
2. Окружение для проекта
3. Создание типов сущностей
4. Шапка приложения
5. Компонент поиска
6. Альтернативный вариант формы
7. Компонент статистики
8. Шапка карточки
9. Инфо компонент
10. Получение данных
11. Итоги модуля

#11 Типизация Redux

1. О модуле
2. Добавления Redux в приложение
3. Типизация слайсов
4. Типизация селекторов
5. Типизация asyncThunk
6. Типизация extraReducers
7. AsyncThunk как дженерик
8. Доработка асинхронного слайса
9. Итоги модуля

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

1. Обзор проекта
2. Окружение для проекта
3. Базовые типы приложения
4. UI компоненты
5. Типизация переключателя темы
6. Типизация списка стран
7. Типизация детальной страницы
8. Типизация контролей
9. Итоги проекта

#13 Итоги курса