Курс Angular 15 (базовий)

Курс Angular (базовий)

21000,00 ₴

Код курса: ANG-1
Тривалість: 21 година / 7 занять

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

Телефонуйте зараз щоб дізнатися більше:

Телефон
+38 098 805 4511

Артикул: ANG-1 Категорія: Позначки: , , ,

Про курс

Курс створений для новачків у сфері Frontend-розробки. Студенти ознайомлюються з оновленим фреймворком Angular, дізнаються про його основні переваги, можливості, компоненти та інше. Слухачі навчаться користуватися формами та HTTP-протоколом, попрактикуються у роботі з TypeScript та вивчать усю функціональність фреймворку, необхідну для створення односторінкових SPA-застосунків.

Для кого курс

  • Frontend-розробникам, які хочуть опанувати Angular;
  • розробникам із впевненими знаннями JavaScript, які переходять до сучасних frontend-фреймворків;
  • фахівцям, які хочуть навчитися створювати односторінкові вебзастосунки;
  • розробникам, які прагнуть працювати з TypeScript, компонентами, формами, маршрутизацією та API;
  • тим, хто планує продовжити навчання на поглибленому курсі Angular.

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

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

  • розуміти архітектуру Angular і переваги використання фреймворку;
  • створювати та налаштовувати Angular-проєкти за допомогою CLI;
  • працювати з TypeScript, компонентами, директивами та Pipes;
  • використовувати прив’язку даних і взаємодію між компонентами;
  • працювати із Signals, Observables і HttpClient;
  • створювати шаблонні та реактивні форми й налаштовувати їх валідацію;
  • використовувати хуки життєвого циклу компонентів;
  • налаштовувати маршрутизацію, Guards і Lazy Loading;
  • керувати станом застосунку за допомогою Signals або NgRx;
  • створювати й тестувати прості односторінкові Angular-застосунки.

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

  • впевнене знання JavaScript;
  • базове розуміння HTML і CSS;
  • уміння працювати із системою контролю версій Git;
  • базові навички роботи з командним рядком.

Попередній досвід роботи з Angular не є обов’язковим.

Рівень курсу

Основний

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

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

1. Вступ до Angular

  • Знайомство з фреймворком
  • Основні переваги
  • Унікальні можливості
  • Знайомство та робота з TypeScript
  • Основи модульної архітектури

2. Створення першого застосунку та структура фреймворку

  • Запуск першого проєкту
  • Робота з CLI
  • Організація коду в Angular-застосунку
  • Standalone Components vs NgModules
  • Підключення змінних та функцій

3. Основи роботи з DOM в Angular

  • Компоненти та їх структура
  • Директиви (структурні та атрибутивні)
  • Pipes (вбудовані та власні)
  • Шаблонізація та робота з подіями
  • Вступ до Angular Elements

4. Робота з даними та реактивністю

  • Прив’язка даних (Data Binding)
  • Декоратори та сервіси
  • Взаємодія між компонентами
  • Сигнали (Signal API) та Observables
  • Використання HttpClient для роботи з API

5. Робота з формами

  • Шаблонні та реактивні форми
  • Валідація форм
  • Отримання та обробка даних із форм
  • Динамічні форми та власні валідатори

6. Життєві цикли компонентів

  • Використання хуків життєвого циклу
  • constructor, ngOnInit, ngOnDestroy та інші
  • Детальний розбір роботи з компонентами

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

  • Angular Router: основи та налаштування
  • Динамічні маршрути та передача параметрів
  • Захист маршрутів (Guards)
  • Lazy Loading для оптимізації продуктивності

8. Оптимізація, тестування та найкращі практики

  • Робота з Change Detection та оновлення UI
  • Використання NgRx або Signals для керування станом
  • Модульне тестування компонентів та сервісів
  • Angular Material та інші UI-бібліотеки

Ім’я
Номер, за яким з Вами можна зв'язатись
Ваша адреса електронної пошти

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

✉️📅☎️🔝

Супутні товари