ПРИМЕНА И WEB РАЗВОЈ
Angular 15 програмирање
ДОЛЖИНА 5 дена
ВЕРЗИЈА 15
ЗОШТО ДА ГО СУДИШ ОВОЈ КУРС
Овој интензивен и сеопфатен курс за обука Angular 15 им обезбедува на присутните вештини што можат веднаш да ги користат во својата работа. Ќе ги научите основите на развојот на Angular 15, како што се јони на апликација на прелистувач на една страница, одговорни webлокации и хибридни мобилни апликации јони.
Овој курс е комбинација на теоретско учење и практични лаборатории што вклучува воведен јон во Angular, проследен со TypeScript, компоненти, директни ives, услуги, HTTPClient, тестирање и дебагирање.
Забелешка: Можеме да испорачаме обука за други верзии на Angular. Ве молиме контактирајте со нас за да побарате или да го пријавите вашиот интерес.
ANGULAR AT LUMIFY WORK
ШТО ЌЕ НАУЧИТЕ
По успешно завршување на овој курс, ќе имате знаење за:
- Развијте јони на аголна апликација на една страница користејќи Typescript
- Поставете комплетна околина за развој на Angular
- Создајте компоненти, директни ливчиња, услуги, цевки, формулари и прилагодени валидатори
- Справувајте со напредни мрежни задачи за пронаоѓање податоци користејќи Observables
- Конзумирајте податоци од REST web услуги кои користат Angular HTTP клиент
- Ракувајте ги јоните за поврзување на притисни податоци користејќи го WebСокет протокол
- Работете со Angular Pipes за форматирање на податоците
- Користете напредни функции на Angular Component Router
- Тестирајте и дебагирајте ги аголните апликативни јони користејќи вградени алатки
- Работете со Angular CLI
Мојот инструктор беше одличен бидејќи можеше да стави сценарија во реални примери кои се однесуваат на мојата специфична ситуација.
Бев натеран да се чувствувам добредојден од моментот кога пристигнав и можноста да седам како група надвор од училницата за да разговараме за нашите ситуации и нашите цели беше исклучително вредна.
Научив многу и почувствував дека е важно да се исполнат моите цели со посетувањето на овој курс.
Одлична работа Lumify Work тим.
АМАНДА НИКОЛ
МЕНАЏЕР СО УСЛУГИ ЗА ИТ ПОДДРШКА – HEALTH WORLD LIMITED
ПРЕДМЕТИ НА ПРЕДМЕТОТ
- Ви го претставуваме Angular
• Што е Angular?
• Централни карактеристики на Аголната рамка
• Соодветни случаи на употреба
• Градежни блокови на аголна апликација
• Основна архитектура на аголна апликација
• Инсталирање и користење на Angular
• Анатомија на аголна апликација јон
• Вклучување на јонот на апликацијата
• Изградба и распоредување на апликацијата
• Angular за домашни мобилни апликации - Вовед во TypeScript
• Програмски јазици за употреба со Angular
• Синтакса на TypeScript
• Програмски уредници
• Тип систем – Дефинирање на променливи
• Тип систем – Дефинирање на низи
• Основни примитивни типови
• Внесете Функциски јони
• Тип Инференција
• Дефинирање на класи
• Методи на часови
• Контрола на видливост
• Конструктори на класа
• Конструктори на класи – Алтернативен образец
• Неиницијализирани полиња
• Интерфејси
• Работа со ES6 модули
• var vs let
• Функции со стрелки
• Компактна синтакса на функцијата стрелка
• Шаблони низи
• Генерика во класа
• Генерика во функцијата јон - Компоненти
• Што е компонента?
• Прample Компонента
• Креирање на компонента користејќи Angular CLI
• Класа на компоненти
• Декораторот @Component
• Регистрирање на компонента во неговиот модул
• Шаблон за компоненти
• Прample: Шаблон HelloComponent
• Прample: Класата HelloComponent
• Користење на компонента
• Стартувај ја апликацијата
• Хиерархија на компоненти
• Апликациската јонска коренска компонента
• Bootstrap File
• Куки за животниот циклус на компонентите
• Прample Куки за животниот циклус
• CSS стилови - Шаблони за компоненти
• Шаблони
• Локација на шаблон
• Синтакса на мустаќи {{ }}
• Поставување својства на елементот DOM
• Поставување текст на телото на елементот
• Поврзување на настани
• Ракувач со настани за изразување
• Спречете стандардно ракување
• Директиви за атрибути
• Примени стилови со менување на CSS класи
• Прample: ngClass
• Директно примена на стилови
• Структурни директиви
• Условно Изврши Шаблон
• Прample: ngАко
• Јамка со користење на ngFor
• ngЗа локални променливи
• Манипулирање со колекцијата
• Прample – Бришење ставка
• Следење на ставки со ngFor
• Замена на елементи со ngSwitch
• Групирање на елементи
• Референтна променлива за шаблон - Интеркомпонентна комуникација
• Основи на комуникација
• Архитектура на проток на податоци
• Подготовка на детето да прима податоци
• Испратете податоци од родител
• Повеќе за Поставување својства
• Отпуштање настан од компонента
• @Output() Прample – Детска компонента
• @Output() Прample – родителска компонента
• Целосно двонасочно врзување
• Поставување двонасочно поврзување на податоци во родител - Шаблон и Водени форми
• Формулари управувани со шаблон
• Модул за увоз на форми
• Основен пристап
• Поставување формулар
• Добивање кориснички податоци
• Испуштање на атрибутот ngForm
• Иницијализирајте го формуларот
• Двонасочно поврзување на податоци
• Валидација на формуларот
• Аголни валидатори
• Прикажување на валидна јонска состојба со користење на класи
• Дополнителни типови на влез
• Поле за избор
• Изберете (паѓачки) полиња
• Опции за рендерирање за Изберете (паѓачки)
• Полиња за датум
• Копчиња за радио - Реактивни форми
• Реактивни форми надview
• Градежните блокови
• Увези модул за реактивни форми
• Конструирај формулар
• Дизајнирајте го Шаблонот
• Добивање на влезни вредности
• Иницијализирање на влезните полиња
• Поставување вредности на формулари
• Претплата на Влезни промени
• Валидација
• Вградени валидатори
• Се прикажува грешка при валидација
• Прилагоден валидатор
• Користење на прилагоден валидатор
• Доставување конфигурација на прилагоден валидатор
• FormArray – Динамично додавање на влезови
• FormArray – Класа на компоненти
• FormArray – Шаблонот
• FormArray – Вредности
• Под ФормГрупи – Класа на компоненти
• Под ФормГрупи – HTML Шаблон
• Зошто да се користат под-формули - Услуги и инјекција на зависност
• Што е услуга?
• Креирање на основна услуга
• Класа на услуги
• Што е инјекција за зависност?
• Инјектирање на сервисен примерок
• Инјектори
• Хиерархија на инјектори
• Регистрирање услуга со Root Injector
• Регистрирање услуга со инјектор на компоненти
• Регистрирајте услуга со инјектор на модули за функции
• Каде да се регистрира услуга?
• Инјекција на зависност во други артефакти
• Обезбедување на алтернативна имплементација
• Инјекција на зависност и @Host
• Инјекција на зависност и @Опција - HTTP клиент
• Аголниот HTTP клиент
• Користење на клиентот HTTP – надview
• Увезете го HttpClientModule
• Услуга со користење на HttpClient
• Поднесување на барање GET
• Што прави објект што може да се набљудува?
• Користење на услугата во компонента
• Компонентата за клиент на PeopleService
• Ракување со грешки
• Приспособување на објектот за грешка
• Изработка на барање за ПОСТ
• Поднесување барање за ПУТ
• Поставување барање за БРИШИ - Цевки и форматирање на податоци
• Што се цевки?
• Вградени цевки
• Користење на цевки во HTML шаблон
• Лајнирање на цевки
• Интернационализирани цевки (i18n)
• Вчитување на локални податоци
• Датумот Цевка
• Бројот Pipe
• Валутна цевка
• Креирајте прилагодена цевка
• Прилагодена цевка Прample
• Користење на прилагодени цевки
• Користење на цевка со ngFor
• Цевка за филтер
• Категорија на цевки: Чиста и нечиста
• Чиста цевка Прample
• Нечиста цевка Прample - Вовед во апликации за една страница
• Што е јон на апликација за една страница (SPA)
• Традиционален Web Апликација
• Работен тек на SPA
• Advan за апликација за една страницаtages
• HTML5 History API
• СПА предизвици
• Спроведување на SPA со користење на Angular - Аголна компонента рутер
• Компонентен рутер
• View Навигација
• Аголниот рутер API
• Креирање на апликација со овозможена рутер
• Хостирање на рутираните компоненти
• Навигација со помош на врски и копчиња
• Програмска навигација
• Параметри на маршрутата за минување
• Навигација со параметри на рутата
• Добивање на вредностите на параметарот на рутата
• Синхроно преземање на параметарот на рутата
• Асинхроно преземање параметар на рута
• Параметри за пребарување
• Набавка на параметри за барање
• Асинхроно преземање параметри на барањето
• Проблеми со прирачникот URL влез и обележување - Напреден HTTP клиент
• Опции за барање
• Враќање објект HttpResponse
• Поставување заглавија на барања
• Создавање нови набљудувачи
• Креирање на просто набљудување
• Набљудувачки конструктор метод
• Оператори што може да се набљудуваат
• Операторите на картата и филтерот
• Операторот flatMap().
• Операторот tap().
• Комбинаторот zip().
• Кеширање на HTTP одговор
• Остварување секвенцијални HTTP повици
• Правење паралелни повици
• Приспособување на објектот за грешка со catchError()
• Грешка во гасоводот
• Обнова на грешки - Аголни модули
• Зошто аголни модули?
• Анатомија на модул класа
• Својства на @NgModule
• Модули за функции
• ПрampСтруктура на модулот
• Креирај модул за домен
• Креирајте пар на рутирани/рутирачки модули
• Креирајте сервисен модул
• Креирање на заеднички модули
• Користење на еден модул од друг - Напредно рутирање
• Модул за карактеристики што е овозможен за рутирање
• Користење на модулот за функции
• Мрзливо вчитување на модулот за функции
• Креирање врски за компонентите на модулот за функции
• Повеќе за Lazy Loading
• Превчитување на модули
• рутерLinkActive врзување
• Стандардна рута
• Патека на маршрутата со џокер
• пренасочувањеКон
• Рути за деца
• Дефинирање на детски правци за детски рути
• Линкови за рути за деца
• Навигациски чувари
• Креирање гардисти имплементации
• Користење на штитници во рута - Единица за тестирање на аголни апликации
• Единица за тестирање на аголни артефакти
• Алатки за тестирање
• Типични чекори за тестирање
• Резултати од тестот
• Јасмин тест апартмани
• Спецификации за јасмин (Единица тестови)
• Очекувања (потврдени јони)
• Одговарачи
• Прamples of Use Matchers
• Користење на не Својството
• Поставување и уништување во единици за тестирање на единици
• Прampле од предСекое и по секоја функција
• Аголен тест модул
• ПрampАголниот тест модул
• Тестирање на услуга
• Инјектирање на сервисен примерок
• Тестирајте синхрон метод
• Тестирајте асинхрон метод
• Користење на Mock HTTP Client
• Снабдување на конзервиран одговор
• Тестирање на компонента
• Модул за тестирање на компоненти
• Креирање компонентен пример
• Класата ComponentFixture
• Тестови за основни компоненти
• Класата DebugElement
• Симулирање на интеракција со корисникот - Дебагирање
• Готовоview на аголно дебагирање
• Viewвнесување на TypeScript код во Debugger
• Користење на клучниот збор дебагер
• Евиденција за отстранување грешки
• Што е Angular DevTools?
• Користење на Angular DevTools
• Angular DevTools – Структура на компоненти
• Angular DevTools – Промена на јон на извршување на откривање
• Фаќање синтаксни грешки
ЗА КОГО Е КУРСОТ?
Овој курс е наменет за секој кој треба да ги научи основите на развојот на 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 програмирање, програмирање |
