План на курса

Въведение

  • Какво е Angular?
  • Angular срещу React срещу Vue
  • Преглед на Angular 17 характеристики и архитектура
  • Създаване на среда за разработка

Приготвяме се да започнем

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

Компоненти

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

Директиви

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

Тръби

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

Услуги

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

Модули

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

Обвързване на данни

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

Маршрутизиране

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

Форми

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

HTTP клиент

  • Разбиране на ролята на HTTP клиента в Angular 17
  • Създаване и използване на HTTP заявки за комуникация с бекенд услуги
  • Използване на наблюдаеми за обработка на асинхронни потоци от данни
  • Използване на прехващачи за модифициране или обработка на HTTP заявки или отговори

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

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

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

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

Преглед на API за преходи

  • Обясняване на целта и предимствата на API за преходи на изгледи, което позволява на разработчиците да персонализират анимациите и преходите между изгледи
  • Представяне на новата директива withViewTransitions, която позволява използването на API за преходи на изгледи
  • Предоставяне на примери за използване на директивата withViewTransitions с различни типове преходи, като избледняване, плъзгане, мащабиране и обръщане
  • Споменаваме как API за преходи на изглед работи с рутера Angular и хронологията на браузъра

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

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

Обобщение и следващи стъпки

Изисквания

  • Разбиране на HTML, CSS и Java скрипт
  • Опит с TypeScript и RxJS
  • Опит в уеб разработката

Публика

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

 28 Hours

Брой участници



Цена за участник

Oтзиви от потребители (10)

Свързани Kурсове

Building Web Apps using the MEAN stack

35 Hours

Testing Angular Applications

14 Hours

Reactive Programming with Angular RxJS

14 Hours

NgRx

21 Hours

Свързани Kатегории