Онлайн курс

React.JS

Записаться
clock icon
Старт группы

19 мая

person icon
График

вт, чт: 19:00 - 22:00

star icon
Длительность

30 часов

dollar icon
Цена

1100 грн/неделя

Описание курса

Курс рассчитан на frontend разработчиков и тех, кто уверенно владеет Javascript, но хочет добавить в свою копилку знаний современную популярную фронтенд библиотеку React.js. В данном курсе, двигаясь шаг за шагом, мы пройдем путь от знакомства с базовыми концепциями React.js до построения полноценного одностраничного приложения (SPA). Курс включает в себя всю необходимую информацию — от построения простых компонентов, до организации сложной архитектуры и взаимосвязей между компонентами используя всю мощь React.js, а также вспомогательных библиотек из его экосистемы.

Помимо знакомcтва с самой библиотекой React.js и построением SPA приложения с помощью React Router, мы также рассмотрим работу с одной наиболее популярных реализаций архитектуры Flux — Redux. Для закрепления практических навыков на занятиях в рамках курса мы реализуем простую версию приложения Gmail.

Требования для участников:

  • Возраст от 16 лет
  • Уверенное владение JavaScript
  • Знание синтаксиса и возможностей ES6 (ES2015) или выше
  • Желание учиться и развиваться

Для кого

Тем, кто знает Javascript, но хочет пополнить свой стек современной популярной фронт-енд библиотекой

Фронт-енд разработчикам, которые знают другие библиотеки и фреймворки

Упорным, мотивированным и настойчивым людям, желающим писать код по реальным кейсам и с практическими примерами

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

Андрей Козюля

СТО в DAN.IT education

Full Stack разработчик в компании Congiance

Full Stack разработчик в компании ControlPay

Разработчик программ Full Stack и Frontend в DAN.IT education

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

уверенно владеть синтаксисом и возможностями React.js

сможете легко создать свое собственное приложение на React.js

построить свое приложение пр принципу SPA используя React Router

управлять потоками данных с помощью React Redux

тестировать и масштабировать свое приложение

подключать сторонние библиотеки из экосистемы React.js

Программа

React.js и его экосистема

В данном модуле мы разберем основы и принципы React.js, его отличие от других фронт-енд библиотек и фреймворков. Создадим каркас приложения с помощью create-react-app, научимся писать собственные компоненты и правильно их структурировать. Кроме этого, мы, в частности, разберем такие темы как:

  • JSX
  • Virtual DOM
  • Локальное состояние и props компонента
  • Жизненный цикл компонента
  • PropTypes и defaultProps
  • Связь с DOM: keys & refs
  • Стилизация компонентов с помощью SASS
  • Классовые и функциональные компоненты
  • Хуки в React.js

React.js для SPA: React Router v5

В данном модуле мы познакомимся с принципами построения современных одностраничных приложений (Single Page Application — SPA), создадим несколько страниц, настроим систему перехода между ними без перезагрузки страницы браузера. В частности, мы рассмотрим такие вопросы, как:

  • Принципы построения SPA. Переход между путями без перезагрузки страницы
  • Подключение и настройка React Router v5
  • Типы роутеров — BrowserRouter, HashRouter
  • Вспомогательные компоненты Route, Switch, Link, Redirect
  • Использование переменных в роутинге
  • Вложенные пути

React Redux

В данном модуле научимся хранить все состояние приложения в одном месте — Store, с помощью библиотеки Redux. Разберем подключение Redux к React.js приложению, инициализацию и настройку объекта Store, подключение React компонентов к Store, процесс изменения данных в нем. В частности, мы рассмотрим такие темы, как:

  • Настройка хранилища Redux
  • Actions, action creators, reducers
  • Immutability-helper для сохранения иммутабельности объекта Store
  • Современные паттерны при ииспользовании Redux. Разделение ответственности
  • Подключение React.js компонентов к Redux с помощью react-redux
  • Подключение middleware
  • Redux dev tools
  • Асинхронные действия с помощью redux-thunk

Продвинутые темы React.js

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

  • Работа с формами. Redux forms. Formik, Yup
  • Тестирование приложения с помощью Jest и Testing Library
  • Продвинутые хуки. Создание пользовательских хуков
  • Оптимизация кода
  • Context API
  • Альтернативные подходы к стилизации компонентов — Styled Components, CSS Modules, JSS
  • Библиотеки компонентов на примере Material UI
  • Подключение сторонних вспомогательных библиотек
  • Сборка и деплоймент приложения
Записаться на консультацию

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

Запись на консультацию







Спасибо за регистрацию.

В ближайшее время с вами свяжется наш менеджер

Регистрация окончена

Контакты