План на курса
Въведение
- Какво е Angular?
- Angular срещу React срещу Vue
- Преглед на Angular 16 характеристики и архитектура
- Създаване на среда за разработка
Приготвяме се да започнем
- Създаване на нов Angular 16 проект с помощта на Angular CLI
- Проучване на структурата и файловете на проекта
- Изпълнение и обслужване на приложението
- Показване на данни чрез интерполация и изрази
Компоненти
- Разбиране на ролята на компонентите в Angular 16
- Създаване и използване на компоненти
- Предаване на данни между компоненти с помощта на входове и изходи
- Използване на кукички за жизнения цикъл на компонента
Директиви
- Разбиране на разликата между структурни и атрибутни директиви
- Създаване и използване на вградени директиви като ngIf, ngFor, ngSwitch и др.
- Създаване и използване на персонализирани директиви
Тръби
- Разбиране на предназначението на тръбите в Angular 16
- Създаване и използване на вградени канали като дата, валута, json и др.
- Създаване и използване на персонализирани тръби
Услуги
- Разбиране на ролята на услугите в Angular 16
- Създаване и използване на услуги
- Инжектиране на зависимости с помощта на доставчици
Модули
- Разбиране на ролята на модулите в Angular 16
- Създаване и използване на модули
- Импортиране и експортиране на модули
Обвързване на данни
- Разбиране на разликата между еднопосочно и двупосочно обвързване на данни
- Създаване и използване на обвързване на свойства, обвързване на събития и синтаксис на банан в кутия
- Използване на шаблонни референтни променливи
Маршрутизиране
- Разбиране на ролята на маршрутизирането в Angular 16
- Създаване и конфигуриране на маршрути
- Навигиране между маршрути с помощта на routerLink и router.navigate
- Използване на параметри на маршрут, параметри на заявка и фрагменти
Форми
- Разбиране на разликата между управлявани от шаблони и реактивни форми
- Създаване и валидиране на формуляри с помощта на контроли на формуляри, групи формуляри, масиви от формуляри и др.
- Използване на вградени валидатори като изисквани, minLength, maxLength и др.
- Създаване и използване на персонализирани валидатори
HTTP клиент
- Разбиране на ролята на HTTP клиента в Angular 16
- Създаване и използване на HTTP заявки за комуникация с бекенд услуги
- Използване на наблюдаеми за обработка на асинхронни потоци от данни
- Използване на прехващачи за модифициране или обработка на HTTP заявки или отговори
Отстраняване на грешки
- Разбиране на често срещаните грешки и грешки в Angular 16 приложения
- Използване на Chrome DevTools за проверка на елементи, източници, мрежа, конзола и др.
- Използване на точки на прекъсване, изрази за наблюдение, стек за повиквания и т.н. за отстраняване на грешки в кода
Тестване
- Разбиране на важността на тестването в Angular 16 приложения
- Използване на Jest като алтернативна рамка за тестване
- Използване на Karma като тестов инструмент за модулни тестове
- Използване на Protractor като инструмент за тестване от край до край
Обобщение и следващи стъпки
Изисквания
- Разбиране на HTML, CSS и Java скрипт
- Опит с TypeScript и RxJS
- Опит в уеб разработката
Публика
- Разработчици, които искат да научат как да използват Angular 16 за създаване на динамични и отзивчиви уеб приложения
- Разработчици, които искат да подобрят уменията си от предишни версии на Angular
- Програмисти, които искат да изследват новите функции и актуализации на Angular 16
Oтзиви от потребители (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
Машинен превод
Анализ стъпка по стъпка. Обяснение на всеки ред от кода. Всеки проблем, който имах по време на курса, беше успешно решен и Лукаш ми каза причината. Харесаха ми и добрите практики, които бяха представени. Никога не съм бил убеден в стила TDD - просто не го намирам за полезен и не си заслужава времето. Łukasz посочи толкова много предимства на TDD, че напълно промени мнението ми.
Michal Uscinski - Devapo Sp. z o. o.
Курс - Testing Angular Applications
Машинен превод