Курс за обучение по Angular 17

Въведение в Angular 17

• Какво е Angular?
• Angular vs React vs Vue
• Обща информация за функционалностите и архитектурата на Angular 17
• Настройка на средата за разработка

Първи стъпки

• Създаване на нов проект с Angular 17, използвайки Angular CLI
• Разглеждане на структурата на проекта и файловете
• Пускане и обслужване на приложението
• Показване на данни чрез интерполация и изрази

Компоненти

• Разбиране на ролята на компонентите в Angular 17
• Създаване и използване на компоненти
• Прехвърляне на данни между компоненти чрез inputs и outputs
• Използване на хукове за жизнен цикъл на компонентите

Директиви

• Разбиране на разликата между структурни и атрибутивни директиви
• Създаване и използване на вградени директиви като ngIf, ngFor, ngSwitch и др.
• Създаване и използване на персонализирани директиви

Тръби (Pipes)

• Разбиране на предназначението на тръбите в Angular 17
• Създаване и използване на вградени тръби като date, currency, json и др.
• Създаване и използване на персонализирани тръби

Услуги

• Разбиране на ролята на услугите в Angular 17
• Създаване и използване на услуги
• Инжектиране на зависимости чрез providers

Модули

• Разбиране на ролята на модулите в Angular 17
• Създаване и използване на модули
• Импорт и експорт на модули

Свързване на данни

• Разбиране на разликата между еднопосочното и дву-посочното свързване на данни
• Създаване и използване на свързване на свойства, свързване на събития и синтаксиса banana-in-a-box
• Използване на променливи за референция в шаблоните

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

• Разбиране на ролята на маршрутизацията в Angular 17
• Създаване и конфигуриране на маршрути
• Навигиране между маршрути с routerLink и router.navigate()
• Използване на параметри на маршрута, параметри за запитване и фрагменти

Форми

• Разбиране на разликата между форми, базирани на шаблон, и реактивни форми
• Създаване и валидиране на форми чрез контроли на форми, групи от форми, масиви от форми и др.
• Използване на вградени валидатори като required, minLength, maxLength и др.
• Създаване и използване на персонализирани валидатори

HTTP Клиент

• Разбиране на ролята на HTTP клиента в Angular 17
• Създаване и използване на HTTP заявки за комуникация с backend услуги
• Използване на наблюдаеми (observables) за обработка на асинхронни потоци от данни
• Използване на междинни елементи (interceptors) за модифициране или обработка на HTTP заявки или отговори

Нов декларативен поток на управление

• Обясняване на новия синтаксис за блокове от управление в шаблоните и как той опростява чести задачи като условно изобразяване, итериране и обработка на празни колекции
• Подаване на примери за използване на новите блокове, като @if, @else, @switch, @case, @default, @for и @empty
• Сравняване на новия синтаксис с предишния, като *ngIf, *ngSwitch и *ngFor
• Посочване как новите блокове от управление поддържат zoneless приложения с сигнали

Блокове за отложено зареждане

• Обясняване на концепцията за отложено зареждане и как тя може да подобри ефективността и потребителския опит на уеб приложенията
• Представяне на новия блок от управление @defer, който позволява.lazy-заряждане на съдържанието на блока и неговите зависимости
• Подаване на примери за използване на блока @defer за различни сценарии, като зареждане на компоненти, директиви, тръби, анимации и стилове
• Посочване как блокът @defer работи с новото API за преходи на визуализацията

API за преходи на визуализацията

• Обясняване на целта и ползите от API-то за преходи на визуализацията, което позволява на разработчиците да персонализират анимациите и преходите между екранове
• Представяне на новата директива withViewTransitions, която позволява използването на API-то за преходи на визуализацията
• Подаване на примери за използване на директивата withViewTransitions с различни видове преходи, като fade, slide, zoom и flip
• Посочване как API-то за преходи на визуализацията работи с маршрутизатора на Angular и историята на браузъра

Други функции и подобрения

• Кратко обобщение на някои от другите функции и подобрения, които Angular 17 предлага, като например:
• Поддръжка за предаване на @Component.styles като низ
• Кодът за анимации на Angular е.lazy-заряжаем
• Поддръжка за TypeScript 5.2
• Основното API за сигнали вече е стабилно
• Поддръжката за Node.js v16 е премахната, а минималната поддържана версия е v18.13.0
• Esbuild ще бъде стандартният компилатор (builder), а стандартният dev server ще използва Vite