Онлайн курс

React.JS

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

19 Травня

person icon
Графік

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

star icon
Тривалість

30 годин

dollar icon
Ціна

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
  • Підключення сторонніх допоміжних бібліотек
  • Збірка і деплоймент додатку
Записатися на консультацію

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

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







Дякуємо за реєстрацію.

Найближчим часом з вами зв‘яжеться наш менеджер

Реєстрація закінчена

Контакти