План на курса

Въведение

  • Какво е 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 Часа

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


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

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

Предстоящи Курсове

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