План на курса
Въведение
- Какво е Angular?
- Ново в Angular 11?
Преглед на Typescript и ES6 JavaScript
- Синтаксис на TypeScript
- Използване на преводача на TypeScript
- Настройка на Angular 11 и Typescript
Преглед на частите на Angular 11
- Angular CLI
- Компоненти
- Директиви
- Вход и Изход
- Свързване на данни и интерполация
- Свързване на събития
- Моделиране на данни
- Бустроустриване
- Експериментално Webpack
Създаване на първото си Angular приложение
- Планиране на приложението
- Настройка на Angular проект
- Създаване на мобилно подходящ UI с помощта на Bootstrap 4 и Sass
Създаване на компонент
- Разбиране на жизнения цикъл на компонента
- Ток на данни
- Използване на шаблони и стилове
- Проектиране на съдържание
- Работа с AppModule
- Работа с персонализирани компоненти
- Използване на обхват на изгледа
- Реализация на хукове на жизнения цикъл
- Използване на ViewChildren и ContentChildren
Свързване на данни в Angular 11
- Разбиране на свойствата и свързване на събития
- Свързване и назначаване на псевдоними за персонализирани свойства
- Свързване и назначаване на псевдоними за персонализирани събития
Работа с директиви
- Вградени директиви
- Персонализирани директиви
Услуги на Angular 11
- Създаване на услуга за логиране
- Създаване на услуга за данни
Използване на инжекция на зависимости и доставчици
- Инжектори, доставчици и токени
- Настройка на инжекция на зависимости
- Настройка на доставчика
- Инжектиране на услуги в компоненти, директиви и услуги
Преминаване между страници с маршрутиране
- Разбиране на различните методи за навигация
- Стратегии за маршрутиране
- Настройка на маршрути
- Конфигуриране и зареждане на маршрути
- Използване на параметри в маршрути
- Създаване на вградени маршрути
- Използване на маршрути за пренасочване и джокери
- Разбиране на пазачи на маршрути
Използване на RxJS за създаване и работа с наблюдаеми в Angular
- Преглед на наблюдаеми
- Преглед на RxJS
- Създаване и използване на наблюдаеми в Angular
Генериране на форми за вход на потребителя
- Използване на форми, управлявани от шаблони
- Използване на реактивни форми
- Създаване на персонализирана валидация
- Валидиране, филтриране и изчистване на данни от формата
Използване на тръби
- Преобразуване на изход
- Вградени тръби
- Асинхронна тръба
- Персонализирани тръби
Изпращане на заявки до външни 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
Целева аудитория
- Разработчици
Отзиви от потребители (5)
Хареса ми, че обучението се фокусира повече върху практическата страна.
Mihaela - Ness
Курс - NgRx
Машинен превод
Теми, които бяха обсуждани, множество живи кодови примерци, отношението на треньора към групата
Weronika - ATOS PGS sp. z o.o.
Курс - Reactive Programming with Angular RxJS
Машинен превод
Харесаха ми шегите ти
Dermot - Griffiths & Armour
Курс - Angular 2 Fundamentals
Машинен превод
Практическо обучение, упражнения и добри практики
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Курс - Angular 10 for Developers
Машинен превод
Тръби Маршрутизиране Свързване на данни Услуги
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
Машинен превод