Курс Angular JS

Пройдеш повний цикл створення веб-проєктів з нуля. Навчишся швидко та якісно створювати програми з використанням Angular. Налагоджувати вже існуючі програми та покращувати їх роботу.

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

Модуль 1. Встановлення Angular CLI

• Встановлення Node.js та npm
• Встановлення Angular CLI через npm
• Створення нового проекту Angular

Модуль 2. TypeScript

• Основи TypeScript
• Типи даних (примітиви, об'єкти, масиви, функції)
• Інтерфейси та класи

Модуль 3. Філософія Angular

• SPA (Single Page Application) концепція
• Архітектура Angular (MVVM, DI, модулі)

Модуль 4. Angular CLI

• Основні команди CLI
• Генерація компонентів, директив, сервісів
• Виконання завдань, таких як build, serve, test

Модуль 5. Компоненти: Створення/Використання/Декоратори

• Структура компоненту (TS, HTML, CSS)
• Використання декораторів @Component
• Створення компонентів через Angular CLI
• Зв'язування даних (Data Binding)

Модуль 6. Component Life Cycle

• Життєвий цикл компоненту
• Основні методи життєвого циклу (ngOnInit, ngOnChanges, ngOnDestroy)
• Використання хуків життєвого циклу для керування станом компонента

Модуль 7. Change Detection

• Механізм виявлення змін
• Оптимізація продуктивності

Модуль 8. Модулі / standalone

• Основи створення модулів в Angular
• Використання декоратора @NgModule
• Standalone компоненти
• Створення standalone компонентів

Модуль 9. Директиви + Pipes

• Основи створення директив
• Відмінності між структурними та атрибутивними директивами
• Використання вбудованих директив (ngIf, ngFor)
• Створення та використання pipes
• Вбудовані pipes (DatePipe, CurrencyPipe, UpperCasePipe)
• Асинхронні pipes (async pipe)

Модуль 10. Services

• Основи створення сервісів
• Використання декоратора @Injectable
• Використання HttpClient для виконання HTTP запитів
• Обробка помилок та інтерсептори

Модуль 11. Форми Reactive Forms

• Основи Reactive Forms
• Створення FormGroup та FormControl
• Зв'язування форми з шаблоном

Модуль 12. Обробка даних форми

• Використання FormBuilder для спрощення створення форм
• Валідація форм (вбудована та кастомна)
• Відстеження стану та змін форми

Модуль 13. Форми валідація, динамічне створення

• Вбудовані валідатори (required, minLength, maxLength)
• Кастомні валідатори
• Асинхронні валідатори

Модуль 14. Динамічне створення форм

• Динамічне додавання та видалення контролів
• Створення форм за допомогою даних з сервера
• Динамічні форми з повторюваними елементами

Модуль 15. Ін'єкція залежностей

• Основи ін'єкції залежностей
• Використання декоратора @Injectable
• Впровадження DI (Dependency Injection) в Angular
• Використання провайдерів

Модуль 16. Роутінг

• Налаштування маршрутизації в додатку
• Використання RouterModule та Routes
• Створення навігації між сторінками
• Lazy Loading модулів
• Guard-и та Resolver-и

Модуль 17. Angular Material/PrimeNG

• Angular Material
• PrimeNG

Модуль 18. RxJS

• Основи RXJS
• Спостережувані (Observables) та підписники (Subscribers)
• Основні оператори (map, filter, tap)
• Обробка асинхронних даних

Модуль 19. Store - state management

• Основи управління станом
• Поняття глобального стану
• Використання бібліотеки NgRx
• Створення стору, редюсерів та екшенів

Модуль 20. Store практика

• Реалізація простого додатку
• Створення простого додатку з використанням NgRx
• Управління станом додатку

Модуль 21. Translate Service

• Інтернаціоналізація додатку
• Використання бібліотеки ngxtranslate
• Створення файлів перекладів
• Динамічна зміна мови в додатку

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

• Розуміти, як працює відстеження змін. Налагоджувати вже існуючі програми та покращувати їх роботу
• Швидко та якісно створювати програми з використанням можливостей Angular приймаючи правильні архітектурні рішення
• Збирати веб-додатки з окремих компонентів, як з деталей конструктора та застосовувати шаблони Angular дизайну
• Використовувати в роботі низку допоміжних бібліотек, які часто доповнюють Angular для створення повнофункціональних додатків
• Навчишся справлятися з витоками пам'яті у своїх проєктах, щоб підвищити продуктивність
• Візьмите участь у командному стажуванні та створите власний проєкт - інтернет-магазин. Роботу організуєте як у справжній компанії - у вас будуть спринти, дзвінки з тимлідом, а вести контроль версій у Git.

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

• Живі онлайн заняття
• 90% практики
• Підтримка викладачів
• Кар'єрні івенти
• Можлива оплата курсу частинами

Викладачі курсу

Димтро Томчук - Front-End Developer (Angular Developer)