fbpx

Курс

middle

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

Опановуй передові бібліотеки і фреймворки must have для Front-End і JavaScript розробників в 2022 році.

старт:
Січень 2022
СЕРЕДА:
19:00-21:00
ЗАЛИШИЛОСЬ МІСЦЬ:
8 из 10
СУБОТА:
10:00-15:00
ТРИВАЛІСТЬ:
2 місяці
Хочу на курс!

Для кого цей курс:

Всім хто хоче вивчити React, Material-UI, Redux, Redux-Thunk, Redux-Saga, TypeScript

Всім хто хоче вивчити 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
Робота з формами

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

  • Відправлення запитів і обробка помилок
  • Популярні помилки
  • Найкращі практики
Асинхронність c Redux-Saga

  • Введення в генератори і ітератори
  • Блокуючі і не блокуючі ефекти
TypeScript

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

  • Самостійна робота над створенням програми. Весь цей період доступна постійна онлайн-підтримка викладача.

Як проходить навчання

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

Практична робота в групах

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

Захист випускної роботи

Отримання диплому

Викладач курсу

Антон Головін

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

Диплом OXYGEN IT SCHOOL

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

Вартість навчання

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

    Залишити заявку

      Зв'язатись з нами!