Онлайн курс

React.JS

Записаться

Старт группы

19 мая

График

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

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

30 часов

Цена

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
Подключение сторонних вспомогательных библиотек
Сборка и деплоймент приложения

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

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

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

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

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

Главная Программы React.JS