План на курса
Въведение
- Нововведения в Angular 6?
Обзор на Typescript и ES6 JavaScript
- Синтаксис на TypeScript
- Използване на TypeScript транспилатора
- Настройка на Angular 6 и Typescript
Обзор на частите на Angular 6
- Създаване на компоненти
- Въръзване с данни и интерполация на низове
- Връзване с свойства
- Връзване с събития
- Двупосочно връзване с данни
- Моделиране на данни
- Директиви
- Зареждане
- Входни и изходни данни
- Angular CLI
Създаване на първото си приложение с Angular
- Планиране на приложението
- Настройка на проект с Angular и приложение с CLI
- Създаване на базов проект с Bootstrap 4 и Sass
Използване на компоненти в Angular 6
- Поток на данни
- Работа с AppModule
- Работа с персонализирани компоненти
- Използване на шаблони и стилове
- Използване на инкапсулация на изглед
- Проектиране на съдържание
- Разбиране на жизнения цикъл на компонентите и хукове на жизнения цикъл
- Използване на ViewChildren и ContentChildren
Връзване с данни в Angular 6
- Обзор на връзка със свойства и събития
- Връзка и задаване на псевдоними на персонализирани свойства
- Връзка и задаване на псевдоними на персонализирани събития
Работа с директиви
- Вградени директиви
- Персонализирани директиви
Служеби в Angular 6
- Създаване на услуга за дневници
- Създаване на услуга за данни
Използване на инжекция на зависимости и провайдери
- Инжектори, провайдери и токени
- Конфигуриране на инжекция на зависимости
- Конфигуриране на провайдера
- Инжектиране на услуги в компоненти, директиви и услуги
Преключване на страници с маршрутизация
- Настройка на маршрути
- Конфигуриране и зареждане на маршрути
- Разбиране на различни навигационни методи
- Използване на параметри в маршрути
- Създаване на вградени маршрути
- Използване на маршрути за преобразуване и див маршрут
- Разбиране на стражи на маршрута
- Разбиране на стратегии за маршрутизация
Използване на RxJS за създаване и работа с наблюдавани в Angular
- Обзор на наблюдавани
- Обзор на RxJS
- Създаване и използване на наблюдавани в Angular
Обработване на форми
- Използване на форми с шаблон
- Използване на реактивни форми
Използване на тръби
- Вградени тръби
- Асинхронна тръба
- Персонализирани тръби
Извършване на извиквания към външни HTTP API
Използване на модули на Angular
Тестване на приложението с Angular 6
- Използване на Jasmine за единично тестване
Отстраняване на грешки в приложението
- Разбиране на съобщения за грешки в Angular
- Използване на Source maps за отстраняване на грешки в браузъра
- Използване на Augury
Оптимизация на приложението с Angular 6
Безопасност на Angular 6
- Аутентификация
- Какво трябва и не трябва да се пише в Angular
Развертяване на приложение с Angular 6 в производство
- Развертяване в IIS, Apache, Nginx и т.н.
Отстраняване на проблеми
Заключителни бележки
Изисквания
- Запознаване с основен HTML, CSS и JavaScript
Целева аудитория
- Разработчици
Отзиви от потребители (6)
Класно материал! Треньорът е много симпатичен, което помага много!
Xander Knol - Conclusion Learning Centers
Курс - Angular 6
Машинен превод
Практическо упражнение!
William Limberger - Conclusion Learning Centers
Курс - Angular 6
Машинен превод
Учаене на цялата екосистема на Angular, TypeScript, и особено маршрутизирането
Ryan Delport - Leaseweb
Курс - Angular 6
Машинен превод
Упражнявам се, правийки това самият си.
Christiaan Sloof - Leaseweb
Курс - Angular 6
Машинен превод
I искрено се радвам на тренера - той е отличен специалист.
Lukasz Cysewski - PSI Polska
Курс - Angular 6
Машинен превод
The tutorials allowed us to apply the knowledge we gained from the lecture to a real example. They also gave us the opportunity to ask questions if we were unsure about how something works.
Chris Gilchrist - SAA Consultants LTD
Курс - Angular 6
Машинен превод