ReactJS

frontend advanced

Спрінти курсу
🔒 07. Refs и DOM
🔒 08. Создание элементов React
🔒 09. Хуки
🔒 10. Redux и redux toolkit (1 часть)
🔒 11. Redux - store, reducers, action(2 часть)
🔒 13. Redux(4 часть). Выводим корзину интернет магазина
🔒 15. React и Node.JS
🔒 18. Проект 18. Создаем компоненты и роутинг. Компонент Create
🔒 19. Проект 19. Компонент Note, создание и сохранение сообщений. Формы, видимость блоков
🔒 20. Проект 20. Делаем активную навигацию, добавляем Bootstrap
🔒 21. Deploy проекта на хостинг. Разворачиваем React и Node.js на сервере
Повний опис курсу

Найпопулярніша бібліотека JavaScript - React.JS. Вивчаємо з базових понять - створення програми, поняття компонентів, структура компонента. Вивчаємо синтаксис JSX та взаємодію компонентів через props.

Вчимося працювати з подіями та функціями в React, вивчаємо поняття state. Працюємо з DOM, створюємо елементи на сторінці та компоненти.

Вивчаємо роутинг у React, створення MPA та SPA.

Розглядаємо життєвий цикл компонента та хуки. Працюємо з API. Будуємо вітрину інтернет-магазину як проєкт на основі state, props.

Вивчаємо store, на прикладі Redux та Redux-toolkit. Створюємо вітрину продуктів за допомогою єдиного сховища Redux.

Інтегруємо React та бекенд, розглядаємо інтеграцію з PHP, Node.JS.

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

У кожному спринті є завдання для відпрацювання теоретичних відомостей. За кожним завданням та питанням можна отримати підтримку, допомогу викладача. Якщо в ході виконання завдань виникають проблеми, запитуйте то викладач допоможе її розв`язати. Також в курсі є розбір багів, виявлених у результаті перевірки коду завдань, допомога в усуненні багів, повторна перевірка коду.

Розглядаємо деплой проєкту на хостинг.

Короткий опис

Specialization: frontend

Level: advanced

  • 🎧 Підтримка викладача
  • 🐞 Допомога в пошуку та виправленні помилок
  • ♾️ Довічний доступ до матеріалів курсу
  • ⭐ Сертифікат після проходження курсу
  • 💻 Проєктів: 2
550 ₴

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

react react.js