План на курса
Въведение
- Какво е Angular?
- Какво е ново в Angular 12?
Обзор на TypeScript и ES6 JavaScript
- Синтаксис на TypeScript
- Използване на преводач на TypeScript
- Настройка на Angular 12 и TypeScript
Обзор на частите на Angular 12
- Angular CLI
- Компоненти
- Директиви
- Входове и Изходове
- Свързване на данни и интерполяция
- Свързване на събития
- Моделиране на данни
- Бутстрапване
- Експериментално Webpack
Създаване на първото си Angular приложение
- Планиране на приложението
- Настройка на Angular проект
- Създаване на мобилно подходящ интерфейс с Bootstrap 4 и Sass
Създаване на компонент
- Разбиране на цикъла на живот на компонента
- Поток на данни
- Използване на шаблони и стилове
- Проектиране на съдържание
- Работа с AppModule
- Работа с персонализирани компоненти
- Използване на енкапсулиране на изгледа
- Реализация на хукове за цикъл на живот
- Използване на ViewChildren и ContentChildren
Свързване на данни в Angular 12
- Разбиране на свързването на свойства и събития
- Свързване и назначаване на псевдоними за персонализирани свойства
- Свързване и назначаване на псевдоними за персонализирани събития
Работа с директиви
- Вградени директиви
- Персонализирани директиви
Услуги на Angular 12
- Създаване на услуга за регистриране
- Създаване на услуга за данни
Използване на внедрение на зависимости и провайдъри
- Инжектори, провайдъри и токени
- Настройка на внедрение на зависимости
- Настройка на провайдъра си
- Внедряване на услуги в компоненти, директиви и услуги
Смяна на страници с маршрутиране
- Разбиране на различните методове за навигация
- Стратегии за маршрутиране
- Настройка на маршрути
- Конфигуриране и зареждане на маршрути
- Използване на параметри в маршрутите
- Създаване на вложени маршрути
- Използване на маршрути за преправяне и диви маршрути
- Разбиране на пазители на маршрути
Използване на RxJS за създаване и работа с наблюдаеми в Angular
- Обзор на наблюдаемите
- Обзор на RxJS
- Създаване и използване на наблюдаеми в Angular
Генериране на форми за потребителски вход
- Използване на шаблонно управлявани форми
- Използване на реактивни форми
- Създаване на персонализирана валидация
- Валидиране, филтриране и санкциониране на данни от форма
Използване на тръби
- Преобразуване на изход
- Вградени тръби
- Асинхронна тръба
- Персонализирани тръби
Изпращане на заявки към външни 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
Целева аудитория
- Разработчици
- Програмисти
Отзиви от потребители (4)
Учебно-методически насочване за търпение
Danilo Jo - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
Машинен превод
Трениращият е с опит и търпение.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
Машинен превод
Харесах ми стила на преподаване
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
Машинен превод
Тръби Маршрутизиране Свързване на данни Услуги
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Курс - Angular 12
Машинен превод