Полный курс по Typescript + React

5.0
(20 Отзывы)

Продолж-ть 28 ч. 57 мин. 38 Сек.

Цена

50 € Купить сейчас
Полный курс по Typescript + React

О курсе

 

Научитесь применять типизацию ради результата,

а не для галочки

 

Почему в большинстве вакансий сейчас указывают TypeScript как требование?

Почему он находится на втором месте среди самых любимых языков разработчиков?

Что за система типов и почему она так важна в крупных проектах?

 

Давайте вместе разберемся во всем этом! Основательно, вдумчиво, закрепляя на практике и применяя лучшие подходы

 

Кому подойдет этот курс?

 

  • Вы уже изучили JavaScript и хотите двигаться дальше, становясь более востребованным программистом
  • Вы хотите понять, в чем же сила системы типов и почему TS так популярен
  • Вы не только хотите добавить новый навык в копилку, но и основательно его освоить
  • Вы хотите работать в больших проектах, с большой командой и сложным функционалом
  • Вы хотите отточить навыки работы с библиотекой React, узнать про неё еще больше и совместить её работу с TypeScript
  • Вы хотите создать большой, масштабируемый проект с правильной архитектурой, основанный на реальном заказе автора курса 🙂

 

Не уверены, что вам подойдет этот курс?

Напишите мне лично и я отвечу на все ваши вопросы 📩

Консультация

Для оплаты в криптовалюте или другим методом свяжитесь со мной 
 

Что вы найдете внутри курса?

 

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

29 часов только видеоуроков без лишней информации 
 

  • Адекватный план изучения нового навыка. Внизу страницы полный перечень уроков!
  • Закрепление всей информации в практических заданиях и тестах 
     

Тесты, практические задачи с кодом, аттестация - все это позволяет наработать опыт 

 

  • Закрепление материала путем создания большого реального проекта в связке React + TypeScript 
     

Лишь часть страниц. Динамическая работа с данными на сервере и клиенте: создание, удаление, модификация, фильтрация по разным параметрам и многое другое. Оптимизация и быстродействие тоже не забыты! 
 

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

 

  • Постоянное обновление, дополнение и расширения курса. Бесплатно и автоматически
  • Никаких ограничений по времени. Занимаетесь в удобном для вас темпе, а доступ к поддержке никуда не исчезает!
  • Со всеми вопросами внутри курса работаем в небольшом закрытом чате, где вы всегда сможете получить помощь. Этот курс идет с полной поддержкой

Разбор сложных моментов, ответы на вопросы в реальном времени и код-ревью

 

А что вообще такое TypeScript?

 

TypeScript - это "надстройка" над языком JavaScript и при этом считается отдельным языком программирования. Он позволяет "излечить" большинство проблем стандартного JS, делая код предсказуемым, расширяемым и более безопасным. А это как раз то, что нужно при работе в больших проектах и командах.

По этой причине все ведущие компании указывают его как необходимый навык. Изучив TS здесь, вы не просто добавите его в резюме как галочку. Вы поймете причины его создания, проблемы, которые он решает, паттерны, которые можно использовать с ним, начнете думать наперед: как не навредить себе и другим разработчикам в будущем. И поймете весь "хайп" по этому языку

 

Что по поводу практики и библиотеки React?

 

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

Для практики выбрана самая популярная UI библиотека на данный момент - React. Это значит, что базовые знания по ней у вас уже должны быть. Если их еще нет, то можете освоить её в другом курсе

 

Мы будем углубляться в нюансы работы React: контекст, редьюсеры, хуки, рефы, порталы, выстраивание правильной, расширяемой архитектуры и очень много всего остального. И все это в связке с типизацией. Разберем все нюансы каждой взаимосвязи и вы будете готовы к любой ситуации.

К тому же, сам проект - это переосмысление моего реального проекта, а значит там будут совершенно реальные задачи, проблемы и способы с ними справиться. Дополнительно еще подключим сторонние библиотеки и научимся подключать типизацию и в них. 

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

 

Что включено в курс, кроме самого материала?

  • ответы на любые ваши вопросы
  • общение в закрытом чате со мной
  • разборы заданий и задач
  • частые видео трансляции с разбором тем и приглашенными гостями
  • мероприятия и спикинг-клубы
  • дополнительные материалы
  • приоритет в получении заказов и вакансий (перед тг-каналом)
  • без ограничений по времени, только ваш ритм обучения!
  • дополнительные задания, проекты и многое другое

 

Курс так же доступен и в приложении на IOS / Android для комфортного прохождения где угодно

 

Буду рад помочь освоить вам новый навык и стать еще более крутым специалистом!

Остались вопросы? Напишите мне лично, буду рад ответить!

Содержание курса

videoПро этот курс2 мин. 46 Сек.Бесплатно
videoКак проходить данный курс4 мин. 7 Сек.Бесплатно
videoПро закрытый чат, редакторы кода, материалы и ссылки + конспект по TS2 мин. 10 Сек. Начать
videoМобильное приложение1 мин. Начать
videoДополнительно: настройка рабочего пространства21 мин. 49 Сек. Начать
videoДополнительно: Установка автоматического форматирования7 мин. 12 Сек. Начать
videoЧто такое TypeScript и зачем он нужен11 мин. 4 Сек.Бесплатно
videoУстановка TS и запуск файлов9 мин. 26 Сек.Бесплатно
videoБазовые типы: строка, число, логическое значение12 мин. 32 Сек.Бесплатно
videoИспользование системы типов в функциях14 мин. 50 Сек. Начать
videoСпециальный тип any8 мин. 47 Сек. Начать
videoПрактика типизации кода2 мин. 16 Сек. Начать
videoТип never11 мин. Начать
videoТипы null и undefined12 мин. 27 Сек. Начать
video(д) Редкие примитивные типы bigint, symbol6 мин. 25 Сек. Начать
videoТипизация объектов и деструктуризация9 мин. 46 Сек. Начать
videoТипизация массивов12 мин. 12 Сек. Начать
videoПрактика типизации кода3 мин. 48 Сек. Начать
videoTuples (Кортежи)12 мин. 54 Сек. Начать
videoUnion (Объединение)5 мин. 56 Сек. Начать
videoСужение типов (Narrowing)16 мин. 40 Сек. Начать
videoПримитивные литеральные типы (Literal types)20 мин. 29 Сек. Начать
videoПсевдонимы типов (Type aliases)4 мин. 13 Сек. Начать
videoОбъектные литералы и аннотации функций7 мин. 36 Сек. Начать
videoПроверка знаний40 мин. Начать
videoБолее продвинутый Type и пересечение типов (Intersection)9 мин. 40 Сек. Начать
videoИнтерфейсы (Interfaces)24 мин. 9 Сек. Начать
videoType или Interface?7 мин. 53 Сек. Начать
videoПрактика работы с интерфейсами и типами4 мин. 18 Сек. Начать
videoМеханизм вывода типов (Type Inference)12 мин. 42 Сек. Начать
videoМодификаторы свойств: optional (Property Modifiers)10 мин. 25 Сек. Начать
video(д) Оператор Non-Null and Non-Undefined5 мин. 21 Сек. Начать
videoМодификаторы свойств: readonly (Property Modifiers)9 мин. 6 Сек. Начать
videoEnums19 мин. 20 Сек. Начать
videoПроблемы использования Enum14 мин. 9 Сек. Начать
videoТип Unknown20 мин. 31 Сек. Начать
videoЗапросы типов5 мин. 57 Сек. Начать
videoПрактика4 мин. 24 Сек. Начать
videoУтверждение типов (Type Assertions)34 мин. 37 Сек. Начать
videoНемного про “внутренние” типы и приведение типов14 мин. 34 Сек. Начать
videoType Guard17 мин. 4 Сек. Начать
videoКейс использования never11 мин. 49 Сек. Начать
videoПерегрузка функций10 мин. 35 Сек. Начать
videoРазделение интерфейсов на правильные части9 мин. 13 Сек. Начать
videoПрактика создания type guard и правильных интерфейсов4 мин. 46 Сек. Начать
videoРабота с DOM18 мин. 51 Сек. Начать
videoПрактика работы с DOM5 мин. 45 Сек. Начать
video(д) Использование void внутри TS8 мин. 21 Сек. Начать
videoПроверка знаний40 мин. Начать
videoВведение в этот модуль30 Сек. Начать
videoGenerics (Обобщения),что это и зачем нужно14 мин. 10 Сек. Начать
videoGenerics functions16 мин. 33 Сек. Начать
videoGenerics types and interfaces, constraints20 мин. 9 Сек. Начать
videoПрактика19 мин. 37 Сек. Начать
videoGenerics classes8 мин. 47 Сек. Начать
videoВстроенные обобщения (Readonly, Partial, Required)11 мин. 39 Сек. Начать
videoМанипуляции с типами и как они реализуются1 мин. 26 Сек. Начать
videoОператор keyof10 мин. 21 Сек. Начать
videoОператор typeof и снова запросы типов5 мин. 14 Сек. Начать
videoIndexed Access Types14 мин. 43 Сек. Начать
videoПрактика23 мин. 33 Сек. Начать
videoConditional types and infer24 мин. 33 Сек. Начать
videoMapped types, +/- операторы16 мин. 23 Сек. Начать
videoTemplate literal types7 мин. 7 Сек. Начать
videoUtility types: Pick, Omit, Extract, Exclude, Record14 мин. Начать
videoПрактика8 мин. 28 Сек. Начать
video(д) Разбор задач22 мин. 39 Сек. Начать
videoДополнительные вспомогательные типы (Utility types)7 мин. 36 Сек. Начать
videoРабота с запросами на сервер, Promise и JSON20 мин. 59 Сек. Начать
videoAwaited9 мин. 35 Сек. Начать
videoПроверка знаний40 мин. Начать
videoВведение в этот модуль5 мин. 27 Сек. Начать
videoБазовая работа с классом12 мин. 41 Сек. Начать
videoКонструкторы, перегрузки и дженерики6 мин. 42 Сек. Начать
videoМетоды, их перегрузки, getter и setter24 мин. 13 Сек. Начать
videoНачальное значение и Index Signatures4 мин. 27 Сек. Начать
videoНаследование классов в TS (extends)14 мин. 54 Сек. Начать
videoИмплементация в классах (implements)7 мин. 55 Сек. Начать
videoПрактика имплементации интерфейсов4 мин. 28 Сек. Начать
videoМодификаторы видимости свойств12 мин. 46 Сек. Начать
videoПриватные поля (#, возможность в JS)8 мин. 1 Сек. Начать
videoСтатичные свойства и методы16 мин. 56 Сек. Начать
videothis и типизация контекста15 мин. 41 Сек. Начать
videoАбстрактные классы10 мин. 20 Сек. Начать
videoПрактика с классами15 мин. 34 Сек. Начать
videoВведение в этот модуль1 мин. Начать
videoОбновление 5.0 и влияние на декораторы1 мин. 5 Сек. Начать
videoДекораторы11 мин. 34 Сек. Начать
videoДекораторы в TS12 мин. 57 Сек. Начать
videoТерминология, фабрика декораторов12 мин. 5 Сек. Начать
videoES декораторы из версии 5+, ES декоратор классов16 мин. 3 Сек. Начать
videoДекораторы методов и работа с this20 мин. 33 Сек. Начать
videoES декораторы методов (5+)10 мин. 34 Сек. Начать
videoДекораторы свойств18 мин. 19 Сек. Начать
videoES-декораторы свойств (5+)7 мин. 58 Сек. Начать
videoДекораторы свойств-акцессоров (get/set)8 мин. 46 Сек. Начать
videoES-декораторы свойств-акцессоров (5+)9 мин. 12 Сек. Начать
videoДекораторы параметров и метаданные30 мин. 8 Сек. Начать
videoДекораторы параметров и метаданные в 5.030 Сек. Начать
videoПорядок декораторов7 мин. 12 Сек. Начать
videoЗаметка про выполнение следующей практики20 Сек. Начать
videoПрактика с декораторами, выявляем проблемы и практикуем метаданные54 мин. 3 Сек. Начать
videoКонфигурация. Настраиваем ввод и вывод файлов14 мин. 47 Сек. Начать
videoКонфигурация. Настраиваем опции вывода15 мин. 14 Сек. Начать
videoКонфигурация. Настраиваем окружение, ограничения и проверки22 мин. 42 Сек. Начать
videoМодули и сборка19 мин. 1 Сек. Начать
videoТак ли нужен тайпскрипт в проектах?8 мин. 32 Сек. Начать
videoПодключаем TS к реакту и знакомимся с базой21 мин. 38 Сек. Начать
videoОбзор проекта5 мин. 28 Сек.Бесплатно
videoСоздание собственного хука, useState, useCallback29 мин. 32 Сек. Начать
videoСоздание сервиса и дополняем архитектуру проекта28 мин. 6 Сек. Начать
videoЗаметка про баг в Json-server2 мин. Начать
videoИспользуем useReducer и его возможности32 мин. 1 Сек. Начать
videoИспользуем React Context и получаем нужные данные с сервера43 мин. 56 Сек. Начать
videoРаботаем со временем в JS23 мин. 2 Сек. Начать
video(д) Разбор домашнего задания23 мин. 5 Сек. Начать
videoГотовые Utility Types12 мин. 21 Сек. Начать
videoРабота с модальными окнами15 мин. 38 Сек. Начать
videoСоздаем правильные порталы38 мин. 10 Сек. Начать
videoРазница событий в React и в нативном TS6 мин. 17 Сек. Начать
videoОптимизация при помощи useCallback и memo8 мин. 44 Сек. Начать
videoСоздаем функционал модификации записей33 мин. 7 Сек. Начать
videoГенерация новых записей53 мин. 2 Сек. Начать
videoПростая маршрутизация проекта23 мин. 23 Сек. Начать
videoВстроенные в React типы и их использование9 мин. 41 Сек. Начать
videoСоздаем компонент календаря и динамическую типизацию данных51 мин. 52 Сек. Начать
videoМиграция проекта на TS12 мин. 3 Сек. Начать
video(д) Классовые компоненты и их особенности в связке с TS10 мин. 22 Сек. Начать
videoИспользование других библиотек (Zustand, redux, material и тп)8 мин. 33 Сек. Начать
certificate

Пройдите тест для получения сертификата

Тема

Финальный тест на курсе Typescript + React

Пройти тест
Ivan Petrychenko

Ivan Petrychenko

Fullstack developer

Инструктор курса

Fullstack developer & content creator