Курсы React

Фильтр
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
16 занятий
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
12 000 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатРеальный проект в портфолио
Main Academy
  • React
Подробнее

Курс охоплює основні пункти бібліотеки React.js, які широко використовуються у розробці фронт-енду для створення односторінкових додатків (SPA).

Програма курсу

Вступ

  • Пакетний менеджер npm, огляд основних команд, ECMAScript 6+
  • Детальний розгляд правил версіонування пакетів і файлу маніфесту до проєкту package.json і package-lock.json
  • Знайомство з React. Create-react-app - перший проєкт

Основа

  • JSX - мова для роботи з React
  • State. Робота з даними через стан
  • Підходи стилізації
  • Props. Робота з пропсами, передача даних через пропси.
  • Children, що це і як із ним працювати
  • Context. Передача даних за контекстом
  • Методи життєвого циклу
  • Обробка подій. Створюємо користувацькі методи
  • Види компонентів, дизайн компонентів
  • Знайомство з Refs

Тестування

  • Вступ до тестування
  • Знайомство з Jest

Робота із сервером

  • Як працює Fetch API
  • Обробка помилок у Fetch API
  • Отримання даних з API.
  • Виведення отриманих даних

Навігація

  • Основи react-rourer
  • Link компонент
  • Динамічні/Відносні шляхи
  • Обробка неіснуючих адрес

Сховище Redux

  • Redux введення
  • Reducer - що це, і як із ним працювати.
  • Redux Store
  • Action Creator
  • Синхронізація redux із react

Хуки React.js

  • Хуки введення
  • Робота з setState
  • Робота з useEffect
  • Користувацькі хуки Сховище Redux
  • Redux введення
  • Reducer - що це, і як із ним працювати.
  • Redux Store
  • Action Creator
  • Синхронізація redux з react

TypeScript

  • Типи та типізація
  • Типізапція редакс і сторонніх бібліотек
  • Практичні завдання та проєкти
  • Виконання самостійних проєктів спрямованих на поглиблене вивчення та розуміння принципів побудови додатків на React.js

Особливості курсу

  • Вечірні заняття (19:00 - 21:30) у режимі живих онлайн зустрічей
  • Необхідні знання - HTML, CSS, JS
  • Бажано досвід роботи з:
    • npm/yarn
    • ECMAScript 6+
    • OOП
    • Проєктами landing page
  • Велика кількість практичних завдань
  • Постійний фідбек від тренера
  • Навчальні проєкти
  • Сертифікат після успішного закінчення навчання

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

  • Микола Морозов - Front end Developer

Больше информации
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
8 800 UAH за курс
Гибкий графикВыдаётся диплом/сертификат
Sigma Software University
  • React
Подробнее

Курс допоможе розібратися з особливостями React. Протягом курсу розберетеся як працювати із даними та керувати станом додатка (Redux), навчитесь вільно використовувати нові можливості React та використовувати його для створення сучасних додатків.

Програма курсу

Вступ

  • Огляд структури курсу та роботи над ним
  • Огляд інструментів які будуть використовуватись протягом курсу(Git, Github, Git flow, IDE, Chrome dev tools, NPM, Node.js)
  • Як працює веб
  • Огляд підходів до створення веб додатків(SPA, MPA, PWA). Розвиток даних підходів
  • Що ж таке Framework
  • Чому саме React

Повторення основ JavaScript

  • Огляд мови в цілому
  • Об’єкти
  • Масиви
  • Функції
  • Асинхронний JS
  • Нові стандарти ES6+
  • Рекомендації по написанні якісного коду

DOM && BOM

  • Події
  • Навігація по елементах
  • Доступні сховища даних у браузері та як працювати із ними
  • Огляд інших браузерних API’s

React вступ

  • Що таке React
  • Як додати реакт на сторінку
  • Переваги та недоліки
  • VirtualDOM
  • Як правильно розділяти додаток на компоненти
  • React інструменти – create-react-app, відлагодження коду, розширення для браузера

JSX та рендеринг

  • JSX огляд
  • Рендеринг елементів
  • Обробка подій у JSX
  • Списки та робота із ними
  • Умовний рендеринг
  • Ref
  • Фрагменти
  • Рендеринг властивостей (Render prop)

Стан та властивості компонента

  • Statefull та stateless компоненти
  • Потік даних та обмін ними у компонентах
  • PropTypes
  • Антипатерни для стану та властивостей

Життєвий цикл компонентів

Форми та робота із ними 

  • Валідація форм
  • Огляд існуючих пакетів для роботи із формами

React роутинг

  • History API
  • React router

Управління станом додатка (Redux)

  • Варіанти управління станом додатка
  • Redux плюси та мінуси
  • Flux архітектура
  • Redux архітектура
  • Побічні ефекти: міделвари (redux-thunk, redux-saga, redux-router etc)
  • Структурування Redux у структурі проєкту
  • Redux інструменти

Hooks API

  • Огляд хуків які доступну у React
  • Основи створення власних хуків та можливі варіанти їх застосування
  • Кращі практики
  • Антипатерни

Взаємодія із сервером даних через API

  • Fetch API
  • Пакети для надсилання реквестів
  • Аутентифікація та ауторизація

Стилі у React

  • Огляд інструментів для написання стилів
  • Анімація у React

Фінальне заняття

  • Тестування у React – огляд інструментів, загальні рекомендації
  • React Native і React VR
  • Куди рухатись далі

Вимоги для проходження курсу

  • Знання HTML/CSS
  • Знання JS на базовому рівні
  • Знання DOM
  • Буде плюсом знання GIT на базовому рівні

Особливості курсу

  • Дипломний проєкт
  • Двом найкращим студентам компанія компенсує вартість навчання
  • Вебінар від Sr. Recruiter в Sigma Software: «Interview Easy or Hard»
Больше информации
Видеокурс / Платформа
Формат
Online
Начало занятий
Будь-який момент
Длительность
-
Уровень
Для опытных
Язык обучения
Russian
Стоимость
1 252 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
ITGid
  • React
  • Frontend
Подробнее

Вивчаємо з простих прикладів (JSX, props, state) до хуків, redux (redux + redux toolkit). Робота з API, інтеграція з backend. Проект. Deploy на хостінг.

Програма курсу

Вивчаємо:

  • create-react-app
  • структура програми React
  • структура компонента React
  • JSX
  • роутінг React
  • SPA, MPA
  • події та функції React
  • ref
  • state, render
  • життєвий цикл компонента
  • створення елементів DOM
  • Хуки
  • redux, redux toolkit
  • інтеграція React та backend (PHP)
  • інтеграція React та backend (Node.JS)
  • проєкт

Спринти

  • Створюємо перший додаток на React, вивчаєм структуру проєкту, знайомимось з JSX, компонентами
  • Компоненти. Створення компонентів і вкладених компонентів
  • Роутинг. Створення SPA і багатосторінкових сайтів
  • Події і функції. Отримуємо значення з input
  • Вивчаємо state в React
  • Життєвий цикл компонентів в React
  • Refs і DOM
  • Створення елементів React
  • Хуки
  • Redux і redux toolkit (частина 1)
  • Redux - store, reducers, action (частина 2)
  • Redux (частина 3). Виводимо товари інтернет-магазину
  • Redux (частина 4). Виводимо корзину інтернет-магазину
  • React і PHP
  • React і Node.js
  • Огляд проєкту по курсу
  • Проєкт. Налаштовуємо і запускаємо бекенд
  • Проєкт. Створюємо компоненти і роутинг. Компонент Create
  • Проєкт. Компонент Note, створення і збереження повідомлень. Форми, видимість блоків
  • Проєкт. Робимо активну навігацію, добавляємо Bootstrap
  • Deploy проєкту на хостинг. Розгортаємо React і Node.js на сервері

Вимоги до проходження курсу

  • Впевнені знання JavaScript, або проходження курсу JavaScript 2.0
  • Рекомендовано пройти курс "Методи масивів"

Проєкт

Розробляємо проєкт - створення сайту для обміну нотатками з можливістю видалення нотатки після перегляду. MPA додаток з роутером, створенням нотаток та занесенням їх до бази даних, отриманням нотатки з хешу, видаленням після перегляду. Оформлення - фреймворк Bootstrap.

Особливості курсу

  • 21 спринт 87 тасок
  • Проєкт
  • Допомога та підтримка
  • Розбір та усунення багів
  • Доступ без обмежень по часу
  • Сертифікація
Больше информации
Курс
Формат
Online
Начало занятий
Будь-який момент
Длительность
10 занятий
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
7 300 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
IT-Столица
  • React
Подробнее

На цьому курсі будуть детально розглянуті питання, що стосуються хмарних сервісів, обробки інформації офлайн, запам'ятовування паролів, застосування анімації в React Native і роботи push-повідомлень на мобільних пристроях. Ви опануєте нові методи створення додатків для мобільних пристроїв на Android і iOS, навчитеся використовувати інструменти консолі розробника Facebook.

Програма курсу

Теми:

  • Як використовувати анімацію в React-додатках
  • Модуль і система анімації в додатку на React
  • Компонент ReactTransitionGroup для створення анімації
  • Взаємодія різних компонентів для створення анімації
  • Прості анімації меню за допомогою CSS-методів
  • Анімація руху кола
  • Анімація карток
  • Як використовувати різні анімаційні стилі
  • Як перетягувати картки
  • Як відбувається обробка жестів в додатку
  • Як налаштувати систему відгуків на жести
  • Як реалізувати обробку екранних подій
  • Створення об'єкта "Жест"
  • Як повернути елементи й інтерполювати значення
  • Налаштування свайпа: як визначити мінімальну дистанцію
  • Функція зворотного виклику callback на свайп
  • Як реалізувати одноразову авторизацію із застосуванням пароля
  • Процес авторизації в додатку
  • Огляд одноразового пароля
  • Google Cloud Functions або звичайний сервіс
  • Додавання проекту Firebase в додаток Android
  • Відправлення запиту та обробка відповіді
  • Як відбувається логування Facebook
  • Аутентифікація в Facebook: етапи
  • Як проводити налаштування і працювати в консолі розробника Facebook
  • Налаштування бібліотеки Redux для створення додатків
  • Система асинхронного зберігання даних
  • Обробка інформації в offline-режимі
  • Як зберегти й налаштувати стан додатка
  • Як реалізується зберігання даних в Redux
  • Push-повідомлення: реєстрація
  • Push-повідомлення: огляд
  • Як зберігаються дані Push-повідомлень
  • Як генеруються Push-повідомлення
  • Як відбувається тестування програми
  • Налаштування елемента MapViews в React Native

Попередні вимоги

  • Програму базового курсу React Native
  • Основи роботи з системою контролю версій
  • Знання JavaScript і CSS

Що можуть випускники курсу:

  • Використовувати анімаційні вставки та переходи в додатках, роблячи їх більш динамічними
  • Застосовувати компоненти MapView для визначення місця розташування користувачів
  • Проводити налаштування кросплатформних push-сповіщень в призначених для користувача програмах
  • На практиці застосовувати просунуті функції фреймворка React Native, щоб робити програми складнішими й функціональнішими

Особливості курсу

  • Викладачі практики
  • Корпоративне навчання
  • Можливість навчатись у вихідні
  • Можливість влаштуватись у провідні IT-компанії
  • Індивідуальне навчання
Больше информации
Курс
Формат
Online
Начало занятий
Будь-який момент
Длительность
10 занятий
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
6 100 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
IT-Столица
  • React
Подробнее

Програма курсу

React Native: вступ

  • Структура курсу
  • Технологія React: короткий огляд
  • Технологія React Native: короткий огляд

Розробка мобільних додатків

  • Компонент WebView
  • Що називають нативними або гібридними додатками
  • Як налаштувати оточення Mac, Linux і Windows

React Native: початок роботи

  • Налаштування робочого середовища і можливі проблеми
  • Структура проєкту React Native
  • Створення першого додатку "Hello, World!"
  • Як використовувати компоненти JSX в React Native
  • Точка входу двох платформ з єдиним компонентом
  • React і React Native - взаємозамінність, відмінності й застосування
  • Стилізація компонентів React програми
  • Стилі в React Native - створення та застосування
  • Що таке FlexBox, його переваги
  • Як створити стилізований компонент
  • Як використовувати стилі та компоненти повторно
  • Як отримати віддалені дані
  • Протокол HTTP - основні аспекти
  • Використання шаблонів React Native. Компонент "Список"
  • Де використовуються клас-орієнтовані компоненти
  • Життєвий цикл компонента і його методи
  • Зміна стану компонентів
  • Робота з даними в React Native
  • Список компонентів - візуалізація
  • Багаторазове використання компонентів. Компонент "Картка" та його стилізація
  • Як передати компоненти в властивості

Віртуальні компоненти програми

  • Скрол-контент
  • Кнопки. Стилізація кнопок
  • Робота з вкладками
  • Шари
  • Картинки
  • Оброблювач подій
  • Оброблювач помилок
  • Оброблювач подій авторизації
  • Логін
  • Як створити прелоадер, анімацію завантаження
  • Як працювати з формами
  • Умовний рендеринг JSX
  • Інструмент управління станом Redux

Функціональне програмування

  • Архітектурний підхід Flux
  • Менеджер станів Redux: основи роботи
  • Використання технології Header Bidding для створення додатків
  • Шаблони проектування в React
  • Як виконати стилізацію списків
  • Створення списку ListView
  • Як здійснити швидкий рендеринг одного рядка в React
  • Використання функції Reducer
  • Перенесення логіки компонента
  • Застосування анімації в React
  • Елементи з реакцією на торкання і підтримка подій торкання в React
  • Основи тестування
  • Робота з даними в React і в Redux
  • Як зробити форму авторизації в Redux
  • Як створити профіль користувача
  • Як відбувається оновлення форм авторизації
  • Поняття Immutable State або незмінності стану
  • Поняття синхронної та асинхронної дії
  • Бібліотека Redux Thunk: вступ
  • Як реалізувати навігацію в додатку

Попередні вимоги

  • Основи роботи з системою контролю версій
  • Знання JavaScript і CSS
  • Бажано мати досвід використання інших JavaScript-фреймворків, таких як ECMAScript або Babel.js

Після курсу ти зможеш:

  • Використовувати основні функції React Native для розробки простих додатків
  • Застосовувати візуальні компоненти та віддалені дані
  • Налаштовувати елементи програми, виконувати їх стилізацію
  • Застосовувати Redux і Flux при створенні додатків на React

Особливості курсу

  • Викладачі практики
  • Корпоративне навчання
  • Можливість навчатись у вихідні
  • Можливість влаштуватись у провідні IT-компанії
  • Індивідуальне навчання
Больше информации
Курс
Формат
Online
Начало занятий
Будь-який момент
Длительность
10 занятий
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
6 100 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
IT-Столица
  • React
Подробнее

Програма курсу

Теми:

  • Патерни програмування при роботі з фреймворком
  • Що собою являє екосистема React
  • У чому полягають відмінності імперативного та декларативного стилей програмування
  • Фреймворки JavaScript - переваги
  • Компоненти props/state - відмінності, особливості застосування
  • JSX - поєднання HTML і JavaScript. Переваги та практичне застосування
  • Браузерні події й React.js
  • React Router - маршрутизатор із застосуванням JSX
  • Створення форм і керування ними
  • Етапи життєвого циклу компонентів
  • Технологія AJAX (Asynchronous Javascript and XML) - обмін даними з сервером у фоновому режимі
  • Доступ до API за допомогою axios
  • Як застосовувати NPM, Webpack, Babel і інші інструменти для налаштування React-компонентів
  • Передача багаторазових компонентів Reusable Components в Redux-Form
  • Управління станом додатку за допомогою Redux
  • Асинхронні операції й Promises
  • Розгортання додатку або деплой - етапи
  • Динамічний рендеринг й індексування JavaScript-коду

Попередні вимоги

Щоб бути зарахованим на програму студент повинен володіти мінімально необхідними знаннями та навичками. Серед них: JavaScript, CSS, HTML. Також перед заняттями необхідно ознайомитися з системою контролю версій. Навчання проходить ефективніше, якщо студент вже має досвід роботи з іншими фреймворками, як наприклад, ECMAScript 6, Babel.js.

Після курсу випускники знають і вміють:

  • Побудувати додаток, сайт, лендінг, використовуючи бібліотеку React.js
  • Застосовувати інструменти JSX і Virtual DOM для створення інтерактивних додатків
  • Створити самостійно SPA-додаток з нуля й адаптувати його під різні пристрої
  • Використовувати бібліотеку React.js в командній роботі з декількома розробниками

Особливості курсу

  • Викладачі практики
  • Корпоративне навчання
  • Можливість навчатись у вихідні
  • Можливість влаштуватись у провідні IT-компанії
  • Індивідуальне навчання
Больше информации
Курс
Формат
Online
Начало занятий
25.04.2024
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
31 500 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
Projector
  • React
Подробнее

React для початківців. Навчимося розробляти вебзастосунки з використанням бібліотеки React і сформуємо базу для опанування інших фронтенд фреймворків.

Програма курсу

Базові поняття

  • Функціональний підхід та декларативність у розробці GUI
  • Компоненти, JSX
  • Виведення даних, обробка DOM подій
  • Робота зі станом, рендер компонентів
  • Взаємодія з браузерними API
  • Використання бандлера Vite для швидкого старту проєкту

Клієнт-серверна комунікація

  • Синхронізація із зовнішніми джерелами даних
  • Асинхронні стани UI та їх реалізація з Suspense і ErrorBoundary
  • Нормалізація та мемоізація зовнішніх даних

Архітектура застосунку

  • Декомпозиція застосунків, композиційні патерни
  • Патерни та антипатерни роботи зі станом
  • Бібліотеки для керування станом: скінченні автомати, редюсери, атоми, сигнали
  • Розробка компонентів в ізоляції за допомогою Storybook
  • Структура директорій застосунку

Екосистема

  • Роутинг із використанням react-router
  • Робота з формами, бібліотека react-hook-form
  • Ефективна робота з API за допомогою react-query
  • Принципи анімації в React з css-transition-group, framer-motion
  • Unit тестування компонентів, react-testing-library

Оптимізація

  • Причини низької швидкодії react застосунку
  • Інструменти для вимірювання швидкості завантаження та рендеру
  • Використання вбудованих можливостей React для пришвидшення застосунку

Особливості курсу

  • Живі заняття з куратором щопонеділка та щочетверга о 19:30
  • Real-life завдання
  • Курсовий проєкт
  • Регулярний фідбек
  • Сертифікат за здобутки
  • Можна повернути кошти протягом 7 днів від початку курсу

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

Нікіта Попов - Tech Lead в Solidgate

Больше информации
Курс
Формат
Online
Начало занятий
15.04.2024
Длительность
9 недель
Уровень
Для опытных
Язык обучения
Ukrainian, English
Стоимость
6 899 UAH за курс
Гибкий графикСопровождение ментораРеальный проект в портфолио
SoftServe Academy
  • React
  • Frontend
Подробнее

Приєднуйся та розвивай свої навички з кодування: навчайся у власному темпі з допомогою необхідних матеріалів та підтримкою ментора, щоб підготуватись до стажування. Максимум уваги – на практику.

Програма курсу

Теми:

  • Create React App. JSX, Styles
  • JS for React (pure functions, destructurization, map, spread)
  • React - Key, State, Props, Events
  • OOP in JS
  • React - Lifecycle & Binding Event Handlers
  • Advanced JS (Asynchronous JS, Closures, Exceptions)
  • React Virtual DOM, Hooks (useState, useEffect)
  • Storage (local/session), Web workers, Service workers, Web socket
  • Composition, Context (useContext, useCallback Hook)
  • React State Management
  • Redux in React
  • Redux Toolkit
  • Tools (npm, linter, babel, webpack)
  • React Router
  • Node, Fetch,Axios
  • Refs, Higher-Order Component, DefaultProps
  • Tests (Intro to enzyme, react-testing-library as main)
  • MUI for React
  • Error Handling in React (Error Boundaries), creating custom Hooks

Особливості курсу

  • Практика насамперед: ти будеш кодувати, використовуючи завдання, схожі на ті, які зустрічаються на реальних проєктах в SoftServe
  • Мінімум теорії: курс для того, щоб кодувати. Якщо ж потрібно буде щось підівчити – ми зібрали усі необхідні відео та матеріали, щоб скоротити твій час на пошуки
  • 24/7 чат з учасниками в Discord: місце для твоїх опівнічних питань, веселих стікерів та спілкування з ментором
  • Усі завдання підготовлені менторами Softserve Академії, які знають про код все, адже працюють з ним щодня
  • Додаткові технічні е-курси
  • Розмовні клуби з англійської & селф-стаді
  • Короткі курси для розвитку софт навичок
  • Спільнота професіоналів-однодумців
Больше информации
Курс
Формат
Online
Начало занятий
16.04.2024
Длительность
12 занятий
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
8 000 UAH за курс
Гибкий графикВыдаётся диплом/сертификатРеальный проект в портфолио
Hillel IT school
  • React
  • Frontend
Подробнее

Курс, присвячений бібліотеці React, який розкриває всі його особливості. Під час проходження курсу розробите власний проєкт, розберете типові проблеми односторінкового додатку, ознайомитесь зі стеком технологій, на якому будуються програми.

Програма курсу

React

  • Основи React
  • Робота з віртуальним DOM
  • React компоненти
  • Прив'язка даних
  • Стан компонента
  • Життєвий цикл компонента
  • React Hooks
  • Робота із запитами
  • Маршрутизація
  • Робота зі станом (flux, redux)
  • Реалізація проекту

Особливості курсу

  • Курс розрахований на розробників, які мають навички роботи з HTML, CSS та JavaScript
  • Заняття проводиться у форматі дистанційного навчання
  • Особистий кабінет для кожного учня
  • Оперативна служба підтримки студентів
  • Відеозаписи занять зберігаються в особистому кабінеті та залишаються у студентів після закінчення навчання
  • Велика кількість практичних занять
  • Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
  • Можливість повернути всі внесені за навчання кошти до шостого заняття
  • Бонус курсу: тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем компанії.

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

Роман Лісовий - Full-stack React, Node Developer в DevBrother.
Олександр Давидов - Senior Javascript Engineer в DataArt.
Іван Голвінов - Front-end developer в Spotglass.
Максим Луцик - Senior Software Engineer в EPAM.
Олег Яковлєв - Team Lead/Front-end Developer в Beetroot.
Олег Андрєєв - JavaScript Senior Engineer в Capgemini Engineering.

Больше информации
Курс
Формат
Online
Начало занятий
15.04.2024
Длительность
58 часов
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
уточняйте
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
Networking Technologies
  • React
Подробнее

Програма курсу

JS Advanced

  • ООП
  • Обробка помилок через try catch
  • Запити на сервер

Основи React.js

  • Create React App
  • JSX
  • ctrict-mode
  • Virtual DOM
  • Функціональні компоненти
  • Умовний рендеринг
  • Props
  • Життєвий цикл компонентів
  • Списки та ключі
  • import & export
  • useState & useEffect

Альтернатива функціональним компонентам

Класові компоненти.

Styling

  • module.css
  • Styled Components

Продвинуті теми

  • React Hooks
    • useState & useEffect
    • useCallback
    • useRef
    • useMemo
    • useReducer
    • useContext
    • Написання власних хуків
  • Context
  • Refs
  • Авторизація

Екосистема

  • Робота з формами
    • React Hook Form
  • Робота з сервером
    • Axios
    • useContext() для http запитів
  • React Router
  • State management
    • State / Context
    • Redux
    • Redux Toolkit

Deploying React Apps

Інструменти які вивчиш на курсі

  • React.js
  • Redux
  • Redux Toolkit
  • React Forms

Навички які отримаєш після курсу

  • Ти зможеш розробляти користувальницькі інтерфейси з різноманітними ефектами та цікавим функціоналом - кожен твій проєкт буде неповторним
  • Виправлення помилок у коді стане твоїм справжнім талантом - ти станеш справжнім майстром, що знаходить і ліквідовує будь які проблеми
  • Поглиблення в Redux та Redux-thunk дозволить тобі зміцнити свої навички у керуванні станом додатків і зробить їх ще потужнішими та ефективнішими
  • Твої Soft Skills теж розвинуться, адже спілкування з колегами, представлення себе на співбесідах та ефективна комунікація стануть твоїми сильними сторонами

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

Владислав Ралець - Front End Developer at CGI

Больше информации
Курс
Формат
Online
Начало занятий
26.04.2024
Длительность
30 часов
Уровень
Для начинающих, Для опытных
Язык обучения
Ukrainian
Стоимость
198 USD за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
CyberBionic Systematics
  • React
  • Frontend
Подробнее

На цьому курсі учні напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом із CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою цієї платформи.

Програма курсу

Вступ до React

На уроці учні познайомляться з React, навчаться створювати простий додаток за допомогою Create React App.

JSX у React

На уроці учні познайомляться з JSX, навчаться писати прості компоненти за допомогою JSX.

Основи React

На уроці учні познайомляться з підвидами компонентів, дізнаються, що таке state у React компонентах, навчаться додавати події до елементів та працювати зі списками.

Стан та життєвий цикл

На уроці учні познайомляться зі станом та життєвим циклом в React компонентах, дізнаються різницю між функціональними та класовими компонентами, навчаться їх використовувати, а також коротко ознайомляться з Redux.

Форми

На уроці учні познайомляться з можливістю працювати з формами в React, а також з такими поняттями, як підйом стану та валідація з PropTypes.

Стилізація у React

На уроці учні познайомляться з можливістю стилізації компонентів у React, а також навчаться використовувати модулі CSS для стилізації.

Створення списку заміток

На уроці учні познайомляться з можливістю вибору типу компонента під час виконання, попрактикуються застосовувати знання props, state, lifecycle та інших, а також створять список нотатків за допомогою React.

Hooks

На уроці учні познайомляться з основними хуками React, принципами їх роботи та напишуть свій (кастомний) хук і закріплять пройдений матеріал на практиці.

Введення в роутинг

На уроці учні познайомляться з бібліотекою react-router, навчаться організовувати маршрутизацію у додатку.

Створення сторінки помилки

На уроці учні познайомляться із Запобіжниками, React.Fragment, Строгим Режимом у React, а також навчаться створювати сторінку помилки.

Створення модального вікна

На уроці учні познайомляться з Рефами, Context API і Рендер пропсами, створять модальне вікно з використанням контексту і рендер пропс.

Оптимізація та продуктивність React додатків

На уроці учні дізнаються, що React може бути повільним - зрозуміємо, коли це може відбуватись і як із цим боротися. Познайомимося з різними інструментами, які дозволяють виявити наявність вузьких місць у React додатках, інструментами для оптимізації та аналізу, а також розберемо "нормалізацію" сховища в Redux, з'ясуємо, чим гарні іммутабельні структури даних у JavaScript, і як зробити білд додатку стрункішим та худішим.

Практика

Практика

Практика

По завершенню курсу ви будете вміти:

  • Застосовувати базові концепції побудови односторінкових додатків в екосистемі React
  • Писати та розбивати додатки на логічні частини і компоненти
  • Стилізувати додатки за допомогою CSS модулів
  • Будувати прості односторінкові додатки за допомогою React

Особливості курсу

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

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

  • Богдан Мартиненко - Frontend Developer
  • Тарас Заславський - Frontend Developer
  • Владислав Бєлік - React Frontend Developer
  • Ростислав Сілівейстр - Web Frontend Developer
  • Олексій Татаренков - Frontend Developer
  • Олексій Кучеренко - Тренер-консультант напрямку Frontend
Больше информации

Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.