Благодарим ви, че изпратихте вашето запитване! Един от членовете на нашия екип ще се свърже с вас скоро.
Благодарим ви, че направихте своята резервация! Един от членовете на нашия екип ще се свърже с вас скоро.
План на курса
Въведение
- Какво е Angular?
- Angular срещу React срещу Vue
- Преглед на Angular 17 характеристики и архитектура
- Създаване на среда за разработка
Приготвяме се да започнем
- Създаване на нов Angular 17 проект с помощта на Angular CLI
- Проучване на структурата и файловете на проекта
- Изпълнение и обслужване на приложението
- Показване на данни чрез интерполация и изрази
Компоненти
- Разбиране на ролята на компонентите в Angular 17
- Създаване и използване на компоненти
- Предаване на данни между компоненти с помощта на входове и изходи
- Използване на кукички за жизнения цикъл на компонента
Директиви
- Разбиране на разликата между структурни и атрибутни директиви
- Създаване и използване на вградени директиви като ngIf, ngFor, ngSwitch и др.
- Създаване и използване на персонализирани директиви
Тръби
- Разбиране на предназначението на тръбите в Angular 17
- Създаване и използване на вградени канали като дата, валута, json и др.
- Създаване и използване на персонализирани тръби
Услуги
- Разбиране на ролята на услугите в Angular 17
- Създаване и използване на услуги
- Инжектиране на зависимости с помощта на доставчици
Модули
- Разбиране на ролята на модулите в Angular 17
- Създаване и използване на модули
- Импортиране и експортиране на модули
Обвързване на данни
- Разбиране на разликата между еднопосочно и двупосочно обвързване на данни
- Създаване и използване на обвързване на свойства, обвързване на събития и синтаксис на банан в кутия
- Използване на шаблонни референтни променливи
Маршрутизиране
- Разбиране на ролята на маршрутизирането в Angular 17
- Създаване и конфигуриране на маршрути
- Навигиране между маршрути с помощта на routerLink и router.navigate()
- Използване на параметри на маршрут, параметри на заявка и фрагменти
Форми
- Разбиране на разликата между управлявани от шаблони и реактивни форми
- Създаване и валидиране на формуляри с помощта на контроли на формуляри, групи формуляри, масиви от формуляри и др.
- Използване на вградени валидатори като изисквани, minLength, maxLength и др.
- Създаване и използване на персонализирани валидатори
HTTP клиент
- Разбиране на ролята на HTTP клиента в Angular 17
- Създаване и използване на HTTP заявки за комуникация с бекенд услуги
- Използване на наблюдаеми за обработка на асинхронни потоци от данни
- Използване на прехващачи за модифициране или обработка на HTTP заявки или отговори
Нов, декларативен контролен поток
- Обяснение на новия синтаксис на контролния блок на шаблона и как той опростява често срещани задачи като условно изобразяване, зацикляне и обработка на празни колекции
- Даване на примери за използване на новите блокове, като @if, @else, @switch, @case, @default, @for и @empty
- Сравняване на новия синтаксис с предишния, като *ngIf, *ngSwitch и *ngFor
- Споменавайки как новите контролни блокове поддържат беззонови приложения със сигнали
Блокове за отложено зареждане
- Обясняване на концепцията за отложено зареждане и как то може да подобри производителността и потребителското изживяване на уеб приложенията
- Представяне на новия контролен блок @defer, който позволява лениво зареждане на съдържанието на блока и неговите зависимости
- Даване на примери за използване на блок @defer за различни сценарии, като зареждане на компоненти, директиви, канали, анимации и стилове
- Споменаваме как блокът @defer работи с новия API за преходи на изгледи
Преглед на API за преходи
- Обясняване на целта и предимствата на API за преходи на изгледи, което позволява на разработчиците да персонализират анимациите и преходите между изгледи
- Представяне на новата директива withViewTransitions, която позволява използването на API за преходи на изгледи
- Предоставяне на примери за използване на директивата withViewTransitions с различни типове преходи, като избледняване, плъзгане, мащабиране и обръщане
- Споменаваме как API за преходи на изглед работи с рутера Angular и хронологията на браузъра
Други функции и подобрения
- Кратко обобщение на някои от другите функции и подобрения, които Angular 17 предлага, като например:
- Поддръжка за предаване на @Component.styles като низ
- Анимационният код на Angular може да се зарежда отложено
- TypeScript Поддръжка на 5.2
- API на основния сигнал вече е стабилен
- Node.js Поддръжката на v16 е премахната и минималната поддържана версия е v18.13.0
- Esbuild ще бъде строителят по подразбиране, а сървърът за разработка по подразбиране ще използва Vite
Обобщение и следващи стъпки
Изисквания
- Разбиране на HTML, CSS и Java скрипт
- Опит с TypeScript и RxJS
- Опит в уеб разработката
Публика
- Разработчици, които искат да научат как да използват Angular 17 за създаване на динамични и отзивчиви уеб приложения
- Разработчици, които искат да подобрят уменията си от предишни версии на Angular
- Програмисти, които искат да изследват новите функции и подобрения на Angular 17
28 Часа
Oтзиви от потребители (2)
Най-вече ми хареса тренировъчният поток; тя премина през темата и в края на темата имаше добре дефинирани практически сесии за нас. Тя успя да ни напътства бързо с проблемите, с които се сблъскахме в практическите сесии.
Rabin Byanjankar - Lument
Курс - Angular 17
Машинен превод
Беше много интерактивно и информативно. Обучителят беше много търпелив с нас, когато не разбирахме нещо и се увери, че никой не изостава по време на обучението.
Daniel - INIT Innovations in Transportation Ltd.
Курс - Angular 17
Машинен превод
