Вступ до веб-розробки:

• Освойте основи веб-розробки, включаючи HTML, CSS та JavaScript.
• Дізнайтеся про структуру веб-сторінки та як елементи стилізуються та взаємодіють один з одним.

Вступ до фреймворків фронтенду:

• Дослідіть роль фреймворків фронтенду в сучасній веб-розробці.
• Зрозумійте переваги використання фреймворків, таких як React та Angular, для побудови інтерактивних веб-застосунків.

Розуміння загальних концепцій:

• Заглибтеся в загальні концепції, спільні для React та Angular, такі як компонентна архітектура, керування станом та маршрутизація.
• Дізнайтеся про важливість повторного використання, масштабованості та підтримки в проєктах веб-розробки.

Початок роботи з React:

• Налаштування середовища розробки для React.
• Вивчення компонентів React, синтаксису JSX та візуалізації елементів.
• Створення першого компонента React та розуміння життєвого циклу компонента.

Керування станом в React:

• Дослідження стану та властивостей (props) в компонентах React.
• Навчіться керувати станом компонента за допомогою setState() та зрозумійте концепцію підняття стану вверх (lifting state up).

Обробка подій та форм:

• Розуміння того, як обробляти події користувача в React, такі як onClick та onChange.
• Навчіться обробляти форми в React та керованих компонентах.

React Router та навігація:

• Вивчення React Router для керування навігацією в односторінкових додатках.
• Навчіться налаштовувати маршрути та переходити між різними представленнями (views) в додатку React.

Робота з API:

• Навчіться робити асинхронні запити до зовнішніх API за допомогою fetch або бібліотек, таких як Axios.
• Зрозумійте, як отримувати дані та оновлювати стан компонента відповідно.

Початок роботи з Angular:

• Налаштування середовища розробки для Angular.
• Вивчення модулів, компонентів, шаблонів та прив’язки даних в Angular.

Сервіси та ін’єкція залежностей:

• Зрозуміти роль сервісів в Angular додатках.
• Навчитися ін’єкції залежностей та як вона використовується для надання сервісів компонентам.

Форми та валідація в Angular:

• Ознайомитися з формами на базі шаблонів та реактивними формами в Angular.
• Зрозуміти, як створювати та валідувати форми за допомогою елементів керування формами Angular.

Angular Router та навігація:

• Вивчити вбудований маршрутизатор Angular для керування навігацією.
• Навчитися налаштовувати маршрути, охороняти їх (guard routes) та переходити між різними представленнями (views) в додатку Angular.

HTTP Клієнт та Потоки даних (Observables):

• Навчитися робити HTTP запити в Angular за допомогою модуля HttpClient.
• Зрозуміти концепцію потоків даних (observables) та як вони використовуються для обробки асинхронних потоків даних.