План на курса
Въведение
- Какво е Angular? Какво е новото в Angular 11?
Преглед на Typescript и ES6 JavaScript
- Синтаксис на TypeScript Използване на транспилатора на TypeScript Настройка Angular 11 и Typescript
Преглед на частите на Angular 11.
- Angular CLI Компоненти Директиви Входове и изходи Обвързване на данни и интерполация Обвързване на събития Моделиране на данни Bootstrapping Експериментален уеб пакет
Създаване на вашето първо Angular приложение
- Планиране на приложението Настройка на Angular проект Създаване на удобен за мобилни устройства потребителски интерфейс с помощта на Bootstrap 4 и Sass
Създаване на компонент
- Разбиране на потока от данни за жизнения цикъл на компонента Използване на шаблони и стилове Проектиране на съдържание Работа с AppModule Работа с персонализирани компоненти Използване на View Encapsulation Внедряване на куки за жизнения цикъл Използване на ViewChildren и ContentChildren
Свързване на данни в Angular 11
- Разбиране на обвързването на свойства и събития Обвързване и присвояване на псевдоними към персонализирани свойства Обвързване и присвояване на псевдоними на персонализирани събития
Работа с директиви
- Вградени директиви Персонализирани директиви
Angular 11 Услуги
- Създаване на услуга за регистриране Създаване на услуга за данни
Използване на инжектиране на зависимости и доставчици
- Инжектори, доставчик и токени Конфигуриране на инжектиране на зависимости Конфигуриране на вашия доставчик Инжектиране на услуги в компоненти, директиви и услуги
Превключване на страници с маршрутизиране
- Разбиране на различните методи за навигация Стратегии за маршрутизиране Настройване на маршрути Конфигуриране и зареждане на маршрути Използване на параметри в маршрути Създаване на вложени маршрути Използване на маршрути за пренасочване и заместващи символи Разбиране на охраната на маршрута
Използване на RxJS за създаване и работа с наблюдаеми в Angular
- Общ преглед на Observables Преглед на RxJS Изграждане и използване на Observables в Angular
Генериране на формуляри за потребителско въвеждане
- Използване на управлявани от шаблони формуляри Използване на Reactive Forms Създаване на персонализирано валидиране Валидиране, филтриране и дезинфекция на данни от формуляри
Използване на тръби
- Трансформиращ изход Вградени канали Async Pipe Персонализирани канали
Осъществяване на повиквания към външни 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
Публика
- Разработчици
Oтзиви от потребители (5)
Беше много интерактивно и информативно. Обучителят беше много търпелив с нас, когато не разбирахме нещо и се увери, че никой не изостава по време на обучението.
Daniel - INIT Innovations in Transportation Ltd.
Курс - Angular 17
Машинен превод
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Курс - Angular 14
Харесаха ми шегите ти
Dermot - Griffiths & Armour
Курс - Angular 2 Fundamentals
Машинен превод
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Курс - Angular 10 for Developers
Pipe Routing Data Biding Services