Благодарим ви, че изпратихте вашето запитване! Един от членовете на нашия екип ще се свърже с вас скоро.
Благодарим ви, че направихте своята резервация! Един от членовете на нашия екип ще се свърже с вас скоро.
Съдържание и теми, включени в курса
Въведение
- Какво е Angular?
- Angular срещу React срещу Vue
- Преглед на функциите и архитектурата на Angular 17
- Настройка на средата за разработка
Първи стъпки
- Създаване на нов проект с Angular 17 чрез Angular CLI
- Разглеждане на структурата и файловете на проекта
- Стартиране и обслужване на приложението
- Показване на данни чрез интерполация и изрази
Компоненти
- Разбиране на ролята на компонентите в Angular 17
- Създаване и използване на компоненти
- Предаване на данни между компоненти чрез входове и изходи
- Използване на lifecycle hooks на компонентите
Директиви
- Разбиране на разликата между структурни и атрибутни директиви
- Създаване и използване на вградени директиви като ngIf, ngFor, ngSwitch и др.
- Създаване и използване на потребителски директиви
Pipes
- Разбиране на предназначението на pipes в Angular 17
- Създаване и използване на вградени pipes като date, currency, json и др.
- Създаване и използване на потребителски pipes
Услуги
- Разбиране на ролята на услугите в Angular 17
- Създаване и използване на услуги
- Инжектиране на зависимости чрез доставчици
Модули
- Разбиране на ролята на модулите в Angular 17
- Създаване и използване на модули
- Импортиране и експортиране на модули
Свързване на данни
- Разбиране на разликата между еднопосочно и двупосочно свързване на данни
- Създаване и използване на property binding, event binding и синтаксис banana-in-a-box
- Използване на шаблонни референтни променливи
Маршрутизация
- Разбиране на ролята на маршрутизацията в Angular 17
- Създаване и конфигуриране на маршрути
- Навигиране между маршрути чрез routerLink и router.navigate()
- Използване на параметри на маршрута, query параметри и фрагменти
Формуляри
- Разбиране на разликата между template-driven и reactive формуляри
- Създаване и валидиране на формуляри чрез form controls, form groups, form arrays и др.
- Използване на вградени валидатори като required, minLength, maxLength и др.
- Създаване и използване на потребителски валидатори
HTTP клиент
- Разбиране на ролята на HTTP клиента в Angular 17
- Създаване и използване на HTTP заявки за комуникация с бекенд услуги
- Използване на observables за обработка на асинхронни потоци от данни
- Използване на интерсептори за модифициране или обработка на HTTP заявки или отговори
Нов, декларативен контролен поток
- Обяснение на новия синтаксис на блокове за контрол на шаблоните и как той опростява често срещани задачи като условно рендиране, цикли и обработка на празни колекции
- Даване на примери за използване на новите блокове, като @if, @else, @switch, @case, @default, @for и @empty
- Сравнение на новия синтаксис с предишния, като *ngIf, *ngSwitch и *ngFor
- Споменаване на това как новите контролни блокове поддържат zoneless приложения със signals
Блокове с отложено зареждане
- Обяснение на концепцията за отложено зареждане и как то може да подобри производителността и потребителското изживяване на уеб приложенията
- Представяне на новия контролен блок @defer, който позволява лениво зареждане на съдържанието на блока и неговите зависимости
- Даване на примери за използване на блока @defer за различни сценарии, като зареждане на компоненти, директиви, pipes, анимации и стилове
- Споменаване на това как блокът @defer работи с новия API за преходи между изгледи
API за преходи между изгледи
- Обяснение на целта и ползите от API за преходи между изгледи, който позволява на разработчиците да персонализират анимациите и преходите между изгледите
- Представяне на новата директива withViewTransitions, която позволява използването на API за преходи между изгледи
- Даване на примери за използване на директивата withViewTransitions с различни типове преходи, като fade, slide, zoom и flip
- Споменаване на това как API за преходи между изгледи работи с рутера на Angular и историята на браузъра
Други функции и подобрения
- Накратко обобщение на някои от другите функции и подобрения, които предлага Angular 17, като:
- Поддръжка за предаване на @Component.styles като низ
- Кодът за анимации на Angular може да се зарежда лениво
- Поддръжка на TypeScript 5.2
- Основният API за signals вече е стабилен
- Поддръжката на Node.js v16 е премахната и минималната поддържана версия е v18.13.0
- Esbuild ще бъде стандартният builder, а стандартният сървър за разработка ще използва Vite
Обобщение и следващи стъпки
Изисквания
- Разбиране на HTML, CSS и JavaScript
- Опит с TypeScript и RxJS
- Опит в уеб разработката
Аудитория
- Разработчици, които желаят да научат как да използват Angular 17 за създаване на динамични и адаптивни уеб приложения
- Разработчици, които желаят да надградят уменията си от предишни версии на Angular
- Програмисти, които желаят да се запознаят с новите функции и подобрения на Angular 17
28 Часа
Отзиви от участници (2)
Основно ми хареса течението на обучението; тя премина през темата, а в края на темата ни имаше добре дефинирани практикумени сесии. Тя беше в състояние да ни ръководи бързо при проблемите, които се срещнахме в практическия материал.
Rabin Byanjankar - Lument
Курс - Angular 17
Машинен превод
Беше много интерактивно и информативно. Инструкторът беше много търпелив с нас, когато не разбирахме нещо, и се увери, че никой не е останал отстранен през цялото обучение.
Daniel - INIT Innovations in Transportation Ltd.
Курс - Angular 17
Машинен превод
