Про курс

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

Для кого курс

Angular-розробникам, які вже впевнено володіють фреймворком і хочуть поглибити професійні знання;
Frontend-розробникам, які працюють із сучасними Angular-застосунками;
розробникам, які хочуть опанувати поглиблену роботу з RxJS, Signals і NgRx;
фахівцям, які працюють з архітектурою, продуктивністю, тестуванням і безпекою Angular-застосунків;
розробникам, які хочуть інтегрувати CI/CD, SSR, SSG, мікрофронтенди та Docker у Angular-проєкти.

Чого навчаться учасники

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

поглиблено працювати з RxJS, Observables, Subjects і потоками даних;
використовувати Signal API та сучасні підходи до реактивності;
налаштовувати маршрутизацію, Guards, Resolvers, Interceptors і Lazy Loading;
керувати станом застосунку за допомогою Signals і NgRx;
реалізовувати OAuth2, JWT, OpenID Connect і Firebase Authentication;
використовувати SSR, SSG та ISR для оптимізації Angular-застосунків;
будувати мікрофронтенд-архітектуру з Webpack Module Federation;
створювати unit- та end-to-end тести й оптимізувати продуктивність застосунків;
налаштовувати CI/CD-пайплайни та Docker-контейнери для Angular;
створювати модульні Angular-рішення, які легко підтримувати та розвивати.

Попередні вимоги

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

Рівень курсу

Поглиблений

Дивіться розклад

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

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

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

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

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

3. Управління станом застосунку (State Management)

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

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

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

5. SSR та SSG

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

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

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

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

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

8. Деплой та CI/CD

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

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

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

Надіслати заявку

📩 info@sso.net.ua
☎️ 38 098 805 45 11

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

Про курс

Для кого курс

Чого навчаться учасники

Попередні вимоги

Рівень курсу