Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Трудоустройство
Трудоустройство
Отсутствует
Сертификат
Сертификат
Да

Стоимость курса

3 200 ₽
нет рассрочки

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

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

О курсе

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

 

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

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

 

Как проходит обучение

Курс проходит в формате записанных небольших видео уроков (в среднем 7-10 минут).

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

 

Начальные требования

  • HTML, CSS
  • Фундаментальное владение JavaScript
  • Базовое знание React (желательно, но необязательно) 

 

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

Меня зовут Михаил Непомнящий и я профессиональный веб-разработчик. Я работаю с TypeScript каждый день и решаю с его помощью задачи самого разного уровня сложности.
При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. В своих курсах я стараюсь подавать материал максимально доступно - от простого к сложному и без воды.
Помню как самому трудно было поначалу пробираться через дебри TypeScript, когда только начинал изучать его. Я его буквально ненавидел первые месяцы, равно как и мои коллеги. Главным чувством при работе с ним была боль. В этом же курсе я постарался сделать подачу максимально понятной, чтобы ваше знакомство с миром строгой типизации было более приятным.
В рамках курса мы сделаем 3 проекта, сосредоточившись именно на написании TypeScript типов (базовая логика приложений и стили уже подготовлены). Таким образом, на практике мы будем последовательно закреплять те навыки и умения, которые были изучены.

 

Что вы получаете

Навыки и знания по TypeScript, востребованные работодателями.

Что вы получите после обучения

Приобретаемые навыки
1
TypeScript
3
Типизация
4
Дженерики
5
Классы
6
Компиляторы
8
Redux

Вас будут обучать

Software Engineer и преподаватель IT-дисциплин

Всем привет! Я - веб-разработчик и с удовольствием делюсь знаниями с другими. Через YouTube и через видео курсы. По образованию - прикладной информатик. По роду деятельности - 10 лет в журналистике, в самых разных ролях, в том числе теле-корреспондента, редактора новостной службы и руководителя отдела онлайн-трансляций. Профессиональный преподаватель с 2016-го. Работал в международной компьютерной академии ШАГ, создал собственный образовательный проект "Компьютерная грамота" с одноименным блогом на YouTube. Затем сосредоточился на веб-разработке и веду YouTube канал соответствующей тематики. Я - преподаватель-практик. Работаю веб-разработчиком в международной компании в Испании. Продолжаю постоянно учиться и совершенствовать способы передачи знаний дальше.

Образовательная организация

Stepik — образовательная платформа и конструктор
онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем
в проведении олимпиад и программ переподготовки.
Наша цель — сделать образование открытым и удобным.

Помогаем учиться, а также создавать свои курсы и обучать


Первые учебные материалы были размещены на платформе в 2013 году. Сегодня среди охваченных курсами тем: программирование, информатика, математика, статистика
и анализ данных, биология и биоинформатика, инженерно-технические и естественные науки. Онлайн-курсы, размещенные на Stepik, неоднократно становились призерами конкурсов онлайн-курсов, а система автоматизированной проверки задач используется в ряде курсов на платформах Coursera и edX. Также Stepik активно развивает направление адаптивного обучения, где каждый сможет изучать материал, подобранный индивидуально под свой уровень знаний.

 

Stepik является также площадкой для проведения конкурсов и олимпиад — среди мероприятий — отборочный этап Олимпиады НТИ, онлайн-этап акции Тотальный диктант, международная олимпиада по биоинформатике.

 

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

Программа курса

Введение

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

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

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

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

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

Дженерики

  • О модуле
  • Актуальность дженериков
  • Базовые примеры
  • Добавление требований
  • Оператор keyof
  • Сужение допустимых значений типа
  • Значения по умолчанию
  • Области видимости типов дженерика
  • Итоги модуля

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

  • О модуле
  • Оператор typeof
  • Conditional type
  • Еще раз про extends
  • Оператор infer
  • Маппинг типов
  • Утилиты Extract, Exclude, NonNullable
  • Утилиты Record, Pick, Omit
  • Утилиты ReadOnly, Required, Partial
  • Утилиты Parameters, CounstructorParameters
  • Доступ по индексу
  • Шаблонные литералы
  • Итоги модуля

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

  • Обзор проекта
  • Постановка задачи
  • Создание ts-проекта
  • Создание интерфейсов
  • Добавление type guards
  • Типы асинхронных функций
  • Итоги модуля

Классы

  • О модуле
  • Интерфейс для класса
  • Модификаторы доступа
  • Нюансы конструктора
  • Абстрактные классы
  • Геттеры и сеттеры
  • Статические свойства и методы
  • Итоги модуля

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

  • О модуле
  • Составные части конфига
  • Базовые настройки
  • Опции компилятора
  • Дополнительные опции
  • Тюнинг строгости
  • Дополнительный линтинг
  • Рекомендованные конфиги
  • Итоги модуля

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

  • О модуле
  • Настройка окружения
  • Типизация пропсов
  • Типизация стилей
  • Типизация стейта
  • Хэндлеры
  • Хранение типов
  • Нюансы useEffect
  • Типизация useRef
  • Приложение TodoList
  • Классовые компоненты
  • Итоги модуля

Проект на React+TS

  • Обзор проекта
  • Окружение для проекта
  • Создание типов сущностей
  • Шапка приложения
  • Компонент поиска
  • Альтернативный вариант формы
  • Компонент статистики
  • Шапка карточки
  • Инфо компонент
  • Получение данных
  • Итоги модуля

Типизация Redux

  • О модуле
  • Добавления Redux в приложение
  • Типизация слайсов
  • Типизация селекторов
  • Типизация asyncThunk
  • Типизация extraReducers
  • AsyncThunk как дженерик
  • Добработка асинхронного слайса
  • Итоги модуля

Проект React+Redux+TS

  • Обзор проекта
  • Окружение для проекта
  • Базовые типы приложения
  • UI компоненты
  • Типизация переключателя темы
  • Типизация списка стран
  • Типизация детальной страницы
  • Типизация контролей
  • Итоги проекта

Итоги курса

  • Что дальше

Рейтинг курса

4
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 20.11.2024 09:44
TypeScript для современной разработки

TypeScript для современной разработки

Оставить отзыв
Поделиться курсом с друзьями