План на курса

Въведение

  • Какво е Angular?
  • Ново в Angular 11?

Преглед на Typescript и ES6 JavaScript

  • Синтаксис на TypeScript
  • Използване на преводача на TypeScript
  • Настройка на Angular 11 и Typescript

Преглед на частите на Angular 11

  • Angular CLI
  • Компоненти
  • Директиви
  • Вход и Изход
  • Свързване на данни и интерполация
  • Свързване на събития
  • Моделиране на данни
  • Бустроустриване
  • Експериментално Webpack

Създаване на първото си Angular приложение

  • Планиране на приложението
  • Настройка на Angular проект
  • Създаване на мобилно подходящ UI с помощта на Bootstrap 4 и Sass

Създаване на компонент

  • Разбиране на жизнения цикъл на компонента
  • Ток на данни
  • Използване на шаблони и стилове
  • Проектиране на съдържание
  • Работа с AppModule
  • Работа с персонализирани компоненти
  • Използване на обхват на изгледа
  • Реализация на хукове на жизнения цикъл
  • Използване на ViewChildren и ContentChildren

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

  • Разбиране на свойствата и свързване на събития
  • Свързване и назначаване на псевдоними за персонализирани свойства
  • Свързване и назначаване на псевдоними за персонализирани събития

Работа с директиви

  • Вградени директиви
  • Персонализирани директиви

Услуги на Angular 11

  • Създаване на услуга за логиране
  • Създаване на услуга за данни

Използване на инжекция на зависимости и доставчици

  • Инжектори, доставчици и токени
  • Настройка на инжекция на зависимости
  • Настройка на доставчика
  • Инжектиране на услуги в компоненти, директиви и услуги

Преминаване между страници с маршрутиране

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

Използване на RxJS за създаване и работа с наблюдаеми в Angular

  • Преглед на наблюдаеми
  • Преглед на RxJS
  • Създаване и използване на наблюдаеми в Angular

Генериране на форми за вход на потребителя

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

Използване на тръби

  • Преобразуване на изход
  • Вградени тръби
  • Асинхронна тръба
  • Персонализирани тръби

Изпращане на заявки до външни HTTP API

  • Изпращане на заявки

Тестване на Angular 10 приложението

  • Използване на Jasmine за единици тестове
  • Използване на Protractor за край-край тестове

Отстраняване на грешки в приложението

  • Разбиране на съобщения за грешки в Angular
  • Използване на Sourcemaps за отстраняване на грешки в браузъра
  • Четене на диагностики на TypeScript компилатора
  • Използване на Augury

Оптимизиране на Angular 11 приложението

  • Преработка на кода
  • Намаляване на размер на пакет и елиминиране на мъртъв код

Безопасност на Angular 11

  • Как работи аутентификацията
  • Използване на JWT аутентификация
  • Какво трябва и какво не трябва да се пише в Angular

Разгръщане на Angular 11 приложение в производство

  • Разгръщане на IIS, Apache, Nginx и т.н.

Най-добри практики на Angular 11

Отстраняване на проблеми

Резюме и заключение

Изисквания

  • Знакомство с базови HTML, CSS и JavaScript

Целева аудитория

  • Разработчици
 28 часа

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


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

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

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

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