[Stepik] TypeScript для современной разработки (Михаил Непомнящий)

[Stepik] TypeScript для современной разработки (Михаил Непомнящий)
​ Добро пожаловать на курс по одной из самых востребованных компетенций современной разработки - язык TypeScript.

Узнайте что такое TypeScript, как он дополняет возможности языка JavaSctipt и как его использовать. Узнайте как TypeScript помогает современным разработчикам делать кодовую базу более надежной и понятной и избежать большого количества багов и ошибок.

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

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

Курс покрывает все необходимые навыки по синтаксису языка, его фичам и концепциям, которые необходимы для повседневной разработки. Разберитесь с миром строгой типизации и начните использовать его в свих проектах!

Чему вы научитесь
- Основы TypeScript
- Современные практики TypeScript
- TypeScript для React приложений
- TypeScript для React-Redux приложений

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

Почему это именно тот курс, который даст результат?

Меня зовут Михаил Непомнящий и я профессиональный веб-разработчик. Я работаю с TypeScript каждый день и решаю с его помощью задачи самого разного уровня сложности.

При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. В своих курсах я стараюсь подавать материал максимально доступно - от простого к сложному и без воды.

Помню как самому трудно было поначалу пробираться через дебри TypeScript, когда только начинал изучать его. Я его буквально ненавидел первые месяцы, равно как и мои коллеги. Главным чувством при работе с ним была боль. В этом же курсе я постарался сделать подачу максимально понятной, чтобы ваше знакомство с миром строгой типизации было более приятным.

В рамках курса мы сделаем 3 проекта, сосредоточившись именно на написании TypeScript типов (базовая логика приложений и стили уже подготовлены). Таким образом, на практике мы будем последовательно закреплять те навыки и умения, которые были изучены.

Для кого этот курс
- Начинающие и junior разработчики
- Middle-разработчики, ранее не работавшие с TypeScript

Начальные требования
- HTML, CSS
- Фундаментальное владение jаvascript
- Базовое знание React (желательно, но необязательно)

Наши преподаватели
Михаил Непомнящий
Software Engineer и преподаватель IT-дисциплин.
Всем привет! Я - веб-разработчик и с удовольствием делюсь знаниями с другими. Через YouTube и через видео курсы. По образованию - прикладной информатик. По роду деятельности - 10 лет в журналистике, в самых разных ролях, в том числе теле-корреспондента, редактора…

Как проходит обучение
Курс проходит в формате записанных небольших видео уроков (в среднем 7-10 минут).
- Упражнения по написанию кода - практикуйте самостоятельно, чтобы закреплять навыки. Всегда есть возможность посмотреть готовый ответ, плюс отдельное видео с его разбором.
- Материалы для скачивания к самым сложным блокам курса. Скачивайте код и используйте для самопроверки!
- Ответы на вопросы - спрашивайте сами и читайте ответы на вопросы других пользователей к урокам. Прокачивайте свои навыки!

Программа курса Введение
01 Приветствие
02 Что такое TypeScript и зачем нужен
03 Альтернативы TypeScript
04 Пререквизит к курсу
05 Настройка окружения
06 Как построен курс

Базовая типизация
01 О модуле
02 Примитивные типы
03 Базовая типизация функций
04 Базовая типизация объектов
05 Объекты как параметры функции
06 Типизация массивов
07 Кортежи
08 Алиасы
09 Union типы
10 Enum
11 Итоги модуля

Продвинутая типизация
01 О модуле
02 Подробнее об интерфейсах
03 Подробнее об алиасах
04 Type vs Interface
05 Сужение типов
06 Type Guards
07 Asserts
08 Типизация this
09 Перегрузка функций
10 Рекурсивные типы
11 Оператор !
12 Итоги модуля

Дженерики
01 О модуле
02 Актуальность дженериков
03 Базовые примеры
04 Добавление требований
05 Оператор keyof
06 Сужение допустимых значений типа
07 Значения по умолчанию
08 Области видимости типов дженерика
09 Итоги модуля

Комбирирование типов
01 О модуле
02 Оператор typeof
03 Conditional type
04 Еще раз про extends
05 Оператор infer
06 Маппинг типов
07 Утилиты Extract, Exclude, NonNullable
08 Утилиты Record, Pick, Omit
09 Утилиты ReadOnly, Required, Partial
10 Утилиты Parameters, CounstructorParameters
11 Доступ по индексу
12 Шаблонные литералы
13 Итоги модуля

Проект 1. Vanilla JS -> TypeScript
01 Обзор проекта
02 Постановка задачи
03 Создание ts-проекта
04 Создание интерфейсов
05 Добавление type guards
06 Типы асинхронных функций
07 Итоги модуля

Классы
01 О модуле
02 Интерфейс для класса
03 Модификаторы доступа
04 Нюансы конструктора
05 Абстрактные классы
06 Геттеры и сеттеры
07 Статические свойства и методы
08 Итоги модуля

Настройки компилятора
01 О модуле
02 Составные части конфига
03 Базовые настройки
04 Опции компилятора
05 Дополнительные опции
06 Тюнинг строгости
07 Дополнительный линтинг
08 Рекомендованные конфиги
09 Итоги модуля

Типизация React-компонентов
01 О модуле
02 Настройка окружения
03 Типизация пропсов
04 Типизация стилей
05 Типизация стейта
06 Хэндлеры
07 Хранение типов
08 Нюансы useEffect
09 Типизация useRef
10 Приложение TodoList
11 Классовые компоненты
12 Итоги модуля

Проект на React+TS
01 Обзор проекта
02 Окружение для проекта
03 Создание типов сущностей
04 Шапка приложения
05 Компонент поиска
06 Альтернативный вариант формы
07 Компонент статистики
08 Шапка карточки
09 Инфо компонент
10 Получение данных
11 Итоги модуля

Типизация Redux
01 О модуле
02 Добавления Redux в приложение
03 Типизация слайсов
04 Типизация селекторов
05 Типизация asyncThunk
06 Типизация extraReducers
07 AsyncThunk как дженерик
08 Добработка асинхронного слайса
09 Итоги модуля

Проект React+Redux+TS
01 Обзор проекта
02 Окружение для проекта
03 Базовые типы приложения
04 UI компоненты
05 Типизация переключателя темы
06 Типизация списка стран
07 Типизация детальной страницы
08 Типизация контролей
09 Итоги проекта

Итоги курса
01 Что дальше Содержание складчины 01 Введение
1.1 Приветствие.mp4 [7m 127k 8]
1.2 Что такое TypeScript и зачем нужен.mp4 [23m 826k 635]
1.3 Альтернативы TypeScript.mp4 [11m 810k 784]
1.4 Пререквизит к курсу.mp4 [20m 676k 65]
1.5 Настройка окружениЯ.mp4 [11m 396k 474]
1.6 Как построен курс.mp4 [15m 300k 426]

02 Базовая типизация
2.01 О модуле.mp4 [9m 901k 149]
2.02 Примитивные типы.mp4 [27m 914k 828]
2.03.1 Базовая типизация функций.mp4 [36m 48k 166]
2.03.2 Базовая типизация функций.mp4 [2m 281k 235]
2.03.3 Базовая типизация функций.txt [349]
2.03.4 Базовая типизация функций.mp4 [4m 716k 206]
2.04 Базовая типизация объектов.mp4 [20m 737k 554]
2.05.1 Объекты как параметры функции.mp4 [20m 363k 344]
2.05.2 Объекты как параметры функции.mp4 [3m 262k 105]
2.05.3 Объекты как параметры функции.txt [564]
2.05.4 Объекты как параметры функции.mp4 [24m 480k 781]
2.06 Типизация массивов.mp4 [23m 265k 770]
2.07 Кортежи.mp4 [16m 686k 455]
2.08 Алиасы.mp4 [9m 720k 742]
2.09.1 Union типы.mp4 [24m 985k 734]
2.09.2 Union типы.mp4 [1m 978k 61]
2.09.3 Union типы.txt [740]
2.09.4 Union типы.mp4 [9m 328k 943]
2.10 Enum.mp4 [41m 258k 514]
2.11 Итоги модуля.mp4 [10m 920k 502]
ts-basics.zip [9k 175]

03 Продвинутая типизация
02-intermediate.zip [5k 160]
3.01 О модуле.mp4 [6m 757k 616]
3.02 Подробнее об интерфейсах.mp4 [38m 588k 957]
3.03 Подробнее об алиасах.mp4 [20m 602k 805]
3.04.1 Type vs Interface.mp4 [9m 857k 92]
3.04.2 Type vs Interface.mp4 [1m 958k 406]
3.04.3 Type vs Interface.txt [238]
3.04.4 Type vs Interface.mp4 [14m 442k 821]
3.05 Сужение типов.mp4 [24m 502k 990]
3.06 Type Guards.mp4 [21m 126k 267]
3.07.1 Asserts.mp4 [13m 673k 815]
3.07.2 Asserts.mp4 [4m 262k 667]
3.07.3 Asserts.txt [638]
3.07.4 Asserts.mp4 [9m 182k 801]
3.08 Типизация this.mp4 [14m 763k 726]
3.09.1 Перегрузка функций.mp4 [29m 606k 59]
3.09.2 Перегрузка функций.mp4 [4m 585k 60]
3.09.3 Перегрузка функций.txt [507]
3.09.4 Перегрузка функций.mp4 [4m 765k 349]
3.10 Рекурсивные типы.mp4 [14m 1k 930]
3.11 Оператор !.mp4 [16m 982k 975]
3.12 Итоги модуля.mp4 [8m 367k 172]

04 Дженерики
03-generics.zip [3k 308]
4.1 О модуле.mp4 [11m 421k 371]
4.2 Актуальность дженериков.mp4 [9m 576k 518]
4.3 Базовые примеры.mp4 [38m 633k 31]
4.3.2 Базовые примеры.mp4 [1m 715k 716]
4.3.3 Базовые примеры.txt [115]
4.3.4 Базовые примеры.mp4 [3m 578k 63]
4.4 Добавление требований.mp4 [11m 574k 852]
4.5 Оператор keyof.mp4 [9m 405k 99]
4.6 Сужение допустимых значений типа.mp4 [11m 153k 767]
4.6.2 Сужение допустимых значений типа.mp4 [1m 876k 442]
4.6.3 Сужение допустимых значений типа.txt [419]
4.6.4 Сужение допустимых значений типа.mp4 [6m 781k 818]
4.7 Значения по умолчанию.mp4 [9m 319k 570]
4.8 Области видимости типов дженерика.mp4 [9m 411k 903]
4.8.2 Области видимости типов дженерика.mp4 [2m 652k 632]
4.8.3 Области видимости типов дженерика.txt [257]
4.8.4 Области видимости типов дженерика.mp4 [6m 521k 618]
4.9 Итоги модуля.mp4 [12m 21k 456]

05 Комбинирование типов
04-mixtypes.zip [4k 581]
5.01 О модуле.mp4 [16m 319k 513]
5.02 Оператор typeof.mp4 [13m 835k 434]
5.03 Conditional type.mp4 [11m 418k 538]
5.04 Еще раз про extends.mp4 [12m 688k 430]
5.05 Оператор infer.mp4 [20m 176k 673]
5.06 Маппинг типов.mp4 [17m 979k 78]
5.07 Утилиты Extract, Exclude, NonNullable.mp4 [20m 570k 747]
5.08 Утилиты Record, Pick, Omit.mp4 [21m 282k 437]
5.09 Утилиты ReadOnly, Required, Partial.mp4 [11m 766k 454]
5.10 Утилиты Parameters, CounstructorParameters.mp4 [14m 510k 408]
5.11 Доступ по индексу.mp4 [13m 861k 172]
5.12.1 Шаблонные литералы.mp4 [21m 866k 661]
5.12.2 Шаблонные литералы.mp4 [2m 655k 929]
5.12.3 Шаблонные литералы.txt [417]
5.12.4 Шаблонные литералы.mp4 [3m 435k 360]
5.13 Итоги модул¤.mp4 [9m 555k 394]

06 Проект 1. Vanilla JS - TypeScript
6.1 Обзор проекта.mp4 [4m 88k 942]
6.2 Постановка задачи.mp4 [6m 296k 357]
6.3 Создание ts-проекта.mp4 [34m 545k 677]
6.4 Создание интерфейсов.mp4 [27m 216k 717]
6.5 Добавление type guards.mp4 [48m 424k 683]
6.6 Типы асинхронных функций.mp4 [24m 912k 841]
6.7 Итоги модулЯ.mp4 [13m 97k 404]
ts-course-proj1.zip [6k 497]
ts-course-proj1-starter.zip [2k 422]

07 Классы
05-classes.zip [3k 59]
7.1 О модуле.mp4 [20m 782k 451]
7.2 Интерфейс для класса.mp4 [13m 507k 393]
7.3 Модификаторы доступа.mp4 [24m 159k 359]
7.4.1 Нюансы конструктора.mp4 [20m 877k 778]
7.4.2 Нюансы конструктора.mp4 [3m 695k 270]
7.4.3 Нюансы конструктора.txt [725]
7.4.4 Нюансы конструктора.mp4 [7m 516k 410]
7.5 Абстрактные классы.mp4 [9m 753k 832]
7.6 Геттеры и сеттеры.mp4 [12m 888k 639]
7.7 Статические свойства и методы.mp4 [12m 894k 440]
7.7.2 Статические свойства и методы.mp4 [2m 660k 777]
7.7.3 Статические свойства и методы.txt [391]
7.7.4 Статические свойства и методы.mp4 [5m 286k 755]
7.8 Итоги модуля.mp4 [9m 907k 158]

08 Настройки компилятора
8.1 О модуле.mp4 [38m 733k 46]
8.2 Составные части конфига.mp4 [5m 726k 130]
8.3 Базовые настройки.mp4 [17m 405k 836]
8.4 Опции компил¤тора.mp4 [31m 508k 453]
8.5 Дополнительные опции.mp4 [25m 18k 907]
8.6 Тюнинг строгости.mp4 [22m 471k 767]
8.7 Дополнительный линтинг.mp4 [23m 753k 631]
8.8.1 Рекомендованные конфиги.mp4 [17m 94k 484]
8.8.2 Рекомендованные конфиги.txt [255]
8.9 Итоги модуля.mp4 [13m 833k 278]

09 Типизация React-компонентов
9.01 О модуле.mp4 [26m 50k 14]
9.02 Настройка окружения.mp4 [30m 334k 667]
9.03 Типизация пропсов.mp4 [28m 835k 950]
9.04 Типизация стилей.mp4 [10m 289k 969]
9.05 Типизация стейта.mp4 [20m 221k 449]
9.06 Хэндлеры.mp4 [32m 803k 852]
9.07 Хранение типов.mp4 [19m 679k 948]
9.08 Нюансы useEffect.mp4 [10m 787k 300]
9.09 Типизация useRef.mp4 [18m 621k 918]
9.10.1 Приложение TodoList.mp4 [5m 35k 160]
9.10.2 Приложение TodoList.txt [636]
9.10.3 Приложение TodoList.mp4 [41m 712k 708]
9.11 Классовые компоненты.mp4 [15m 433k 416]
9.12 Итоги модуля.mp4 [5m 799k 120]
ts-react-task-start.zip [190k 417]

10 Проект на React+TS
10.01 Обзор проекта.mp4 [2m 29k 522]
10.02.1 Окружение для проекта.mp4 [13m 180k 486]
10.02.2 Окружение для проекта.txt [190]
10.03 Cоздание типов сущностей.mp4 [31m 484k 8]
10.04 Шапка приложения.mp4 [44m 770k 13]
10.05 Компонент поиска.mp4 [53m 269k 224]
10.06 Альтернативный вариант формы.mp4 [21m 212k 739]
10.07 Компонент статистики.mp4 [43m 461k 103]
10.08 Шапка карточки.mp4 [37m 422k 292]
10.09 Инфо компонент.mp4 [50m 345k 910]
10.10 Получение данных.mp4 [43m 380k 928]
10.11 Итоги модуля.mp4 [11m 491k 705]
ts-course-project-2-complete.zip [210k 211]
ts-course-project-2-starter.zip [195k 993]

11 Типизация Redux
11.1 О модуле.mp4 [10m 624k 27]
11.2 Добавления Redux в приложение.mp4 [24m 9k 86]
11.3 Типизация слайсов.mp4 [49m 444k 864]
11.4 Типизация селекторов.mp4 [10m 102k 518]
11.5 Типизация asyncThunk.mp4 [41m 507k 700]
11.6 Типизация extraReducers.mp4 [17m 582k 300]
11.7 AsyncThunk как дженерик.mp4 [26m 734k 450]
11.8.1 Доработка асинхронного слайса.mp4 [2m 834k 556]
11.8.2 Доработка асинхронного слайса.txt [537]
11.8.3 Доработка асинхронного слайса.mp4 [47m 310k 88]
11.9 Итоги модуля.mp4 [10m 860k 992]
ts-course-redux-types-task-start.zip [196k 806]

12 ѕроект React+Redux+TS
12.1.1 Обзор проекта.mp4 [4m 296k 828]
12.1.2 Обзор проекта.txt [456]
12.2 Окружение для проекта.mp4 [8m 355k 950]
12.3 Базовые типы приложения.mp4 [17m 979k 221]
12.4 UI компоненты.mp4 [32m 955k 535]
12.5 Типизация переключателя темы.mp4 [28m 283k 890]
12.6 Типизация списка стран.mp4 [51m 88k 72]
12.7 Типизация детальной страницы.mp4 [42m 158k 565]
12.8 Типизация контролей.mp4 [75m 243k 662]
12.9 Итоги проекта.mp4 [15m 597k 163]
ts-course-redux-proj-complete.zip [209k 184]
ts-course-redux-proj-starter.zip [205k 4]

13 Итоги курса
13.1 Что дальше.mp4 [8m 215k 698] Объем: 2.45 Гб.