Про курс
React - це фреймворк, який використовується для розробки вебдодатків. Його використовували для розробки: Facebook, Instagram, Netflix, Dropbox, GitHub, Discord, Uber, і це лише декілька прикладів з численних проєктів. Разом із розповсюдженням даної бібліотеки зростає і попит на React-розробників різного рівня.
Цей курс надає базові знання та практичні навички, а проєкти для портфоліо дозволять застосовувати їх на практиці. На курсі розглядаються найактуальніші практики використання інструментів React та супутніх бібліотек, таких як react-router, react-redux, axios. Також ви дізнаєтеся про основні концепції React, включаючи компоненти, стан, властивості, події та життєвий цикл компонентів.
Курс складається з 10 уроків, пройшовши які студент навчиться розробляти функціональні компоненти, користуватись хуками, налаштовувати маршрутизацію та керувати сховищем застосунку. Окрім базового функціонала React, розглядаються супутні технології, які можуть знадобитись Front-End розробнику.
Під час проходження курсу студент ознайомиться з особливостями побудови React-застосунків, навчиться використовувати актуальні технології бібліотеки та на базовому рівні володітиме сторонніми технологіями, які необхідні веброзробнику (сховище Redux, робота з API, маршрутизація застосунків React-Router).
Курс спроєктований таким чином, щоб по його закінченню студент володів необхідною базою для розробки власних React-застосунків та знав тонкощі бібліотеки, які можуть знадобитися при проходженні тестових завдань на співбесідах та технічних інтерв'ю. На сьогодні знання даної бібліотеки є обовʼязковою умовою при працевлаштуванні в IT-компанію на посаду Front-end розробника.
По закінченню курсу студент має два проєкти, які можна використовувати у власному портфоліо.
Цей курс входить до спеціальності:
Попередні Вимоги
- Знання мови розмітки HTML.
- Базове володіння каскадною таблицею стилів CSS.
- Базові знання мови програмування JavaScript
Курс розрахований для веброзробників початкового рівня та може бути корисним досвідченим девелоперам, які не мають досвіду роботи з JavaScript бібліотекою React.
Ви навчитеся
- Розуміти призначення та філософію бібліотеки React.
- Працювати з пакетом npm.
- Будувати власні React-застосунки.
- Користуватися перевагами бібліотеки у власній розробці.
- Володіти синтаксисом JSX повною мірою.
- Вміти стилізувати компоненти як за допомогою inline-стилів, так і з використанням ізольованих css файлів.
- Вміти працювати з чистими реакт-елементами без JSX.
- Володіти актуальними технологіями у використанні станів та пропсів у функціональних компонентах.
- Керувати компонентами за допомогою хуку useEffect.
- Синхронізувати React-застосунки з localstorage.
- Обробляти мережеві API запити методом пакета axios.
- Налаштовувати маршрутизацію вебдодатку за допомогою бібліотеки react-router останньої версії.
- Створювати власний застосунок для списку нотатків (task list).
- Створювати власний застосунок для визначення погоди з використанням реального API.
- Створювати модальні вікна користуючись виключно інструментами React.
- Вміти розробляти компоненти, які можна використовувати у різних проєктах.
- Підтримувати фронтент-частину існуючих вебдодатків, написаних на React.
- 7 год 29 хв
- 25.04.2023
- 10
- 25.04.2023
- українська
Що входить до курсу
×
Ви дійсно бажаєте відкрити доступ до тестування за курсом React Базовий на 40 днів?
Мета уроку - знайомство з бібліотекою React та її можливостями. На уроці студенти встановлять необхідні програмні застосунки та пакет-менеджери для розробки React-додатків, а також створять свій перший React-застосунок.
Мета уроку - ознайомитися з найбільш поширеними файловими структурами для проєктів на реакті. Визначити особливості роботи синтаксису JSX в розробці React-додатків. Навчитися створювати React-елементи без використання JSX, визначити відмінності JSX від HTML.
Мета уроку - ознайомитися з компонентами та їх типами в реакті. Навчитися розробляти компоненти багаторазового використання. Ознайомитися з методами передачі даних між компонентами. Попрактикуватися в проєктуванні та розробці вебзастосунків з використанням компонентів для футеру, навігації, контенту та хедеру.
Мета уроку - ознайомитися з хуками в реакті, їх призначенням та функціоналом. Навчитися використовувати хук стану useState на практиці. Розібрати способи зміни стану хуку useState при роботі з масивами в якості значень.
Мета уроку - визначити, що таке DOM-елементи в React. Ознайомитися з хуком прямого доступу до DOM-елементів useRef. Визначити, що таке рендер в реакті та як він працює. Ознайомитися з хуком обробки сторонніх ефектів useEffect.
Ціль уроку - на практичному прикладі застосувати всі знання, отримані з п'яти попередніх уроків. Навчитися працювати з локальним сховищем localstorage, синхронізувати стейт зі сховищем за допомогою хуку useEffect та працювати з універсальним методом індексації uuidv4().
Мета уроку - навчитися встановлювати роутинг в реакт-застосунках. Ознайомитися з бібліотекою React Router актуальної версії. Опанувати технологіюю роботи з методами бібліотеки React Router.
Мета уроку - ознайомитися з базовим функціоналом менеджеру станів Redux. Навчитися користуватись інструментами redux toolkit. Набути практичних навичок в розробці власного Redux сховища, його налаштуванні та розробки екшенів для нього.
Мета уроку - ознайомитися з мережевими запитами вебінтерфейсу API. Розробити React-застосунок для визначення погоди у вказаному місті за допомогою відкритого API openweathermap.
Мета уроку - ознайомитися з варіантами використання та призначенням модальних вікон. Навчитися розробляти модальні вікна в React-застосунках.
Доступ до повного курсу з навчальними матеріалами та тестуванням на 30 днів за 14,99 USD
Придбати