Онлайн курс

React.JS

Записатися

Старт групи

19 Травня

Графік

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

Тривалість

30 годин

Ціна

1100 грн/тиждень

Опис курсу

Курс розрахований на фронт-енд розробників і тих, хто впевнено володіє Javascript, але хоче додати до своєї скарбнички знань сучасну популярну фронт-енд бібліотеку React.js. У даному курсі, рухаючись крок за кроком, ми пройдемо шлях від знайомства з базовими концепціями React.js до побудови повноцінного односторінкового додатку (SPA). Курс включає в себе всю необхідну інформацію – від побудови простих компонентів до організації складної архітектури та взаємозв’язків між компонентами, використовуючи всю потужність React.js, а також допоміжних бібліотек з його екосистеми.

Крім знайомства з самою бібліотекою 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 додатку, ініціалізацію та налаштування об’єкта Store, підключення React.js компонентів до Store, процес зміни даних в ньому. Зокрема, ми розглянемо такі теми, як:

Налаштування сховища Redux
Actions, action creators, reducers
Immutability-helper для збереження іммутабельності об’єкта Store
Сучасні патерни при використанні Redux. Розподіл відповідальності
Підключення React компонентів до 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