План на курса

Въведение

  • Какво е Angular?
  • Какво е ново в Angular 12?

Обзор на TypeScript и ES6 JavaScript

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

Обзор на частите на Angular 12

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

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

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

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

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

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

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

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

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

Услуги на Angular 12

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

Използване на внедрение на зависимости и провайдъри

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

Смяна на страници с маршрутиране

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

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

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

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

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

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

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

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

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

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

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

Диагностика на приложението

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

Оптимизация на приложението с Angular 12

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

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

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

Развертване на приложение с Angular 12 в продукция

  • Развертване на IIS, Apache, Nginx и т.н.

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

Разрешаване на проблеми

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

Изисквания

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

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

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

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


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

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

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

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