LUMIFY WORK Angular 12 Programming

KUTHENI UFUNDE ESI SIFUNDO

Le khosi ebanzi ye-Angular 12 Programming indibaniselwano yokufunda kwethiyori kunye nezandla kwiilebhu ezibandakanya isingeniso kwi-Angular, ilandelwa yi-TypeScript, amacandelo, izikhokelo, iinkonzo, i-HTTP Client, uvavanyo, kunye nokulungiswa kweempazamo.
Ikhosi igcwele ulwazi oluluncedo nolunokusetyenzwa onokulufaka emsebenzini wakho ngoko nangoko. Funda iziseko zophuhliso olusisiseko lwe-Angular 12 njengosetyenziso lwekhasi elinye, oluphendulayo webiisayithi, kunye nezicelo zeselula ezixutyiweyo.
Phawula: Sinokunikezela ngoqeqesho kwezinye iinguqulelo ze-Angular. Nceda uqhagamshelane nathi ukwenza umbuzo okanye ubhalise umdla wakho.

OKO UZA KUFUNDA
Wakugqiba ngempumelelo le khosi, uya kuba nakho uku:

• Phuhlisa usetyenziso lwe-Angular olunephepha elinye usebenzisa i-Typescript
• Misela indawo epheleleyo yophuhliso lwe-Angular
• Yenza iZixhobo, iziKhokelo, iiNkonzo, iiMibhobho, iiFom, kunye neziQinisekiso zesiNtu
• Phatha imisebenzi yokubuyisela idatha yenethiwekhi ephezulu usebenzisa iObservables Yidla idatha esuka kwiREST web iinkonzo usebenzisa iAngular HT TP Umxhasi Handle push-data uqhagamshelwano usebenzisa i WebIisokethi zeprotocol
• Sebenza ngemibhobho ye-Angular ukufomatha idatha
• Sebenzisa i-Angular Component Router iimpawu eziphambili
• Vavanya kwaye ulungise usetyenziso lwe-Angular usebenzisa izixhobo ezakhelwe ngaphakathi.

IZIFUNDO ZEZIFUNDO

Isahluko 1. Ukwazisa i-Angular

• Yintoni i-Angular?
• Iimpawu eziphambili zeSakhelo se-Angular Iimeko zokusetyenziswa ezifanelekileyo
• Iibhloko zoKwakha zeAngular Application Basic Architecture ye-Angular Application yokuFaka nokuSebenzisa i-Angular
• I-Anatomy ye-Angular Application
• Ukwakha kunye nokusasaza i-Angular yesicelo seNative Mobile Apps
• Isishwankathelo

Isahluko 2. Intshayelelo kwi-TypeScript

• Iilwimi zokuCwangcisa ukuze zisetyenziswe nge-Angular TypeScript Syntax
• Abahleli beNkqubo
• INkqubo yoHlobo-Ichaza iiguquguquko
• INkqubo yoHlobo-Ichaza ii-Arrays
• Iintlobo ezisisiseko zamandulo
• Chwetheza kwiMisebenzi
• NONE
• Ukuchaza iiklasi
• Iindlela zeKlasi
• Ulawulo lokubonakala
• Abakhi Beklasi
• Abakhi beKlasi-Eyinye iFomu eNgasetyenziswanga Imihlaba
• Ujongano
• Ukusebenza ngeeModyuli zeES6
• var vs uyeke
• Utolo lweMisebenzi
• Utolo oluSebenzayo lweSintaksi yeSintaksi yeMitya
• IiGenerics kwiKlasi
• IiGenerics ziyasebenza
• Isishwankathelo

Isahluko sesi-3

• Yintoni iCandelo?
• Eksample Component
• Ukudala iCandelo usebenzisa i-Angular CLI
• Iklasi yeCandelo
• I @Component Umhombi
• Ukubhalisa iCandelo kwiSifanekiso seCandelo leModyuli
• Example: HelloComponent template
• Example: The HelloComponent Class Ukusebenzisa icandelo
• Qhuba usetyenziso
• Ulawulo lweCandelo
• Ilungu lengcambu yesicelo
• IBootstrap File
• Component Lifecycle Hooks Example Lifecycle Hooks
• Izimbo zeCSS
• Isishwankathelo

Isahluko 4. Izakhelo zecandelo

• Izempleyithi
• Indawo yetemplate
• I-Mustache {{ }} Isintaksi
• Ukumisela iiPropati ze-DOM zeNqanaba
• Ukuseta isicatshulwa soMzimba weSiqalelo
• Ukubophelela uMnyhadala
• IsiPhathi soMnyhadala wokuchazwa
• Thintela ukuPhathwa okuMiselweyo
• Iimpawu zophawu
• Sebenzisa izimbo ngokuTshintsha iiklasi zeCSS
• Example: ngClass
• Ukusebenzisa izimbo ngokuthe ngqo
• Imiyalelo yoLwakhiwo
• Yenza ngokwemiqathango iTemplate
• Example: xa
• UkuLoping Ukusebenzisa i-ngFor
• ngYeeGuquguquko zaseKhaya
• Ukulawula iQokelelo Example – Ukucima into
• Ukulandelela izinto nge-ngFor Swapping Elements nge-ngSwitch Grouping Elements
• IsiShwankathelo esiSetyenzisiweyo seTemplate

Isahluko 5. Unxibelelwano lweCandelo eliHlangeneyo

• Iziseko zoNxibelelwano
• Uyilo lweData Flow Architecture
• Ukulungiselela Umntwana ukuba afumane iDatha
• Thumela iDatha kuMzali
• Okungakumbi malunga nokuSeta iiPropati
• Isiganeko sokudubula esivela kwiCandelo
• @Imveliso () Eksample – ICandelo loMntwana @Isiphumo () Eksample – iCandelo loMzali
• Ukubophelela kweNdlela ezimbini ngokupheleleyo
• Ukumisela iNdlela ezimbini zokuBopha iDatha kuMzali
• Isishwankathelo

Isahluko 6. IiFom eziqhutywa ngeSifanekiso

• IiFom eziqhutywa ngeSifanekiso
• Ukungenisa iiModyuli zeefom
• Indlela esisiseko
• Ukumisela iFomu
• Ukufumana iNgeniso yomsebenzisi
• Ishiya uphawu loyelelwano lwe-ngForm
• Qalisa iFomu
• Iindlela ezimbini zokuBophelela kweDatha
• Ukuqinisekiswa kwefomu
• Angular Validators
• Ukubonisa iSimo soQinisekiso usebenzisa Iindidi zoNgeniso ezongezelelweyo kwiiklasi
• Iibhokisi zokukhangela
• Khetha (Yehla) Imihlaba
• Unikezelo lweeNdlela zokuKhetha (Yihla) imihla ngemihla
• Amaqhosha eRadio
• Isishwankathelo

Isahluko 7. Iifom ezisebenzayo

• Iifom ezisebenzayo ngaphezuluview
• Iibhloko zokwakha
• Thatha ngaphandle iReactiveFormsModyuli
• Yakha iFomu
• Yila iSakhelo
• Ukufumana amaxabiso oNgeniso
• Ukuqaliswa kweMimandla yoNgeniso
• Ukumisela amaxabiso eFom
• Ukurhuma kwiiNguqulelo zokuNgena
• Ukuqinisekiswa
• Iziqinisekiso ezakhelwe ngaphakathi
• Ukubonisa impazamo yoQinisekiso
• IsiQinisekiso seSiko
• Ukusebenzisa isiQinisekiso seSiko
• Ukubonelela ngolungelelwaniso kwisiQinisekiso seSiko
• IFormArray – Yongeza iiNgeniso ngokuNgqo
• IFormArray – iKlasi yeCandelo
• FormArray-Isifanekiso
• FormArray – Amaxabiso
• ISub FormGroups – iKlasi yeCandelo
• I-Sub FormGroups – itemplate ye-HTML
• Kutheni Usebenzisa iSub FormGroups
• Isishwankathelo

Isahluko 8. Iinkonzo kunye nesitofu sokuxhomekeka

• Yintoni iNkonzo?
• Ukudala iNkonzo eSiseko
• Iklasi yeNkonzo
• Yintoni Isitofu sokuxhomekeka?
• Ukutofa iSimo seNkonzo
• Izitofu
• I-Injector Hierarchy
• Ukubhalisa iNkonzo kunye neRoot Injector
• Ukubhalisa iNkonzo ngeInjector yeCandelo
• Bhalisa iNkonzo ngeFeature Module Injector
• Ubhalisa phi iNkonzo?
• Isitofu sokuXhomekeka kwezinye izinto zeArtifacts ezibonelela ngenye indlela yokuSebenza ngokuXhomekeka kunye @Host
• Isitofu sokuxhomekeka kunye noKhetho
• Isishwankathelo

Isahluko 9. HTTP Client

• I-Angular HT TP Client
• Ukusebenzisa iT he HT TP Client – ​​Overview
• Ukuthathwa ngaphandle kweHttpClientModule
• Inkonzo isebenzisa iHttpClient
• Ukwenza isicelo seGET
• Yenza ntoni into eObservable?
• Ukusebenzisa iNkonzo kwiCandelo
• Ukuphatha impazamo kwiCandelo loMxumi weNkonzo yaBantu
• Ukulungiselela Into Yemposiso
• Ukwenza isicelo se-POST
• Ukwenza isicelo se-PUT
• Ukwenza isicelo sokucima

Isahluko 10. Imibhobho kunye nokuFomatha kweDatha

• Yintoni imibhobho?
• Imibhobho eyakhelwe-ngaphakathi
• Ukusebenzisa iMibhobho kwi-HTML Template Chaining Pipes
• Imibhobho yamazwe ngamazwe (i18n) iLayisha iDatha yeNdawo
• Umhla Umbhobho
• Inombolo yombhobho
• Umbhobho weMali
• Yenza uMbhobho weSiko
• Umbhobho wesiko Example
• Ukusebenzisa iMibhobho yeSiko
• Ukusebenzisa uMbhobho onengFor
• Umbhobho wesihluzi
• Umbhobho wodidi: Unyulu kwaye ungcolile
• Isishwankathelo
• Umbhobho ococekileyo Example
• Umbhobho ongcolileyo Example
• Isishwankathelo

Isahluko 11. Intshayelelo yezicelo zephepha elinye

• Yintoni iSicelo sePhepha elinye (i-SPA) yesiNtu Web Isicelo
• Ukuhamba komsebenzi we-SPA
• I-Advan yesicelo sephepha elinyetages HTML5 Imbali API
• Imingeni ye-SPA
• Ukuzalisekisa i-SPA's Ukusebenzisa isiShwankathelo se-Angular

Isahluko 12. I-Angular Component Router

• Umzila wecandelo
• View Ukukhangela
• I-Angular Router API
• Ukudala usetyenziso oluvulelekileyo lwe-router
• Ukusingatha Amacandelo aLawuliweyo
• Ukukhangela usebenzisa amakhonkco kunye namaqhosha
• Ukukhangela ngeNkqubo
• IiParameters zeNdlela yokudlula
• Ukuhamba ngeeParameters zeNdlela
• Ukufumana amaxabiso eParameter yeNdlela
• Ukufumana kwakhona iParameter yeNdlela Ngokungqamana
• Ukufumana kwakhona iParameter yeNdlela ngokulandelelanayo
• Iiparamitha zoMbuzo
• Ukubonelela ngeeParamitha zoMbuzo
• Ukufumana kwakhona iiParameters zoMbuzo ngokulandelelana
• Iingxaki ngeManuwali URL ukungena kunye nokuphawula amanqaku
• Isishwankathelo

Isahluko 13. I-Advanced HTTP Client

• Cela Iinketho
• Ukubuyisela i-HttpResponse Object
• Ukucwangcisa izihloko zesicelo
• Ukudala iMitsha yokuQwalasela
• Ukudala Into Elula Ebonwayo
• Indlela yoMakhi oQwalaselayo abaSebenzi abaQwalaselayo
• Imephu kunye nabaSebenzi bokucoca
• I-flatMap () Umsebenzisi
• Thepha () Umsebenzisi
• I-zip () Umdibaniso
• Ukugcina i-HT TP Impendulo
• Ukwenza iiFowuni ze-HT TP ezilandelelanayo
• Ukwenza iiFowuni eziFanayo
• Ukwenza iNjongo yeMposo ngokwezifiso nge- catchError()
• Imposiso kwiPipeline
• UkuFumana imposiso
• Isishwankathelo

Isahluko 14. IiModyuli ze-Angular

• Kutheni iiModyuli zeAngular?
• I-Anatomy yeKlasi yeModyuli
• @NgModule Properties
• Iimodyuli zophawu
• Example Ulwakhiwo lwemodyuli
• Yenza iModyuli yeDomain
• Yila iModyuli eLudwe ngoNdlela/iNdlela ezimbini
• Yenza iModyuli yeNkonzo
• Ukudala iiModyuli eziqhelekileyo

Isahluko 15. Advanced Routing

• Umzila weModyuli yeFeature enikwe amandla
• Ukusebenzisa iModyuli yeFeature
• Wonqena ukulayisha iModyuli yeFeature
• Ukudala uQhagamshelwano lwaMacandelo eModyuli yoMphawu
• Okungakumbi malunga neLazy Loading
• Ukulayishwa kwangaphambili kweeModyuli
• Indlela eMiselweyo
• Indlela yeNdlela ye-Wildcard
• thumela kwakhona Kwi
• Iindlela zabantwana
• Ukuchaza iindlela zoMntwana
• kwiiNdlela zaBantwana
• Unxulumano kwiiNdlela zaBantwana
• Navigation Guards
• Ukuyilwa koMsebenzi wokuGada
• Ukusebenzisa oonogada kwiNdlela
• Isishwankathelo

Isahluko 16. Uvavanyo lweYunithi yezicelo zeAngular

• Iyunithi yoVavanyo lwe-Angular Artifacts
• Izixhobo zokuvavanya
• Amanyathelo ovavanyo oluqhelekileyo
• Iziphumo zovavanyo
• Jasmine Test Suites
• I-Jasmine Specs (Uvavanyo lweYunithi)
• Okulindelekileyo (Iinkcazo)
• Abafanisi
• Exampimiba yokusebenzisa iiMatchers
• Ukusebenzisa hayi iPropati
• Ukuseta kunye neTeardown kwiiYunithi zoVavanyo lweYunithi
• Example yangaphambiNganye nasemva kweMisebenzi nganye
• Imodyuli yoVavanyo lweAngular
• Example Modyuli yoVavanyo lweAngular
• Uvavanyo lweNkonzo
• Ukutofa iSimo seNkonzo
• Vavanya iNdlela yoQhagamshelwano
• Vavanya i-Asynchronous Method
• Ukusebenzisa iMock HT TP Client
• Ukubonelela ngeempendulo ezinkonkxiweyo
• Ukuvavanya iCandelo
• Imodyuli yoVavanyo lweCandelo
• Ukudala imeko yecandelo
• I-ComponentFixture Class
• Iimvavanyo zeCandelo eliSisiseko
• Udidi lweDebugElement
• Ukulinganisa Intsebenziswano yomsebenzisi
• Isishwankathelo

Isahluko 17. Debugging

• 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-Tshintsho lokuSebenza ngokuBamba
• Ukubamba iimpazamo zesintaksi
• Isishwankathelo

ILab Exercises

• ILab 1. Intshayelelo kwi-Angular
• ILab 2. Intshayelelo kwi-TypeScript
• ILab 3. Intshayelelo kuMalunga
• ILebhu 4. Isakhelo seCandelo
• ILebhu 5. Yenza iCandelo leGalari yeeFoto
• ILab 6. IFom eqhutywa ngokweSifanekiso
• ILebhu 7. Yenza iFom yokuHlela
• ILebhu 8. Ifomu esebenzayo
• ILebhu 9. Phuhlisa iNkonzo
• ILebhu 10. Phuhlisa i-HT TP Client
• ILebhu 11. Sebenzisa iMibhobho
• ILebhu 12. IsiSeko esiSisiseko sePhepha elinye ngokuSebenzisa iLebhu yeNdlela 13. Yakha iSicelo sePhepha elinye (SPA)
• ILebhu ye-14. Umxhasi we-HT TP oPhezulu
• ILebhu ye-15. Ukusebenzisa i-Angular Bootstrap
• ILab 16. IModyuli eyonqenayo iyalayisha
• ILab 17. Indlela ekwinqanaba eliphezulu
• ILebhu 18. Uvavanyo lweYunithi
• ILebhu ye-19. Ukulungisa ii-Angular Applications

INGABANI ISIFUNDO?
Le khosi ijolise kuye nabani na ofuna ukufunda iziseko zophuhliso lwe-Angular 12 kwaye ayisebenzise ekudaleni. web izicelo kwangoko. Singakwazi ukuhambisa kwaye silungiselele le khosi yoqeqesho kumaqela amakhulu - ukugcina ixesha lombutho wakho, imali kunye nezixhobo.

IIMFUNEKO
Web amava ophuhliso usebenzisa iHTML, CSS kunye neJavaScript iyafuneka ukuze ufumane okuninzi kule khosi yeAngular. Ulwazi lwesikhangeli se-DOM lukwaluncedo. Ngaphambili ngamava e-Angular, kunye ne-AngularJS okanye nayiphi na inguqulelo ye-Angular, ayifuni.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Amaxwebhu / Izibonelelo

LUMIFY WORK Angular 12 Programming [pdf] Isikhokelo somsebenzisi I-Angular 12 Programming, Angular, 12 Programming, Programming

Iimbekiselo

• Incwadi yokusebenzisa