Курс
middle
Курс FRONT-END модуль React/Redux/TypeScript
Опановуй передові бібліотеки і фреймворки must have для Front-End і JavaScript розробників в 2022 році.
Для кого цей курс:
Всім хто хоче вивчити 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.
Програма
Введення в React
- Що таке React?
- Що таке Virtual DOM?
- Що таке reconciliation?
Налаштування робочого оточення
- Знайомство з Create-react-app
- Налаштування браузера
Знайомство JSX
- Знайомство з JSX синтаксисом
- Атрибути і вирази в JSX
- JSX в деталях
Елементи і компоненти в React
- Візуалізація елементів і компонентів
- Класові і функціональні компоненти
- Умовний рендеринг
- Списки і ключі
Робота з даними і формами
- Пропси
- Життєві цикли
- Хукі
- Стан
- Підйом стану
- Обробка подій
- Знайомство з React контекст
Робота з Material UI
- Чому не варто писати свої велосипеди
- Відмінності Reactstrap, Ant Design, Material UI
- Встановлення та налаштування
- Робота з компонентами
Стилізація компонентів
- Сlass vs ClassName
- Бібліотека CLSX
- Пов’язані стилі
- Вбудовані ( «інлайнові») стилі
- CSS-модулі
- CSS-in-JS
- Style API в Material UI
Отримання даних
- Axios
- React Query
React routing
- Основний принцип роботи SPA
- React router
- React router dom
Redux
- Flux архітектура
- Redux в якості менеджера станів
- Знайомство з middleware
- Підключення Redux і його робота в React-додатку
- Best practices при роботі з Redux
Робота з формами
- Особливості роботи з React формами
- React-final-form
- Redux-final-form
Redux-Thunk та Redux-Saga
- Відправлення запитів і обробка помилок
- Популярні помилки
- Найкращі практики
- Введення в генератори і ітератори
- Блокуючі і не блокуючі ефекти
TypeScript
- Вступ
- Особливості синтаксису
- Типізація React
- Типізація Redux
- Типізація Redux-Saga
Самостійний проект для закріплення знань
Самостійна робота над створенням програми. Весь цей період доступна постійна онлайн-підтримка викладача.
Як проходить навчання
Заняття в аудиторії
Практична робота в групах
Закритий чат групи
Захист випускної роботи
Отримання диплому
Викладач курсу
Антон Головін
- 7+ років досвіду у Front-end.
- Team Lead.
- Ведучий front-end розробник компанії Forforce.
- Спеціаліст в області інформаційних технологій.
- Основний навик: розробка web інтерфейсів будь-якої складності.
Диплом OXYGEN IT SCHOOL
підтвердить, що ви пройшли курс і стане додатковим аргументом при влаштуванні на роботу.
