ПРИМЕНЕНИЕ И WEB РАЗРАБОТКА
Angular 15 Программирование
ДЛИНА 5 дней
ВЕРСИЯ 15
ЗАЧЕМ ИЗУЧАТЬ ЭТОТ КУРС
Этот интенсивный и всесторонний учебный курс по Angular 15 дает участникам навыки, которые они могут сразу же использовать в своей работе. Вы изучите основы разработки Angular 15, такие как одностраничные браузерные приложения, адаптивные webсайты и гибридные мобильные приложения.
Этот курс представляет собой сочетание теоретического обучения и практических занятий, которое включает введение в Angular, за которым следуют TypeScript, компоненты, директивы, сервисы, HTTPClient, тестирование и отладка.
Примечание: Мы также можем провести обучение по другим версиям Angular. Пожалуйста, свяжитесь с нами, чтобы сделать запрос или зарегистрировать свой интерес.
ANGULAR И LUMIFY РАБОТАЮТ
Чему ты научишься
После успешного завершения этого курса вы будете обладать знаниями, позволяющими:
- Разработка одностраничных приложений Angular с использованием Typescript
- Настройте полную среду разработки Angular.
- Создавайте компоненты, директивы, сервисы, каналы, формы и пользовательские валидаторы.
- Выполняйте сложные задачи по извлечению сетевых данных с помощью Observables.
- Потреблять данные из REST web сервисы с использованием HTTP-клиента Angular
- Обрабатывайте соединения push-данных с помощью WebПротокол сокета
- Работа с Angular Pipes для форматирования данных
- Используйте расширенные функции Angular Component Router.
- Тестируйте и отлаживайте приложения Angular с помощью встроенных инструментов.
- Работа с Angular CLI
Мой инструктор был великолепен, поскольку смог воплотить сценарии в реальных ситуациях, связанных с моей конкретной ситуацией.
Я почувствовал себя желанным гостем с того момента, как приехал, и возможность сесть группой за пределами классной комнаты, чтобы обсудить наши ситуации и наши цели, была чрезвычайно ценной.
Я многому научился и почувствовал, что важно, чтобы мои цели, пройдя этот курс, были достигнуты.
Отличная работа команды Lumify Work.
АМАНДА НИКОЛЬ
МЕНЕДЖЕР УСЛУГ ИТ-ПОДДЕРЖКИ – HEALTH WORLD LIMITED
ПРЕДМЕТЫ КУРСА
- Представляем Angular
• Что такое Angular?
• Основные функции Angular Framework
• Подходящие варианты использования
• Строительные блоки приложения Angular.
• Базовая архитектура приложения Angular.
• Установка и использование Angular
• Анатомия углового приложения.
• Запуск приложения.
• Создание и развертывание приложения.
• Angular для собственных мобильных приложений. - Введение в TypeScript
• Языки программирования для использования с Angular
• Синтаксис TypeScript
• Редакторы программ
• Система типов – определение переменных
• Система типов – определение массивов
• Основные примитивные типы
• Введите Функциональные ионы.
• Вывод типа
• Определение классов
• Методы класса
• Контроль видимости
• Конструкторы классов
• Конструкторы классов – альтернативная форма.
• Неинициализированные поля
• Интерфейсы
• Работа с модулями ES6.
• вар против пусть
• Функции стрелок
• Компактный синтаксис функции стрелки
• Строки шаблона
• Обобщения в классе
• Обобщенные функции в функциях - Компоненты
• Что такое компонент?
• Бывшийampле Компонент
• Создание компонента с помощью Angular CLI
• Класс компонента
• Декоратор @Component.
• Регистрация компонента в его модуле
• Шаблон компонента
• Бывшийample: Шаблон HelloComponent
• Бывшийample: Класс HelloComponent
• Использование компонента
• Запустите приложение
• Иерархия компонентов
• Корневой компонент приложения.
• Бутстрап File
• Перехватчики жизненного цикла компонентов.
• БывшийampПерехватчики жизненного цикла
• Стили CSS - Шаблоны компонентов
• Шаблоны
• Расположение шаблона
• Синтаксис усов {{ }}
• Настройка свойств элемента DOM.
• Настройка основного текста элемента
• Привязка событий
• Обработчик событий выражения
• Запретить обработку по умолчанию.
• Директивы атрибутов
• Применение стилей путем изменения классов CSS.
• Бывшийampле: ngClass
• Непосредственное применение стилей
• Структурные директивы
• Шаблон условного выполнения
• Бывшийampле: ngIf
• Цикл с использованием ngFor.
• ngДля локальных переменных
• Управление коллекцией
• Бывшийample – Удаление элемента
• Отслеживание предметов с помощью ngFor.
• Замена элементов с помощью ngSwitch.
• Группировка элементов
• Справочная переменная шаблона - Межкомпонентная связь
• Основы общения
• Архитектура потока данных
• Подготовка ребенка к получению данных
• Отправка данных от родителя
• Подробнее о настройке свойств
• Запуск события из компонента
• @Output() Примерample — дочерний компонент
• @Output() Примерample — Родительский компонент
• Полная двусторонняя привязка
• Настройка двусторонней привязки данных в родительском элементе. - Формы, управляемые шаблонами
• Формы на основе шаблонов
• Модуль импорта форм
• Базовый подход
• Настройка формы
• Получение пользовательского ввода
• Пропуск атрибута ngForm.
• Инициализировать форму
• Двусторонняя привязка данных
• Проверка формы
• Угловые валидаторы
• Отображение состояния проверки с использованием классов
• Дополнительные типы ввода
• Флажки
• Выберите (раскрывающийся список) поля
• Параметры рендеринга для выбора (раскрывающийся список)
• Поля даты
• Радио-кнопки - Реактивные формы
• Реактивные формы закончилисьview
• Строительные блоки
• Импортировать модуль реактивных форм.
• Создать форму
• Создайте шаблон
• Получение входных значений
• Инициализация полей ввода
• Установка значений формы
• Подписка на входные изменения
• Проверка
• Встроенные валидаторы
• Отображение ошибки проверки.
• Пользовательский валидатор
• Использование специального валидатора
• Передача конфигурации пользовательскому валидатору.
• FormArray — динамическое добавление входных данных.
• FormArray — класс компонента.
• FormArray — шаблон.
• FormArray — значения.
• Подгруппы форм — класс компонента.
• Подгруппы форм – HTML-шаблон.
• Зачем использовать подгруппы форм - Сервисы и внедрение зависимостей
• Что такое услуга?
• Создание базовой услуги
• Класс обслуживания
• Что такое внедрение зависимостей?
• Внедрение экземпляра службы
• Форсунки
• Иерархия инжекторов
• Регистрация службы с помощью Root Injector
• Регистрация службы с помощью инжектора компонента.
• Регистрация службы с помощью инжектора функционального модуля.
• Где зарегистрировать услугу?
• Внедрение зависимостей в другие артефакты
• Предоставление альтернативной реализации
• Внедрение зависимостей и @Host
• Внедрение зависимостей и @Optional. - HTTP-клиент
• HTTP-клиент Angular.
• Использование HTTP-клиента – оконченоview
• Импорт HttpClientModule.
• Служба с использованием HttpClient.
• Выполнение запроса GET
• Что делает наблюдаемый объект?
• Использование службы в компоненте
• Клиентский компонент PeopleService.
• Обработка ошибок
• Настройка объекта ошибки
• Выполнение POST-запроса.
• Выполнение запроса PUT
• Выполнение запроса DELETE - Каналы и форматирование данных
• Что такое трубы?
• Встроенные трубы
• Использование каналов в шаблоне HTML.
• Соединение труб
• Международные трубы (i18n)
• Загрузка данных локали
• Труба даты
• Номер трубы
• Валютная трубка
• Создать пользовательскую трубу
• Эксклюзивная труба по индивидуальному заказуample
• Использование нестандартных труб.
• Использование канала с ngFor.
• Фильтрующая трубка
• Категория труб: чистая и нечистая.
• Чистая труба Example
• Загрязненная труба Example - Введение в одностраничные приложения
• Что такое одностраничное приложение (SPA)
• Традиционный Web Приложение
• Рабочий процесс SPA
• Расширенная версия одностраничного приложенияtages
• API истории HTML5.
• Проблемы СПА
• Реализация SPA с использованием Angular - Маршрутизатор компонентов Angular
• Маршрутизатор компонентов
• View Навигация
• API Angular Router.
• Создание приложения с поддержкой маршрутизатора
• Размещение маршрутизируемых компонентов.
• Навигация с помощью ссылок и кнопок.
• Программная навигация
• Передача параметров маршрута
• Навигация с параметрами маршрута
• Получение значений параметров маршрута
• Синхронное получение параметров маршрута
• Асинхронное получение параметра маршрута
• Параметры запроса
• Предоставление параметров запроса
• Асинхронное получение параметров запроса
• Проблемы с руководством URL вход и добавление в закладки - Расширенный HTTP-клиент
• Варианты запроса
• Возврат объекта HttpResponse.
• Настройка заголовков запросов
• Создание новых наблюдаемых
• Создание простой наблюдаемой
• Метод наблюдаемого конструктора
• Наблюдаемые операторы
• Карта и фильтр Операторов
• Оператор FlatMap().
• Оператор Tap().
• Комбинатор zip().
• Кэширование HTTP-ответа.
• Выполнение последовательных HTTP-вызовов.
• Выполнение параллельных вызовов
• Настройка объекта ошибки с помощью catchError().
• Ошибка в конвейере
• Восстановление ошибок - Угловые модули
• Почему угловые модули?
• Анатомия класса модуля.
• Свойства @NgModule
• Функциональные модули
• БывшийampСтруктура модуля
• Создайте модуль домена.
• Создайте пару модулей маршрутизации/маршрутизации.
• Создать сервисный модуль
• Создание общих модулей
• Использование одного модуля из другого - Расширенная маршрутизация
• Функциональный модуль с поддержкой маршрутизации
• Использование функционального модуля
• Отложенная загрузка функционального модуля.
• Создание ссылок для компонентов функционального модуля.
• Подробнее об отложенной загрузке
• Предварительная загрузка модулей
• привязка routerLinkActive
• Маршрут по умолчанию
• Путь маршрута с подстановочными знаками
• перенаправить на
• Дочерние маршруты
• Определение дочерних маршрутов для дочерних маршрутов
• Ссылки на дочерние маршруты
• Навигационная охрана
• Создание реализаций защиты
• Использование охранников в маршруте - Модульное тестирование Angular-приложений
• Модульное тестирование угловых артефактов
• Инструменты тестирования
• Типичные этапы тестирования
• Результаты теста
• Тестовые наборы «Жасмин»
• Спецификации Jasmine (юнит-тесты)
• Ожидания (утверждающие ионы)
• Сопоставители
• Бывшийampуроки использования сопоставителей
• Использование свойства not
• Настройка и демонтаж в комплектах модульных тестов.
• БывшийampФайл функций beforeEach и afterEach
• Модуль угловых испытаний
• БывшийampМодуль углового тестирования
• Тестирование услуги
• Внедрение экземпляра службы
• Проверьте синхронный метод
• Тестирование асинхронного метода
• Использование фиктивного HTTP-клиента.
• Предоставление готовых ответов
• Тестирование компонента
• Модуль тестирования компонентов
• Создание экземпляра компонента
• Класс ComponentFixture.
• Тесты основных компонентов
• Класс DebugElement.
• Имитация взаимодействия с пользователем - Отладка
• Надview угловой отладки
• ViewИспользование кода TypeScript в отладчике
• Использование ключевого слова отладчика
• Журнала отладки
• Что такое Angular DevTools?
• Использование Angular DevTools
• Angular DevTools — структура компонентов.
• Angular DevTools – Обнаружение изменений, Выполнение
• Обнаружение синтаксических ошибок
ДЛЯ КОГО ПРЕДНАЗНАЧЕН КУРС?
Этот курс предназначен для всех, кому необходимо изучить основы разработки Angular 15 и сразу же применить их к созданию web приложения.
Мы также можем провести и адаптировать этот учебный курс для больших групп, что сэкономит время, деньги и ресурсы вашей организации. Для получения дополнительной информации, пожалуйста, свяжитесь с нами по электронной почте на ph.training@lumifywork.com
ПРЕДПОСЫЛКИ
- Web Для получения максимальной отдачи от этого курса Angular необходим опыт разработки с использованием HTML, CSS и JavaScript.
- Знание 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 Программирование, Программирование |
