План на курса
Въведение
- Какво е Angular? Какво е новото в Angular 10?
Преглед на Typescript и ES6 JavaScript
- TypeScript Синтаксис Използване на TypeScript transpiler Настройка на Angular 10 и Typescript
Преглед на Angular части от 10-те
- Angular CLI Компоненти Директиви Входове и изходи Обвързване на данни и интерполация Обвързване на събития Моделиране на данни Bootstrapping
Създаване на вашето първо Angular приложение
- Планиране на приложението Настройка на Angular проект Създаване на удобен за мобилни устройства потребителски интерфейс с помощта на Bootstrap 4 и Sass
Създаване на компонент
- Разбиране на потока от данни за жизнения цикъл на компонента Използване на шаблони и стилове Проектиране на съдържание Работа с AppModule Работа с персонализирани компоненти Използване на View Encapsulation Внедряване на куки за жизнения цикъл Използване на ViewChildren и ContentChildren
Обвързване на данни в Angular 10
- Разбиране на обвързването на свойства и събития Обвързване и присвояване на псевдоними към персонализирани свойства Обвързване и присвояване на псевдоними на персонализирани събития
Работа с директиви
- Вградени директиви Персонализирани директиви
Angular 10 услуги
- Създаване на услуга за регистриране Създаване на услуга за данни
Използване на инжектиране на зависимости и доставчици
- Инжектори, доставчик и токени Конфигуриране на инжектиране на зависимости Конфигуриране на вашия доставчик Инжектиране на услуги в компоненти, директиви и услуги
Превключване на страници с маршрутизиране
- Разбиране на различните методи за навигация Стратегии за маршрутизиране Настройване на маршрути Конфигуриране и зареждане на маршрути Използване на параметри в маршрути Създаване на вложени маршрути Използване на маршрути за пренасочване и заместващи символи Разбиране на охраната на маршрута
Използване на RxJS за създаване и работа с наблюдаеми в Angular
- Общ преглед на Observables Преглед на RxJS Изграждане и използване на Observables в Angular
Генериране на формуляри за потребителско въвеждане
- Използване на управлявани от шаблони формуляри Използване на Reactive Forms Създаване на персонализирано валидиране Валидиране, филтриране и дезинфекция на данни от формуляри
Използване на тръби
- Трансформиращ изход Вградени канали Async Pipe Персонализирани канали
Осъществяване на повиквания към външни HTTP API
- Изпращане на заявки
Използване на Angular модула
Тестване на приложението Angular 10
- Използване на Jasmine за модулно тестване Използване на Protractor за тестване от край до край
Отстраняване на грешки в приложението
- Разбиране на съобщенията за грешка в Angular Използване на Sourcemaps за отстраняване на грешки в кода в браузъра Четене TypeScript Диагностика на компилатор Използване на Augury
Оптимизиране на приложението Angular 10
- Преработка на кода Намаляване на размера на пакета и елиминиране на мъртъв код
Angular 10 Сигурност
- Как работи удостоверяването Използване на JWT удостоверяване Какво трябва и какво не трябва да се пише в Angular
Внедряване на Angular 10 приложение в производство
- Внедряване в IIS, Apache Nginx и др.
Angular 10 най-добри практики
Отстраняване на неизправности
Обобщение и заключение
Изисквания
- Познаване на основните HTML, CSS и JavaScript
Публика
- Разработчици
Oтзиви от потребители (4)
Отношението и знанията на треньора
Gabriel Llaurado - Allianz Technology
Курс - Angular 10 for Developers
Машинен превод
Познаването на структурата.
Jeffry Gonzalez - Allianz Technology
Курс - Angular 10 for Developers
Машинен превод
Започнахме от основата на Angular и TS и увеличихме трудността на упражненията по добър начин
Daniel Zamorano Infante - Allianz Technology
Курс - Angular 10 for Developers
Машинен превод
Practical examples, exercises and best practices