Курс Angular 15 (поглиблений)

Студенти на курсі будуть вивчати не тільки внутрішні механізми, а й навколишню екосистему, невід'ємну при повноцінної розробки вебдодатків. Слухачі дізнаються, як інтегрувати CI/CD-процеси, як створювати білди, як взаємодіяти з іншими модулями і як будувати легко підтримувані додатки на базі Angular 15.

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

Поглиблена робота з RxJS

• Що вирішує RxJS?
• Observables: глибоке розуміння та застосування
• Управління потоками даних (switchMap, mergeMap, concatMap, exhaustMap)
• Subject, BehaviorSubject, ReplaySubject
• Використання операторів для трансформації потоків
• Signal API як альтернатива традиційній реактивності

Маршрутизація та Lazy Loading

• Вкладені маршрути та їхня взаємодія
• Захист маршрутів (Guards, Resolvers, Interceptors)
• Оптимізація завантаження модулів
• Динамічні маршрути та параметри

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

• Чим відрізняються підходи: Signals, Redux, NgRx, Akita, MobX?
• NgRx: Store, Actions, Effects, Selectors
• Використання Signal API для керування станом
• Структурування сховища даних
• Взаємодія з API через ефекти

Авторизація та вутентифікація

• Методи авторизації: OAuth2, JWT, OpenID Connect
• Angular + Node.js + Express.js для безпеки додатка
• Використання Firebase Authentication
• Захист маршрутів та доступ до ресурсів

SSR та SSG

• Angular Universal: що це і навіщо?
• Використання ngExpressEngine
• Оптимізація продуктивності через SSR
• Генерація статичних сторінок (SSG)
• Використання ISR (Incremental Static Regeneration)

Мікрофронтенд-архітектура

• Що таке Micro Frontends і коли їх варто використовувати?
• Webpack Module Federation
• Інтеграція Angular у гібридні рішення

Тестування та оптимізація додатка

• Unit-тестування з Jasmine та Karma
• End-to-end тестування з Cypress
• Оптимізація продуктивності (Change Detection, OnPush, TrackBy)
• Lighthouse-аналіз та покращення швидкодії

Деплой та CI/CD

• Платформи деплою: Vercel, Firebase, Hostiq, GitHub Actions
• Створення автоматичних пайплайнів у CI/CD
• Налаштування Docker-контейнерів для Angular
• Використання серверless-функцій для бекенду

Як залишатись в курсі оновлень Angular

• Де шукати актуальну інформацію про оновлення?
• Огляд офіційної документації та найкращих ресурсів
• Як самостійно навчатися новим можливостям Angular

Мінімальні вимоги

• Впевнене володіння Angular та JavaScript
• Досвід роботи з HTTP-запитами та сервісами
• Розуміння принципів реактивного програмування
• Базове знання Node.js та Express.js

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

• Створювати, підтримувати і деплоїти додаток на базі Angular
• Інтегрувати систему OAuth
• Розуміти різницю між підходами до менеджменту даних
• Створювати повноцінні портовані модулі Angular-екосистеми

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

• Допомога ментора
• Практика
• Сертифікат про проходження курсу