Angular 11.0 Базовий

Познайомитесь з фреймворком та зручним інструментарієм для зручного вивчення Angular надалі. На цьому уроці буде розглянуто, що потрібно на початку роботи з Angular. Як створити початковий проект на Ангулярі Буде розглянуто файлову структуру початкового проекту та початок роботи з ним.

Ознайомитесь із синтаксисом та структурою коду, який надає можливість писати Ангуляр та навчитесь створювати заготовки файлів із кодом через AngularCLI. Розберетесь, яку роль виконують сутності компонента та модуля у додатку, як вони описані Декоратором.

Урок дозволить освоїти основи маршрутизації та основні принципи виведення даних на сторінку із простою взаємодією з користувачем. Також завдання уроку входить розібрати синтаксис записів і технічну різницю між ними у використанні.

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

Урок розкриє важливість розбиття проекту на модулі. Буде розглянуто як побудувати взаємозв'язок на простих прикладах з маршрутизацією, розглянуто, як будуть побудовані приклади наступних уроків. Також розглядається як у компонентах можна задавати стилі на різних рівнях і використовувати різні способи звернення по селекторам.

Мета заняття - розібрати взаємозв'язок між компонентами у стилізації та передачі даних. Розглянути як можна передавати дані дочірнім або батьківським компонентам, яку роль виконує життєвий цикл компонента Ангуляр для коректної роботи проекту.

На цьому уроці розглядаються основи роботи сервісів, завдання, яке вони виконують і як вони допомагають структурувати функціонал програми, виносячи різнопланову логіку окремо, не розміщуючи її в компонентах, що зосередить код компонента з роботою з представленням, тобто з розміткою html. Розглядається необхідність реєстрацій сервісів у додатку у різних областях видимості і як  це впливає програму.

На занятті студент познайомиться з бібліотекою RxJs, яка використовується в Ангулярі для роботи з асинхронними операціями, спрощуючи написання їхньої логіки в зрозумілий і простий код. І можливостями модуля HTTPClientModule для взаємодії з сервером, надсилаючи запити з параметрами чи хедарами.

На уроці ви познайомитеся з можливостями створення різних форм, які надає Ангуляр. Дізнаєтеся про вбудований у форми початковий функціонал та які валідатори можна налаштувати під різні завдання з можливістю створювати власні та асинхронні валідатори.

Урок розглядає основні можливості налаштування маршрутизації в Angular. Студент дізнається про можливість створення структури маршрутів у додатку, передачу даних між шляхами та блокувати або допускати до певних маршрутів додатка.