План на курса

Въведение

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

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

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

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

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

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

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

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

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

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

    Разбиране на обвързването на свойства и събития Обвързване и присвояване на псевдоними към персонализирани свойства Обвързване и присвояване на псевдоними на персонализирани събития

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

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

Angular 12 Услуги

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

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

    Инжектори, доставчик и токени Конфигуриране на инжектиране на зависимости Конфигуриране на вашия доставчик Инжектиране на услуги в компоненти, директиви и услуги

Превключване на страници с маршрутизиране

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

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

    Общ преглед на Observables Преглед на RxJS Изграждане и използване на Observables в Angular

Генериране на формуляри за потребителско въвеждане

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

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

    Трансформиращ изход Вградени канали Async Pipe Персонализирани канали

Осъществяване на повиквания към външни 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 Hours

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



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

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

Свързани 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атегории