План на курса

Въведение

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

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

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

Компоненти

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

Директиви

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

Тръби

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

Услуги

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

Модули

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

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

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

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

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

Форми

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

HTTP клиент

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

Отстраняване на грешки

  • Разбиране на често срещаните грешки и грешки в Angular 16 приложения
  • Използване на Chrome DevTools за проверка на елементи, източници, мрежа, конзола и др.
  • Използване на точки на прекъсване, изрази за наблюдение, стек за повиквания и т.н. за отстраняване на грешки в кода

Тестване

  • Разбиране на важността на тестването в Angular 16 приложения
  • Използване на Jest като алтернативна рамка за тестване
  • Използване на Karma като тестов инструмент за модулни тестове
  • Използване на Protractor като инструмент за тестване от край до край

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

Изисквания

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

Публика

  • Разработчици, които искат да научат как да използват Angular 16 за създаване на динамични и отзивчиви уеб приложения
  • Разработчици, които искат да подобрят уменията си от предишни версии на Angular
  • Програмисти, които искат да изследват новите функции и актуализации на Angular 16
 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атегории