План на курса
Въведение
- Какво е 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
Публика
- Разработчици
- Програмисти
Oтзиви от потребители (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
Pipe Routing Data Biding Services