Кіраўніцтва карыстальніка па праграмаванні LUMIFY WORK Angular 15

УЖЫВАННЕ І WEB РАЗВІЦЦЁ
Праграмаванне Angular 15
Даўжыня 5 дзён
ВЕРСІЯ 15

ЧАМУ ВЫВУЧАЦЬ ГЭТЫ КУРС

Гэты інтэнсіўны і ўсёабдымны навучальны курс Angular 15 дае ўдзельнікам навыкі, якія яны могуць неадкладна выкарыстоўваць у сваёй працы. Вы даведаецеся асновы распрацоўкі Angular 15, такія як аднастаронкавыя прыкладанні ў браўзеры, спагадны webсайты і гібрыдныя мабільныя прыкладанні.
Гэты курс з'яўляецца спалучэннем тэарэтычнага навучання і практычных лабараторных заняткаў, які ўключае знаёмства з Angular, а затым TypeScript, кампаненты, прамыя файлы, сэрвісы, HTTPClient, тэсціраванне і адладку.
Заўвага: Мы таксама можам правесці навучанне па іншых версіях Angular. Калі ласка, звяжыцеся з намі, каб зрабіць запыт або зарэгістраваць свой інтарэс.

ВУТНІЯ ПРАЦЫ СВЯТЛЕННЯ

Што вы даведаецеся

Пасля паспяховага завяршэння гэтага курса вы будзеце мець веды, каб:

• Распрацоўка адной старонкі Angular applicat ions з дапамогай Typescript
• Наладзьце поўнае асяроддзе распрацоўкі Angular
• Стварайце кампаненты, Direct Ives, Services, Pipes, Forms і Custom Validators
• Выконвайце складаныя задачы пошуку сеткавых дадзеных з дапамогай Observables
• Спажываць даныя з REST web паслугі з дапамогай кліента Angular HTTP
• Апрацоўвайце іёны злучэння Push-Data з дапамогай WebПратакол сокета
• Працуйце з Angular Pipes для фарматавання даных
• Выкарыстоўвайце пашыраныя функцыі Angular Component Router
• Праверце і адладзьце Angular applicat ions з дапамогай убудаваных інструментаў
• Працуйце з Angular CLI

Мой інструктар быў выдатным, бо змог змясціць сцэнарыі ў рэальныя выпадкі, звязаныя з маёй канкрэтнай сітуацыяй.
З таго моманту, як я прыбыў, я адчуваў сябе гасцінна, і магчымасць сядзець групай за межамі класа, каб абмеркаваць нашы сітуацыі і нашы мэты, была надзвычай каштоўнай.
Я шмат чаму навучыўся і палічыў важным, каб мае мэты, наведваючы гэты курс, былі дасягнуты.
Выдатная праца Lumify Work team.АМАНДА НІКОЛЬ
МЕНЕДЖЭР СЛУЖБ ІТ-ПАДТРЫМКІ – HEALTH WORLD LIMITED

ПРАДМЕТЫ КУРСА

1. Прадстаўляем Angular
   • Што такое Angular?
   • Асноўныя асаблівасці вуглавога каркаса
   • Адпаведныя выпадкі выкарыстання
   • Будаўнічыя блокі прыкладання Angular
   • Базавая архітэктура прыкладання Angular
   • Устаноўка і выкарыстанне Angular
   • Анатомія вуглавога прыкладання
   • Запуск Applicat ion
   • Стварэнне і разгортванне прыкладання
   • Angular для ўласных мабільных праграм
2. Уводзіны ў TypeScript
   • Мовы праграмавання для выкарыстання з Angular
   • Сінтаксіс TypeScript
   • Рэдактары праграмавання
   • Сістэма тыпаў – Вызначэнне зменных
   • Сістэма тыпаў – вызначэнне масіваў
   • Асноўныя першабытныя тыпы
   • Увядзіце Function ions
   • Вывад тыпу
   • Вызначэнне класаў
   • Метады класа
   • Кантроль бачнасці
   • Канструктары класаў
   • Канструктары класаў – Альтэрнатыўная форма
   • Неініцыялізаваныя палі
   • Інтэрфейсы
   • Праца з модулямі ES6
   • var супраць let
   • Функцыі стрэлак
   • Кампактны сінтаксіс функцыі стрэлка
   • Радкі шаблонаў
   • Генерыкі ў класе
   • Універсальныя ў Fun ion
3. Кампаненты
   • Што такое кампанент?
   • ЭксampКампанент
   • Стварэнне кампанента з выкарыстаннем Angular CLI
   • Клас кампанентаў
   • Дэкаратар @Component
   • Рэгістрацыя кампанента ў яго модулі
   • Шаблон кампанента
   • Прample: Шаблон HelloComponent
   • Прample: клас HelloComponent
   • Выкарыстанне кампанента
   • Запусціце прыкладанне
   • Іерархія кампанентаў
   • Кампанент Applicat ion Root
   • Bootstrap File
   • Хукі жыццёвага цыкла кампанентаў
   • ПрampХукі жыццёвага цыкла
   • Стылі CSS
4. Шаблоны кампанентаў
   • Шаблоны
   • Размяшчэнне шаблона
   • Сінтаксіс Moustache {{ }}
   • Налада уласцівасцей элемента DOM
   • Налада асноўнага тэксту элемента
   • Прывязка падзей
   • Апрацоўшчык падзей Expression
   • Прадухіленне апрацоўкі па змаўчанні
   • Дырэктывы атрыбутаў
   • Ужывайце стылі, змяняючы класы CSS
   • Прample: ngClass
   • Непасрэднае прымяненне стыляў
   • Структурныя дырэктывы
   • Шаблон умоўнага выканання
   • Прample: ngIf
   • Зацыкленне з дапамогай ngFor
   • ngДля лакальных зменных
   • Маніпуляванне калекцыяй
   • Прample - Выдаленне элемента
   • Адсочванне тавараў з дапамогай ngFor
   • Замена элементаў з дапамогай ngSwitch
   • Групоўка элементаў
   • Зменная спасылкі на шаблон
5. Міжкампанентная сувязь
   • Асновы зносін
   • Архітэктура патоку даных
   • Падрыхтоўка дзіцяці да атрымання даных
   • Адправіць дадзеныя ад бацькоў
   • Дадатковая інфармацыя аб наладзе ўласцівасцей
   • Запуск падзеі з кампанента
   • @Output() Напрыкладample – даччыны кампанент
   • @Output() Напрыкладample – бацькоўскі кампанент
   • Поўная двухбаковая прывязка
   • Налада двухбаковай прывязкі даных у бацькоўскай праграме
6. Шаблоны і кіраваныя формы
   • Шаблонныя формы
   • Модуль імпарту формаў
   • Базавы падыход
   • Наладжванне формы
   • Атрыманне ўводу карыстальніка
   • Адсутнасць атрыбута ngForm
   • Ініцыялізаваць форму
   • Двухбаковая прывязка дадзеных
   • Праверка формы
   • Вуглавыя валідатары
   • Адлюстраванне праверкі стану з выкарыстаннем класаў
   • Дадатковыя тыпы ўводу
   • Сцяжкі
   • Выберыце (выпадальны спіс) палі
   • Параметры рэндэрынгу для выбару (выпадальны спіс)
   • Палі даты
   • Радыёкнопкі
7. Рэактыўныя формы
   • Рэактыўныя формы скончаныview
   • Будаўнічыя блокі
   • Імпартаваць Reactive FormsModule
   • Стварыце форму
   • Стварыце шаблон
   • Атрыманне ўваходных значэнняў
   • Ініцыялізацыя палёў уводу
   • Налада значэнняў формы
   • Падпіска на змены ўводу
   • Праверка
   • Убудаваныя валідатары
   • Адлюстраванне памылкі праверкі
   • Карыстальніцкі валідатар
   • Выкарыстанне карыстацкага валідатара
   • Пастаўка канфігурацыі карыстацкага валідатара
   • FormArray – дынамічнае даданне ўваходных дадзеных
   • FormArray – клас кампанентаў
   • FormArray – шаблон
   • FormArray – Значэнні
   • Sub FormGroups – клас кампанентаў
   • Sub FormGroups – шаблон HTML
   • Навошта выкарыстоўваць Sub FormGroups
8. Паслугі і ін'екцыя залежнасцей
   • Што такое паслуга?
   • Стварэнне асноўнага сэрвісу
   • Клас абслугоўвання
   • Што такое ін'екцыя залежнасці?
   • Увядзенне асобніка службы
   • Фарсункі
   • Іерархія інжэктара
   • Рэгістрацыя службы з каранёвым інжэктарам
   • Рэгістрацыя службы з інжэктарам кампанентаў
   • Зарэгіструйце паслугу з інжэктарам функцыйнага модуля
   • Дзе зарэгістраваць паслугу?
   • Увядзенне залежнасці ў іншыя артэфакты
   • Прадастаўленне альтэрнатыўнай рэалізацыі
   • Ін'екцыя залежнасці і @Host
   • Ін'екцыя залежнасці і @Optional
9. Кліент HTTP
   • HTTP-кліент Angular
   • Выкарыстанне кліента HTTP - большview
   • Імпарт HttpClientModule
   • Сэрвіс з дапамогай HttpClient
   • Стварэнне запыту GET
   • Што робіць назіраны аб'ект?
   • Выкарыстанне службы ў кампаненце
   • Кліенцкі кампанент PeopleService
   • Апрацоўка памылак
   • Настройка аб'екта Error
   • Стварэнне запыту POST
   • Стварэнне запыту PUT
   • Стварэнне запыту на выдаленне
10. Трубы і фарматаванне даных
    • Што такое трубы?
    • Убудаваныя трубы
    • Выкарыстанне каналаў у шаблоне HTML
    • Злучэнне труб
    • Міжнародныя іяналізаваныя трубы (i18n)
    • Загрузка лакальных дадзеных
    • Фінікавая труба
    • Колькасць Труба
    • Валютная труба
    • Стварэнне карыстацкай трубы
    • Custom Pipe Example
    • Выкарыстанне карыстацкіх труб
    • Выкарыстанне трубы з ngFor
    • Фільтруючая труба
    • Катэгорыя труб: чыстая і нячыстая
    • Pure Pipe Example
    • Нячыстая труба Example
11. Уводзіны ў аднастаронкавыя прыкладанні
    • Што такое Single Page Applicat ion (SPA)
    • Традыцыйны Web Ужыванне
    • Працоўны працэс SPA
    • Аднастаронкавае прыкладанне Advantages
    • API гісторыі HTML5
    • SPA выклікі
    • Рэалізацыя SPA з дапамогай Angular
12. Кутні маршрутызатар кампанентаў
    • Маршрутызатар кампанентаў
    • View Навігацыя
    • Angular Router API
    • Стварэнне прыкладання з падтрымкай маршрутызатара
    • Размяшчэнне маршрутызаваных кампанентаў
    • Навігацыя з дапамогай спасылак і кнопак
    • Праграмная навігацыя
    • Перадача параметраў маршруту
    • Навігацыя з параметрамі маршруту
    • Атрыманне значэнняў параметраў маршруту
    • Сінхроннае атрыманне параметраў маршруту
    • Асінхроннае атрыманне параметра маршруту
    • Параметры запыту
    • Пастаўка параметраў запыту
    • Асінхроннае атрыманне параметраў запыту
    • Праблемы з Manual URL запіс і закладкі
13. Пашыраны кліент HTTP
    • Параметры запыту
    • Вяртанне аб'екта HttpResponse
    • Налада загалоўкаў запытаў
    • Стварэнне новых назіраных
    • Стварэнне простай назіральнай
    • Метад назіральнага канструктара
    • Назіральныя аператары
    • Аператары карты і фільтра
    • Аператар flatMap().
    • Аператар tap().
    • Камбінатар zip().
    • Кэшаванне HTTP-адказу
    • Стварэнне паслядоўных HTTP-званкоў
    • Стварэнне паралельных званкоў
    • Настройка аб'екта памылкі з catchError()
    • Памылка ў канвееры
    • Аднаўленне памылак
14. Вуглавыя модулі
    • Чаму вуглавыя модулі?
    • Анатомія модульнага класа
    • Уласцівасці @NgModule
    • Функцыянальныя модулі
    • ПрampМодульная структура
    • Стварыце модуль дамена
    • Стварыце пару маршрутызацыя/модуль маршрутызацыі
    • Стварыце сэрвісны модуль
    • Стварэнне агульных модуляў
    • Выкарыстанне аднаго модуля з іншага
15. Пашыраная маршрутызацыя
    • Функцыянальны модуль з падтрымкай маршрутызацыі
    • Выкарыстанне модуля функцый
    • Лянівая загрузка модуля функцый
    • Стварэнне спасылак для кампанентаў модуля функцый
    • Больш падрабязна пра лянівую загрузку
    • Папярэдняя загрузка модуляў
    • прывязка routerLinkActive
    • Маршрут па змаўчанні
    • Шлях маршруту падстаноўчага знака
    • redirectTo
    • Дзіцячыя маршруты
    • Вызначэнне даччыных маршрутаў для даччыных маршрутаў
    • Спасылкі для дзіцячых маршрутаў
    • Навігацыйныя гвардыі
    • Стварэнне ахоўных рэалізацый
    • Выкарыстанне ахоўнікаў на маршруце
16. Модульнае тэставанне вуглавых прыкладанняў
    • Модульнае тэставанне вуглавых артэфактаў
    • Інструменты тэсціравання
    • Тыповыя этапы тэставання
    • Вынікі выпрабаванняў
    • Наборы тэстаў Jasmine
    • Спецыфікацыі Jasmine (модульныя тэсты)
    • Чаканні (Сцвярджаюць іёны)
    • Запалкі
    • Прampурокі па выкарыстанні супадзенняў
    • Выкарыстанне ўласцівасці not
    • Наладжванне і разборка ў наборах модульных тэстаў
    • ПрampФункцыі beforeEach і afterEach
    • Вуглавы тэставы модуль
    • ПрampКутні тэставы модуль
    • Тэставанне паслугі
    • Увядзенне асобніка службы
    • Праверце сінхронны метад
    • Праверце асінхронны метад
    • Выкарыстанне макетнага кліента HTTP
    • Пастаўка стандартнага адказу
    • Тэставанне кампанента
    • Модуль тэставання кампанентаў
    • Стварэнне асобніка кампанента
    • Клас ComponentFixture
    • Тэсты асноўных кампанентаў
    • Клас DebugElement
    • Імітацыя ўзаемадзеяння карыстальніка
17. Адладка
    • Надview кутняй адладкі
    • ViewКод TypeScript у адладчыку
    • Выкарыстанне адладчыка Keyword
    • Запіс адладкі
    • Што такое 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