
ISICELO KUNYE WEB UPHUHLISO
Angular 15 Programming
UBUDE Iintsuku ezi-5
IVERSION 15
KUTHENI UFUNDE ESI SIFUNDO
Le khosi yoqeqesho ebanzi nebanzi ye-Angular 15 ibonelela abazimasayo ngezakhono abanokuthi bazisebenzise kwangoko emsebenzini wabo. Uya kufunda iziseko zophuhliso lwe-Angular 15 ezifana nekhasi elinye le-browser ye-ion, ephendulayo. webiisayithi, kunye neeyoni ze-application eziphathwayo ezixutyiweyo.
Le khosi yindibaniselwano yokufunda kwethiyori kunye nezandla kwiilebhu ezibandakanya i-ion yentshayelelo kwi-Angular, ilandelwa yi-TypeScript, amacandelo, ii-ives ezithe ngqo, iinkonzo, i-HTTPClient, uvavanyo, kunye nokulungiswa kweempazamo.
Phawula: Sinokunikezela ngoqeqesho kwezinye iinguqulelo ze-Angular. Nceda uqhagamshelane nathi ukwenza umbuzo okanye ubhalise umdla wakho.
I-ANGULAR EMSEBENZINI WOKULUMIFY
OKO UZA KUFUNDA
Ekugqibeni ngempumelelo kwesi sifundo, uya kuba nolwazi loku:
- Phuhlisa iphepha elinye I-angular applicat ion usebenzisa i-Typescript
- Misela indawo epheleleyo yophuhliso lwe-Angular
- Yenza iMicimbi, ii-ives ezithe ngqo, iiNkonzo, iiMibhobho, iiFom, kunye neziQinisekiso zesiNtu
- Phatha imisebenzi yokubuyisela idatha yenethiwekhi ephezulu usebenzisa i-Observables
- Sebenzisa idatha esuka kwi-REST web iinkonzo usebenzisa i-Angular HTTP Client
- Phatha ukutyhala-idatha yokudibanisa ion usebenzisa i WebIprotocol yesokhethi
- Sebenza ngemibhobho ye-Angular ukufomatha idatha
- Sebenzisa i-Angular Component Router iimpawu eziphambili
- Vavanya kwaye ulungise ii-ion ze-Angular applicat usebenzisa izixhobo ezakhelwe ngaphakathi
- Sebenza nge-Angular CLI
Umqeqeshi wam wayekwazi kakuhle ukubeka iimeko kwiimeko zehlabathi zokwenyani ezinxulumene nemeko yam ethile.
Ndenziwa ndaziva ndamkelekile ukususela ekufikeni kwam nokukwazi ukuhlala njengeqela ngaphandle kwegumbi lokufundela ukuze sixoxe ngeemeko zethu kunye nosukelo lwethu lwaluxabiseke kakhulu.
Ndifunde okuninzi kwaye ndakubona kubalulekile ukuba iinjongo zam ngokuya kwesi sifundo zifezekiswe.
Umsebenzi omhle Lumify Umsebenzi weqela.
AMANDA NICOL
IXHASA UMPHATHI WEENKONZO – HEALTH WORLD LIMITED
IZIFUNDO ZEZIFUNDO
- Ukwazisa i-Angular
• Yintoni i-Angular?
• Iimpawu eziseMbindini zeSakhelo se-Angular
• Iimeko zokusetyenziswa ezifanelekileyo
• Iibhloko zeZakhiwo zeSicelo se-Angular
• Uyilo olusisiseko lwe-Angular Application
• Ukufakela kunye nokusebenzisa i-Angular
• IAnatomy yeAngular Application ion
• Ukusebenzisa i-ion yesicelo
• Ukwakha kunye nokusasazwa kweSicelo
• Angular for Native Mobile Apps - Intshayelelo kwi-TypeScript
• Iilwimi zokuCwangcisa eziya kusetyenziswa nge-Angular
• I-TypeScript Syntax
• Abahleli beNkqubo
• INkqubo yoHlobo – Iiguquguquki ze-inging ze-Def
• Inkqubo yoHlobo – iDef ining Arrays
• Iintlobo zePrimit ive ezisisiseko
• Chwetheza iiyoni ezisebenzayo
• Uhlobo lweNtelekelelo
• Ukuchaza iiklasi
• Iindlela zeKlasi
• Ukulawula ukubonakala
• Abakhi beeklasi
• Abakhi beeKlasi – enye iFomu
• Imimandla engekamiselwa
• Ujongano
• Ukusebenza ngeeModyuli ze-ES6
• var vs let
• Imisebenzi yotolo
• ISintaksi yoMsebenzi we-Arrow Compact
• Iintambo zesifanekiso
• IiGenerics eKlasini
• Ijenerikhi kwi-Fun ion - Amacandelo
• Yintoni iCandelo?
• Umzekeloample Component
• Ukuyilwa kweCandelo usebenzisa i-Angular CLI
• IKlasi yeCandelo
• I-@Component Decorator
• Ukubhalisa iCandelo kwiModyuli yalo
• Isakhelo secandelo
• Eksample: HelloComponent template
• Eksample: The HelloComponent Class
• Ukusebenzisa iCandelo
• Qalisa usetyenziso
• Ulawulo lweCandelo
• I-Aplikheyishini yeengcambu zeCandelwana
• IBootstrap File
• IiHooks zeLifecycle
• Eksample Lifecycle Hooks
• Izimbo zeCSS - Izakhelo zecandelo
• Izakhelo
• Indawo yetemplate
• I-Madevu {{}} Isintaksi
• Ukumisela iiPropati ze-DOM zoMmandla
• Ukuseta iSibhalo soMzimba
• Ukubophelela isiganeko
• IsiPhathi soMnyhadala wokuvezwa
• Thintela ukuPhathwa okuMiselweyo
• Iimpawu zophawu
• Sebenzisa izimbo ngokuTshintsha iiklasi zeCSS
• Eksample: ngClass
• Ukusebenzisa izimbo ngokuthe ngqo
• Imigaqo yoLwakhiwo
• Sebenzisa ngokwemiqathango iSakhelo
• Eksample: xa
• UkuLowula Ukusebenzisa i-ngFor
• ngNgeeGuquguquko zaseKhaya
• Ukulawula iQokelelo
• Eksample – Ukucima into
• Ukulandelela izinto nge-ngFor
• Ukutshintshela izinto nge-ngSwitch
• Iziqalelo zamaqela
• Template Reference Variable - Unxibelelwano lweCandelo eliphakathi
• Iziseko zoNxibelelwano
• UYilo lokuHamba kweDatha
• Ukulungiselela Umntwana ukuba afumane iDatha
• Thumela iDatha kuMzali
• Okungakumbi malunga nokuSeta iiPropati
• Isiganeko sokudubula kwiCandelo
• @Imveliso () Eksample – iCandelo loMntwana
• @Imveliso () Eksample – iCandelo loMzali
• Ukubophelela kweNdlela ezimbini ngokupheleleyo
• Ukumisela i-Two Way Data Binding kuMzali - Template e Iifom eziqhutywayo
• IiFom eziqhutywa ngokwesakhelo
• Ukungenisa iiModyuli zeeFom
• Indlela esisiseko
• Ukuseta iFomu
• Ukufumana iNgeniso lomsebenzisi
• Ukushiya i-ngForm yophawu lophawu
• Qalisa iFomu
• Ukubophelela kwedatha yeNdlela ezimbini
• Ukuqinisekiswa kwefomu
• Ii-Angular Validators
• Ukubonisa uQinisekiso lweLizwe lokuSebenzisa iiklasi
• Iintlobo zeNgeniso ezongezelelweyo
• Iibhokisi zokutshekisha
• Khetha (Yehla) Imihlaba
• Unikezelo lweeNdlela zokuKhetha (Yehla)
• Iindawo zomhla
• Amaqhosha erediyo - Iifom ezisebenzayo
• Iifom eziSebenzayo ngaphezuluview
• Iibhloko zokwakha
•Ngenisa ngaphandle iReactive FormsModyuli
• Yakha iFomu
• Yila iSakhelo
• Ukufumana iiNqobo zeNgeniso
• Ukuqaliswa kweMimandla yoNgeniso
• Ukumisela amaxabiso eFom
• Ukurhuma kwiiNguquko zeNgeniso
• Ukuqinisekiswa
• Iziqinisekiso ezakhelwe ngaphakathi
• Ukubonisa impazamo yoQinisekiso
• Customer Validator
• Ukusebenzisa isiQinisekiso seSiko
• Ukubonelela ngolungelelwaniso kwisiQinisekiso sesiKho
• I-FormArray – Yongeza iiNgeniso ngokuNgqo
• I-FormArray – iKlasi yeCandelo
• IFormArray – iTemplate
• IFormArray – Amaxabiso
• ISub FormGroups – iKlasi yeCandelo
• I-Sub FormGroups – HTML Template
• Kutheni Usebenzisa iSub FormGroups - Iinkonzo kunye nesitofu sokuxhomekeka
• Yintoni iNkonzo?
• Ukudala iNkonzo eSiseko
• Iklasi yeNkonzo
• Yintoni i-Dependency injection?
• Ukutofa iSimo seNkonzo
• Izitofu
• I-Injector Hierarchy
• Ukubhalisa iNkonzo kwiRoot Injector
• Ukubhalisa iNkonzo ngeInjector yeCandelo
• Bhalisa iNkonzo ngeFeature Module Injector
• Ungabhalisa phi iNkonzo?
• Isitofu sokuxhomekeka kwezinye ii-Artifacts
• Ukubonelela ngoPhumezo olulolunye
• Isitofu sokuxhomekeka kunye @Host
• Isitofu sokuxhomekeka kunye ne-@Optional - Umxhasi weHTTP
• Umxhasi we-Angular HTTP
• Ukusebenzisa i-HTTP Client – Overview
• Ngenisa i-HttpClientModule
• Inkonzo esebenzisa iHttpClient
• Ukwenza isicelo seGET
• Yenza ntoni iNjongo eQwalaselayo?
• Ukusebenzisa iNkonzo kwiCandelo
• iPeopleService Client Component
• Ukuphatha iimpazamo
• Ukulungelelanisa iNjongo yemposiso
• Ukwenza isicelo se-POST
• Ukwenza isicelo se-PUT
• Ukwenza isicelo sokucima - Imibhobho kunye nokuFomatha kweDatha
• Yintoni imibhobho?
• Imibhobho eyakhelwe-ngaphakathi
• Ukusebenzisa iMibhobho kwi-HTML Template
• Imibhobho yokuBonisa
• Imibhobho ye-ionalized yangaphakathi (i18n)
• Ilayisha iDatha yeNdawo
• Umbhobho womhla
• Inombolo yombhobho
• Umbhobho weMali
• Yenza uMbhobho weSiko
• Custom Pipe Example
• Ukusebenzisa iMibhobho yeSiko
• Ukusebenzisa uMbhobho onengFor
• Umbhobho wesihluzi
• Udidi lwemibhobho: Usulungekile kwaye ungcolile
• Umbhobho ococekileyo Example
• Umbhobho ongacocekanga Example - Intshayelelo yeSicelo sephepha elinye
• Yintoni iSicelo sephepha elinye (SPA)
• Ngokwemveli Web Isicelo
• Ukuhamba komsebenzi we-SPA
• I-Advan yesicelo sephepha elinyetages
• HTML5 History API
• Imingeni ye-SPA
• Ukusebenzisa i-SPA's Ukusebenzisa i-Angular - I-Angular Component Router
• Irutha yeCandelo
• View Ukukhangela
• I-Angular Router API
• Ukuyila i-Aplikheyishini eVulelwe iNdlela
• Ukusingatha Amacandelo aQhutywayo
• Ukukhangela usebenzisa amakhonkco kunye namaqhosha
• Ukukhangela ngeNkqubo
• IiParameters zeNdlela yokuPasa
• Ukuhamba ngeeParameters zeNdlela
• Ukufumana amaxabiso eParameter yeNdlela
• Ukufumana kwakhona iParameter yeNdlela ngoNgqamanisi
• Ukufumana kwakhona iParameter yeNdlela ngokuNgena-synchronously
• Iiparamitha zoMbuzo
• Ukubonelela ngeeParamitha zoMbuzo
• Ukufumana kwakhona iiParameters zemibuzo ngokulandelelanayo
• Iingxaki ngeManuwali URL ukungena kunye nokuphawula amanqaku - Advanced HTTP Client
• Cela Iinketho
• Ukubuyisela i-HttpResponse Object
• Ukuseta izihloko zesicelo
• Ukuyilwa kweMitsha yokuQwalasela
• Ukwenza into elula eKubonwayo
• Indlela yoMakhi oQwalaselayo
• AbaSebenzi abaqaphelekayo
• Imephu kunye neziSebenzi zokucoca
• I-flatMap () Umsebenzisi
• Thepha () Umsebenzisi
• I-zip() Umdibaniso
• Ugcino lwempendulo ye-HTTP
• Ukwenza iiFowuna zeHTTP ezilandelelanayo
• Ukufowuna ngokuFanayo
• Ukulungiselela iNjongo yeMposo ngeCatchError()
• Imposiso kuMbhobho
• UkuFumana impazamo - Iimodyuli ze-Angular
• Kutheni iiModyuli zeAngular?
• I-Anatomy yeKlasi yeModyuli
• @NgModule Properties
• Iimodyuli zeFeature
• Eksample Ulwakhiwo lwemodyuli
• Yenza iModyuli yeDomain
• Yila iperi yeModyuli eNgcazwayo/YokuKholwa
• Yenza iModyuli yeNkonzo
• Ukudala iiModyuli eziqhelekileyo
• Ukusebenzisa iModyuli enye kwenye - Umzila oPhezulu
• Umzila weModyuli yeNdawo eVunyiweyo
• Ukusebenzisa iModyuli yeFeature
• Ukonqena ukulayisha iModyuli yeFeature
• Ukwenziwa koQhagamshelwano kuMalunga eModyuli yoMphawu
• Okungakumbi malunga neLazy Loading
• Ukulayisha kwangaphambili iiModyuli
• I-routerLinkActive binding
• Indlela eMiselweyo
• Indlela yeNdlela ye-Wildcard
• RedirectTo
• Iindlela zabantwana
• Ukuchaza iiNdlela zoMntwana kwiiNdlela zaBantwana
• Uqhagamshelwano kwiiNdlela zaBantwana
• IiGadi zokuHamba
• Ukuqulunqwa koMiselo loKhuseleko
• Ukusebenzisa oonogada kwiNdlela - Unit Testing Angular Application
• Uvavanyo lwee-Angular Artifacts
• Izixhobo zoVavanyo
• Amanyathelo ovavanyo oluqhelekileyo
• Iziphumo zovavanyo
• Jasmine Test Suites
• I-Jasmine Specs (Uvavanyo lweeYunithi)
• Okulindelekileyo (Ii-Assert ions)
• Abalinganisi
• Eksampimiba yokusebenzisa iiMatchers
• Ukusebenzisa hayi iPropati
• Ukuseta kunye neTeardown kwi-Unit Test Suites
• Eksample yangaphambiNganye nasemva kweMisebenzi nganye
• Imodyuli yoVavanyo lwe-Angular
• Eksample Modyuli yoVavanyo lweAngular
• Uvavanyo lweNkonzo
• Ukutofa iSimo seNkonzo
• Vavanya iNdlela yoQhagamshelwano
• Vavanya iNdlela eAsynchronous
• Ukusebenzisa iMock HTTP Client
• Ukubonelela ngeempendulo ezinkonkxiweyo
• Uvavanyo lweCandelo
• Imodyuli yoVavanyo lweCandelo
• Ukwenziwa kwemeko yeCandelo
• IKlasi yokuLungisa iCandelo
• Iimvavanyo zeCandelo eliSisiseko
• Udidi lweDebugElement
• Ukulinganisa ukusebenzisana komsebenzisi - Ukulungisa ingxaki
• Ngaphezuluview yeAngular Debugging
• Viewnge-TypeScript Code kwi Debugger
• Ukusebenzisa i-debugger Igama elingundoqo
• Debug Logging
• Yintoni i-Angular DevTools?
• Ukusebenzisa i-Angular DevTools
• I-Angular DevTools – iSakhiwo seCandelo
• I-Angular DevTools – Guqula i-ion yokuQinisekisa i-ion
• Ukubamba iimpazamo zesintaksi
INGABANI ISIFUNDO?
Le khosi ijolise kuye nabani na ofuna ukufunda iziseko zophuhliso lwe-Angular 15 kwaye ayisebenzise kwangoko ekudaleni. web izicelo.
Singakwazi ukuhambisa kwaye silungise le khosi yoqeqesho kumaqela amakhulu - ukugcina ixesha lombutho wakho, imali kunye nezixhobo. Ngolwazi oluthe vetshe, nceda uqhagamshelane nathi nge-imeyile ph.training@lumifywork.com
IIMFUNEKO
- Web amava ophuhliso usebenzisa iHTML, CSS, kunye neJavaScript iyafuneka ukuze ufumane okuninzi kule khosi yeAngular
- Ulwazi lwesikhangeli se-DOM lukwaluncedo
- Akukho mava angaphambili e-Angular okanye i-AngularJS afunekayo
Ubonelelo lwale khosi nguLumify Work lulawulwa yimigaqo nemiqathango yokubhukisha.
Kucelwa ufunde imigaqo nemiqathango ngocoselelo phambi kokuba ubhalise kwezi khosi, njengoko ubhaliso kule khosi luxhomekeke ekwamkelweni kwale migaqo nemiqathango.
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
Amaxwebhu / Izibonelelo
![]() |
LUMIFY WORK Angular 15 Programming [pdf] Isikhokelo somsebenzisi Angular 15 Programming, Programming |




