ПРИЛОЖЕНИЕ И WEB РАЗВИТИЕ
Програмиране на Angular 15
ДЪЛЖИНА 5 дни
ВЕРСИЯ 15
ЗАЩО ДА ИЗУЧАВАТЕ ТОЗИ КУРС
Този интензивен и всеобхватен обучителен курс по Angular 15 предоставя на участниците умения, които могат да използват веднага в работата си. Ще научите основите на разработката на Angular 15, като едностранични браузърни приложения, отзивчив webсайтове и хибридни мобилни приложения.
Този курс е комбинация от теоретично обучение и практически лабораторни упражнения, която включва въведение в Angular, последвано от TypeScript, компоненти, директни файлове, услуги, HTTPClient, тестване и отстраняване на грешки.
Забележка: Можем също да предоставим обучение за други версии на Angular. Моля, свържете се с нас, за да направите запитване или да регистрирате своя интерес.
ЪГЛОВО НА РАБОТА С ОСВЕЩЕНИЕ
КАКВО ЩЕ НАУЧИТЕ
При успешно завършване на този курс ще имате знания за:
- Разработете едностранични Angular приложения с помощта на Typescript
- Настройте пълна среда за разработка на Angular
- Създавайте компоненти, директни файлове, услуги, канали, формуляри и персонализирани валидатори
- Обработвайте усъвършенствани задачи за извличане на мрежови данни с помощта на Observables
- Консумирайте данни от REST web услуги, използващи Angular HTTP Client
- Обработвайте йони за свързване на данни с помощта на WebСокет протокол
- Работете с Angular Pipes за форматиране на данни
- Използвайте разширени функции на Angular Component Router
- Тествайте и отстранявайте грешки в Angular приложение с помощта на вградени инструменти
- Работете с Angular CLI
Моят инструктор беше страхотен, тъй като успя да постави сценарии в случаи от реалния свят, свързани с моята конкретна ситуация.
Бях накаран да се почувствам добре дошъл от момента, в който пристигнах и възможността да седнем като група извън класната стая, за да обсъдим нашите ситуации и нашите цели, беше изключително ценна.
Научих много и почувствах, че е важно целите ми, посещавайки този курс, да бъдат постигнати.
Страхотна работа на работния екип на Lumify.
АМАНДА НИКОЛ
МЕНИДЖЪР НА ИТ ПОДДЪРЖАЩИ УСЛУГИ – HEALTH WORLD LIMITED
УЧЕБНИ ПРЕДМЕТИ
- Представяме ви Angular
• Какво е Angular?
• Централни характеристики на ъгловата рамка
• Подходящи случаи на употреба
• Градивни елементи на Angular приложение
• Базова архитектура на Angular приложение
• Инсталиране и използване на Angular
• Анатомия на ъглова апликация
• Стартиране на приложението
• Изграждане и внедряване на приложението
• Angular за собствени мобилни приложения - Въведение в TypeScript
• Програмни езици за използване с Angular
• Синтаксис на TypeScript
• Програмни редактори
• Типовата система – Дефиниране на променливи
• Типовата система – Дефиниране на масиви
• Основни примитивни типове
• Въведете Function ions
• Извод за тип
• Дефиниране на класове
• Методи на класа
• Контрол на видимостта
• Конструктори на класове
• Конструктори на класове – алтернативна форма
• Неинициализирани полета
• Интерфейси
• Работа с ES6 модули
• var срещу let
• Функции със стрелки
• Компактен синтаксис на функцията стрелка
• Шаблонни низове
• Generics in Class
• Generics в Function ion - Компоненти
• Какво е компонент?
• Бившample Компонент
• Създаване на компонент с помощта на Angular CLI
• Класът на компонента
• @Component Decorator
• Регистриране на компонент към неговия модул
• Шаблон за компоненти
• Прample: Шаблон HelloComponent
• Прample: клас HelloComponent
• Използване на компонент
• Стартирайте приложението
• Йерархия на компонентите
• Основният компонент на приложението
• Bootstrap File
• Куки за жизнения цикъл на компонента
• Прample Кукички за жизнения цикъл
• CSS стилове - Шаблони за компоненти
• Шаблони
• Местоположение на шаблона
• Синтаксисът на мустаците {{ }}
• Задаване на свойства на DOM елемент
• Задаване на основния текст на елемента
• Обвързване на събития
• Обработчик на събития на израз
• Предотвратяване на обработката по подразбиране
• Директиви за атрибути
• Прилагайте стилове чрез промяна на CSS класове
• Прample: ngClass
• Директно прилагане на стилове
• Структурни директиви
• Шаблон за условно изпълнение
• Прample: ngIf
• Зацикляне с помощта на ngFor
• ng За локални променливи
• Манипулиране на колекцията
• Прample – Изтриване на елемент
• Проследяване на артикул с ngFor
• Размяна на елементи с ngSwitch
• Групиране на елементи
• Референтна променлива на шаблон - Междукомпонентна комуникация
• Основи на комуникацията
• Архитектурата на потока от данни
• Подготовка на детето за получаване на данни
• Изпращане на данни от родител
• Повече за настройката на свойствата
• Задействащо събитие от компонент
• @Output() Прample – Детски компонент
• @Output() Прample – родителски компонент
• Пълно двупосочно обвързване
• Настройка на двупосочно обвързване на данни в родител - Формуляри, управлявани от шаблони
• Формуляри, управлявани от шаблони
• Модул за импортиране на формуляри
• Основен подход
• Настройване на формуляр
• Получаване на информация от потребителя
• Пропускане на атрибут ngForm
• Инициализирайте формуляра
• Двупосочно обвързване на данни
• Валидиране на формуляр
• Ъглови валидатори
• Показване на състоянието на валидация чрез използване на класове
• Допълнителни типове вход
• Квадратчета за отметка
• Изберете (падащо меню) полета
• Опции за изобразяване за избор (падащо меню)
• Полета за дата
• Радио бутони - Реактивни форми
• Реактивни формиview
• Градивните елементи
• Импортиране на Reactive FormsModule
• Конструиране на формуляр
• Проектирайте шаблона
• Получаване на входни стойности
• Инициализиране на полетата за въвеждане
• Задаване на стойности на формуляра
• Абониране за въвеждане на промени
• Валидиране
• Вградени валидатори
• Показване на грешка при валидиране
• Персонализиран валидатор
• Използване на персонализиран валидатор
• Предоставяне на конфигурация към персонализиран валидатор
• FormArray – Динамично добавяне на входове
• FormArray – Класът на компонента
• FormArray – Шаблонът
• FormArray – Стойности
• Sub FormGroups – Клас компонент
• Sub FormGroups – HTML шаблон
• Защо да използвате Sub FormGroups - Услуги и инжектиране на зависимости
• Какво е услуга?
• Създаване на основна услуга
• Класът на обслужване
• Какво е инжектиране на зависимост?
• Инжектиране на екземпляр на услуга
• Инжектори
• Йерархия на инжектора
• Регистриране на услуга с Root Injector
• Регистриране на услуга с инжектор на компонент
• Регистрирайте услуга с инжектор на функционален модул
• Къде да регистрирам услуга?
• Инжектиране на зависимости в други артефакти
• Осигуряване на алтернативно изпълнение
• Инжектиране на зависимост и @Host
• Инжектиране на зависимост и @Optional - HTTP клиент
• Angular HTTP клиент
• Използване на HTTP клиент – Крайview
• Импортиране на HttpClientModule
• Услуга, използваща HttpClient
• Изготвяне на GET заявка
• Какво прави наблюдаемият обект?
• Използване на услугата в компонент
• Клиентският компонент PeopleService
• Обработка на грешки
• Персонализиране на обекта за грешка
• Извършване на POST заявка
• Изготвяне на PUT заявка
• Правене на заявка за ИЗТРИВАНЕ - Конектори и форматиране на данни
• Какво представляват тръбите?
• Вградени тръби
• Използване на канали в HTML шаблон
• Верижни тръби
• Интернационализирани тръби (i18n)
• Зареждане на локални данни
• Лулата за дата
• Числото Тръба
• Валутен канал
• Създайте персонализирана тръба
• Персонализирана тръба Example
• Използване на персонализирани тръби
• Използване на тръба с ngFor
• Филтърна тръба
• Категория на лулата: чиста и нечиста
• Pure Pipe Example
• Нечиста тръба Example - Въведение в едностраничните приложения
• Какво е едностранично приложение (SPA)
• Традиционен Web Приложение
• СПА работен процес
• Едностранично приложение Advantages
• HTML5 History API
• СПА предизвикателства
• Внедряване на SPA с помощта на Angular - Ъгловият рутер за компоненти
• Компонентният рутер
• View Навигация
• API на Angular Router
• Създаване на приложение с активиран рутер
• Хостинг на маршрутизираните компоненти
• Навигация с помощта на връзки и бутони
• Програмна навигация
• Подаване на параметри на маршрута
• Навигиране с параметри на маршрута
• Получаване на стойностите на параметрите на маршрута
• Синхронно извличане на параметъра на маршрута
• Асинхронно извличане на параметър на маршрут
• Параметри на заявката
• Предоставяне на параметри на заявката
• Асинхронно извличане на параметри на заявката
• Проблеми с ръководството URL влизане и маркиране - Разширен HTTP клиент
• Опции за заявка
• Връщане на HttpResponse обект
• Задаване на заглавки на заявки
• Създаване на нови наблюдаеми
• Създаване на проста наблюдаема
• Методът на наблюдаемия конструктор
• Наблюдаеми оператори
• Операторите за карта и филтър
• Операторът flatMap().
• Операторът tap().
• Комбинаторът zip().
• Кеширане на HTTP отговор
• Осъществяване на последователни HTTP повиквания
• Осъществяване на паралелни разговори
• Персонализиране на обект за грешка с catchError()
• Грешка в тръбопровода
• Възстановяване на грешки - Ъглови модули
• Защо ъглови модули?
• Анатомия на клас модул
• Свойства на @NgModule
• Функционални модули
• Прample Модулна структура
• Създаване на домейн модул
• Създайте двойка маршрутизиран/маршрутизиращ модул
• Създайте сервизен модул
• Създаване на общи модули
• Използване на един модул от друг - Разширено маршрутизиране
• Модул с активирани функции за маршрутизиране
• Използване на функционалния модул
• Мързеливо зареждане на функционалния модул
• Създаване на връзки за компонентите на функционалния модул
• Повече за отложеното зареждане
• Предварително зареждане на модули
• обвързване на routerLinkActive
• Маршрут по подразбиране
• Път на маршрута със заместващ знак
• пренасочване към
• Детски маршрути
• Дефиниране на дъщерни маршрути за дъщерни маршрути
• Връзки за дъщерни маршрути
• Навигационни пазачи
• Създаване на реализации на Guard
• Използване на пазачи в маршрут - Единично тестване на ъглови приложения
• Единично тестване на ъглови артефакти
• Инструменти за тестване
• Типични стъпки за тестване
• Резултати от тестовете
• Жасмин тестови пакети
• Спецификации на Jasmine (единични тестове)
• Очаквания (твърдят йони)
• Кибрит
• Прampинструкции за използване на съвпадения
• Използване на собственост not
• Настройка и премахване в Unit Test Suites
• Прampфайл от функции beforeEach и afterEach
• Ъглов тестов модул
• Прample ъглов тестов модул
• Тестване на услуга
• Инжектиране на екземпляр на услуга
• Тествайте синхронен метод
• Тествайте асинхронен метод
• Използване на Mock HTTP Client
• Предоставяне на готов отговор
• Тестване на компонент
• Модул за тестване на компоненти
• Създаване на екземпляр на компонент
• Класът ComponentFixture
• Тестове за основни компоненти
• Класът DebugElement
• Симулиране на потребителско взаимодействие - Отстраняване на грешки
• Надview на ъглово отстраняване на грешки
• Viewing TypeScript код в Debugger
• Използване на дебъгера Ключова дума
• Регистриране на грешки
• Какво е Angular DevTools?
• Използване на Angular DevTools
• Angular DevTools – Компонентна структура
• Angular DevTools – Change Detect ion Execution ion
• Прихващане на синтактични грешки
ЗА КОГО Е КУРСЪТ?
Този курс е насочен към всеки, който трябва да научи основите на разработката на Angular 15 и да я приложи веднага за създаване web приложения.
Можем също така да предоставим и персонализираме този курс за обучение за по-големи групи – спестявайки време, пари и ресурси на вашата организация. За повече информация, моля свържете се с нас по имейл на ph.training@lumifywork.com
ПРЕДПОСТАВКИ
- Web опит в разработката с използване на HTML, CSS и JavaScript е необходим, за да извлечете максимума от този курс по Angular
- Познаването на DOM на браузъра също е полезно
- Не се изисква предишен опит с Angular или AngularJS
Предоставянето на този курс от Lumify Work се урежда от правилата и условията за резервация.
Моля, прочетете внимателно правилата и условията, преди да се запишете в този курс, тъй като записването в курса зависи от приемането на тези условия.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Документи / Ресурси
 |
LUMIFY WORK Angular 15 Програмиране [pdf] Ръководство за потребителя Angular 15 Програмиране, Програмиране |
