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

5.0
(22 Reviews)

Duration 28 h 57 m 38 s

Price

120 € Buy now
Полный курс по Typescript + React

About Course

 

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

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

 

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

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

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

 

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

 

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

 

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

 

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

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

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

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

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

 

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

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

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

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

 

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

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

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

 

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

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

 

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

 

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

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

 

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

 

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

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

 

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

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

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

 

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

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

 

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

 

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

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

Course content

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

Pass the quiz to get a certificate

Subject

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

Pass the quiz
Ivan Petrychenko

Ivan Petrychenko

Fullstack developer

Course Instructor

Fullstack developer & content creator