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 - Фундаментальное владение JavaScript - Базовое знание 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 Гб.

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

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

Вы уже пишете на TypeScript. Только когда тип не сходится — ставите any, а чужой дженерик на пять параметров пролистываете, надеясь, что он сам как-нибудь отработает. Это и есть та граница, на которой большинство застревает: TypeScript вроде используется, но не работает — он не ловит баги, а просто добавляет строчек. Курс переводит вас на другую сторону: туда, где типы описывают реальные правила вашего приложения, а компилятор становится первым, кто находит ошибку. После курса вы сможете описывать типами настоящие доменные сущности, а не просто расставлять аннотации; читать и писать дженерики, keyof, conditional types, infer, маппинг типов и шаблонные литералы — то, из чего состоят типы в чужих библиотеках; пользоваться встроенными утилитами (Pick, Omit, Record, Partial, Parameters и остальными) вместо копирования типов; настроить tsconfig под проект и осознанно выбирать уровень строгости, а не копировать конфиг из интернета; типизировать React: пропсы, стейт, хэндлеры, useRef, useEffect, стили, хранение типов; типизировать Redux Toolkit: слайсы, селекторы, asyncThunk, extraReducers; перевести существующий JavaScript-проект на TypeScript, не переписывая его с нуля. Что внутри База. Примитивы, функции, объекты, массивы, кортежи, алиасы, union, enum. Продвинутая типизация. Интерфейсы против алиасов — и когда что, сужение типов, type guards, asserts, типизация this, перегрузка функций, рекурсивные типы, оператор !. Дженерики. Отдельный модуль: от первых примеров до ограничений через extends, keyof, значений по умолчанию и областей видимости типов. Комбинирование типов. typeof, conditional types, infer, маппинг типов, доступ по индексу, шаблонные литералы и полный разбор встроенных утилит. Классы. Интерфейсы для классов, модификаторы доступа, нюансы конструктора, абстрактные классы, геттеры и сеттеры, статика. Настройки компилятора. Целый модуль про tsconfig: составные части конфига, опции компилятора, тюнинг строгости, дополнительный линтинг, рекомендованные конфиги. Тот самый модуль, после которого перестаёшь бояться жёлтых подчёркиваний в редакторе. React и Redux. Типизация пропсов, стейта, хэндлеров, стилей, useRef, нюансы useEffect, организация хранения типов, классовые компоненты. Отдельный модуль — типизация Redux Toolkit целиком. Три проекта, а не три упражнения Vanilla JS → TypeScript. Берём готовый JS-проект и переводим его на строгую типизацию: интерфейсы, type guards, типы асинхронных функций. Ровно то, что вас попросят сделать на реальной работе. React + TypeScript. Приложение с нуля: типы сущностей, шапка, поиск, форма в двух вариантах, компонент статистики, карточки, получение данных. React + Redux + TypeScript. Финальный проект: базовые типы приложения, UI-компоненты, переключатель темы, список стран, детальная страница, контролы. Логика и стили в проектах уже подготовлены — всё время уходит на типы, а не на вёрстку. «Типы же теперь пишет ИИ» Пишет. И охотно подсовывает any, as unknown as, дублирующие интерфейсы и дженерики, которые компилируются, но ничего не гарантируют. Отличить корректную типизацию от правдоподобно выглядящей может только тот, кто понимает систему типов сам. Чем больше кода генерируется, тем дороже стоит этот навык — а не наоборот. Что говорят студенты «Отличный курс, даёт уверенную базу, с которой можно найти работу». «Хороший курс для новичков в TS, особенно меня порадовал разбор настроек компилятора и примеры кода с библиотекой React». «До этого курса у меня были навыки в React и JS, так что собиралась взяться за TS вплотную. К сожалению, никакие курсы не подошли, и решила попробовать этот. И повезло! Курс хорошо структурирован, автор грамотно и понятно рассказывает поэтапно все свои действия». «Отличный курс, нашла то, что искала: простым языком, лаконично, содержательно, лучшие практики + связка react+redux. Кроме того, для меня огромный плюс — разбор конфигурации». «Несколько проектов разного уровня сложности сразу дают возможность попрактиковаться. Отдельно хочу отметить спокойную, профессиональную и понятную речь преподавателя». Кто автор Меня зовут Михаил Непомнящий, я профессиональный веб-разработчик и инженерный менеджер, преподаю веб-разработку с 2016 года. С TypeScript работаю каждый день. Первые месяцы я его буквально ненавидел — как и мои коллеги, — и главным чувством была боль. Этот курс построен так, чтобы вам через ту же боль проходить не пришлось. Что нужно знать заранее HTML и CSS, уверенное владение JavaScript. React — желательно, но необязательно: React-модули идут во второй половине курса и начинаются с настройки окружения. Чего в курсе нет — честно: декораторов; TypeScript на бэкенде (Node, Nest) — курс про фронтенд; формата тренажёра: основа — разбор материала и три проекта, которые вы делаете вместе со мной, а не десятки отдельных упражнений. 117 уроков в 13 модулях. Доступ к курсу остаётся навсегда — большинство возвращается к модулю про утилиты и tsconfig уже во время работы.