fbpx

Курс

middle

Курс React, Material-UI, Redux, TypeScript

Освой передовые библиотеки и фреймворки must have для Front-End и JavaScript разработчиков в 2022 году.

старт:
27 ноября 2021
СРЕДА:
19:00-21:00
ОСТАЛОСЬ МЕСТ:
8 из 10
СУББОТА:
10:00-15:00
ДЛИТЕЛЬНОСТЬ:
2 месяца
Хочу на курс!

Для кого этот курс:

Всем кто хочет изучить React, Material-UI, Redux, Redux-Thunk, Redux-Saga, TypeScript

Разработчикам, которые хотят повысить свой уровень знаний

Выпускникам курса Front-End

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

Разрабатывать React.js приложения с легко масштабируемой архитектурой.

Использовать для стилизации самые продвинутые инструменты, такие как: Emotion, CSS-модули и Styled Components.

Работать с Material-UI, одним из самых мощных UI фреймворков.

Использовать React router библиотеку, для синхронизации интерфейса приложения с URL строкой браузера.

Отправлять и обрабатывать данные при помощи библиотек Axios и React final form.

Писать переиспользуемую бизнес логику не только с использованием React hooks, но и с использованием Redux, Redux-Thunk и Redux-Saga.

При помощи TypeScript мы научимся выявлять ошибки на этапе компиляции, а не на этапе выполнения кода.

Тестировать наше приложение при помощи Jest и React Testing Library.

Программа

Инструменты разработки

  • Семантическое версионирование 
  • Система контроля версий
  • Менеджер пакетов
  • Знакомство с интерфейсом IDE
Введение в React

  • Что такое React? 
  • Что такое Virtual DOM?
  • Что такое reconciliation?
Настройка рабочего окружения

  • Знакомство с Create-react-app
  • Настройка браузера
Знакомство JSX

  • Знакомство с JSX синтаксисом
  • Атрибуты и выражения в JSX
  • JSX в деталях
Элементы и компоненты в React

  • Рендеринг элементов и компонентов
  • Классовые и функциональные компоненты
  • Условный рендеринг
  • Списки и ключи
Работа с данными и формами

  • Пропсы
  • Жизненные циклы
  • Хуки
  • Состояние
  • Подъём состояния
  • Обработка событий
  • Знакомство с React контекст
  • Особенности работы с React формами
  • React-final-form
Работа с Material UI

  • Почему не стоит писать свои велосипеды
  • Отличия Reactstrap, Ant Design, Material UI
  • Установка и настройка 
  • Работа с компонентами
Стилизация компонентов

  • Сlass vs ClassName 
  • Библиотека CLSX 
  • Связанные стили 
  • Встроенные («инлайновые») стили 
  • CSS-модули 
  • CSS-in-JS
  • Style API в Material UI
Получение данных

  • Fetch API
  • Axios
  • React Query
React routing

  • Основной принцип работы SPA
  • React router
  • React router dom
Redux

  • Flux архитектура 
  • Redux в качестве менеджера состояний
  • Знакомство с middleware
  • Подключение Redux и его работа в React-приложении
  • Best practices при работе с Redux
Работа с формами

  • Redux-final-form
Асинхронность с Redux-Thunk

  • Отправка запросов и обработка ошибок
  • Популярные ошибки
  • Лучшие практики
Асинхронность c Redux-Saga

  • Введение в генераторы и итераторы  
  • Блокирующие и не блокирующие эффекты
TypeScript

  • Введение
  • Особенности синтаксиса
  • Типизация React
  • Типизация Redux
  • Типизация Redux-Saga
Выпускное задание

  • Самостоятельная работа над созданием приложения. Весь этот период доступна постоянная онлайн-поддержка преподавателя

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

Занятия в аудитории

Практическая работа в группах

Закрытый чат группы

Защита выпускной работы

Получение диплома

Преподаватель курса

Антон Головин

  • Team Lead.
  • Ведущий front-end разработчик компании Forforce.
  • Специалист в области информационных технологий.
  • Основной навык: разработка web интерфейсов любой сложности.
  • 7+ лет опыта во Front-end.

Диплом OXYGEN IT SCHOOL

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

Стоимость обучения

4 900 грн/мес
Весь курс:
9 800 грн
8 820 грн

    Оставить заявку

      Свяжитесь с нами!