Розробка wed-застосунків на React

Цей курс розроблено для студентів третього курсу спеціальності "Комп'ютерні науки" і є дисципліною вибіркового циклу. Він дає змогу здобути практичні навички у створенні сучасних, інтерактивних та динамічних односторінкових web-застосунків (SPA), використовуючи одну з найпопулярніших JavaScript-бібліотек — React.

Основною метою курсу є формування у студентів знань і практичних навичок, необхідних для самостійної розробки ефективних і масштабованих клієнтських інтерфейсів.

Після завершення курсу студенти зможуть:

  • Розуміти основні принципи компонентного підходу та віртуального DOM у React.

  • Створювати функціональні компоненти з використанням хуків (Hooks), таких як useState та useEffect.

  • Керувати станом застосунків за допомогою Context API або Redux.

  • Налаштовувати маршрутизацію у SPA за допомогою React Router.

  • Взаємодіяти з віддаленими API для отримання та відправлення даних.

  • Використовувати сучасні інструменти та екосистему React (наприклад, Vite або Next.js).

  • Розгортати готові застосунки.

  • Працювати з типовими проблемами і викликами, що виникають при розробці.

Зміст курсу

  1. Вступ до React: Знайомство з основними поняттями: JSX, компоненти, props, стан.

  2. Робота з компонентами: Життєвий цикл компонентів, функціональні компоненти та хуки.

  3. Управління станом: Поняття стану, його оновлення, передача даних між компонентами.

  4. Маршрутизація: Організація навігації в односторінкових застосунках.

  5. Взаємодія з API: Здійснення HTTP-запитів, обробка даних, робота з асинхронністю.

  6. Побудова архітектури: Основи проектування архітектури застосунків, використання Context API.

  7. Форми та валідація: Робота з формами, контроль даних, валідація.

  8. Розгортання застосунків: Підготовка проекту до продакшену та його розгортання.