Курс Angular

Цей курс є частиною спеціальності Frontend розробник. Він допоможе вам вивчити основи платформи Angular.

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

Введення до Angular

• Знайомство з фреймворком Angular
• Огляд необхідних інструментів для початку розроблення
• Створення додатку, огляд файлів та папок створеного проєкту
• Знайомство з синтаксисом та структурою коду на Angular
• Створення компонентів і їх реєстрація через CLI
• Компонентний підхід задання стилів
• Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор
• Додавання картинок/іконок до проєкту

Події та датабайдинг

• Основи маршрутизації і основні принципи виведення даних на сторінку
• Створення простого проєкту з маршрутизацією
• Задання різної логіки виведення даних
• Стилізація розмітки через інструменти Angular
• Розбір синтаксису запитів та технічної різниці між ними в їх використанні

Директиви, пайпи. Роль модулів Angular

• Використання директив
• Створення необхідних шаблонів, які повторюються в проєкті
• Перетворення даних за допомогою пайпів
• Модульна архітектура

Компоненти та їх робота

• Стилі компонентів
• Передача даних між компонентами
• Взаємодія компонентів
• Життєвий цикл компонентів

Основи роботи сервісів та їх роль у додатку

• Основи роботи сервісів
• Створення та реєстрація сервісу
• Локальні сервіси
• Область видимості сервісів та їх взаємозв'язок

Введення у HttpClient та RxJS

• Основи бібліотеки RxJS та її використаннядля роботи з асинхронністю
• Модуль HttpClientModule для взаємодії з сервером

Форми в Ангуляр

• Створення форм в Angular
• Двосторонній байдинг
• Реактивні форми. Відображення стану форми та її полів
• Валідатори
• Управління формою, її полями
• Асинхронні валідатори

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

• Основи маршрутизації, динамічні сторінки
• Динамічні сторінки і передача даних між ними
• Обмеження маршрутизації в Angular

Практичне заняття. Підготовка до роботи проєкту

Підготовка до роботи проєкту, налаштування маршрутизації, реалізація простого запиту на сервер для виводу інформації в блоках.

Практичне заняття. Створення окремих сторінок динамічною маршрутизацією

Створення окремих сторінок динамічною маршрутизацію і передача даних між сторінками.

Практичне заняття. Додавання форми з валідацією

Додавання форми з валідацією.

Після завершення курсу ви будете вміти:

• Розуміти роль та переваги Angular у веб-технологіях
• Створювати простий додаток, який буде складатися з компонентів, модулів та сервісів
• Налаштовувати маршрутизацію в додатку та передавати дані між сторінками
• Використовувати додаткові вбудовані інструменти для додатку, такі як: директиви, пайпи, сервіси, форми
• Виконувати запити та приймати відповіді з серверної сторони сайту/додатку

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

• Практичні заняття і перевірка ДЗ
• Безкоштовний відеокурс
• Онлайн тестування і сертифікація

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

• Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
• Сергій Патьоха - Senior Software Engineer
• Олександр Гончаренко - Web Frontend Developer
• Анна Павлюк - Web Frontend Developer
• Олена Хижняк - Web Frontend Developer
• Поліна Соколенко - Web Frontend Developer
• Віталій Мазяр - Web Frontend Developer
• Оксана Дмитрієва - Web Frontend Developer
• Денис Ковтун - Web Frontend Developer