LUMIFY WORK Angular 12 Programming User Guide

LUMIFY WORK Angular 12 Programming

KUNGANI UFUNDA LESI SIFUNDO

Lesi sifundo esibanzi se-Angular 12 Programming siyinhlanganisela yokufunda kwethiyori namalebhu okusebenza ngezandla ahlanganisa isingeniso se-Angular, elandelwa yi-TypeScript, izingxenye, iziqondiso, izinsizakalo, iKlayenti le-HTTP, ukuhlola, nokulungisa iphutha.
Isifundo sigcwele ulwazi oluwusizo nolusebenzayo ongalusebenzisa emsebenzini wakho ngaso leso sikhathi. Funda izinto eziyisisekelo zokuthuthukiswa kwe-Angular 12 njengezinhlelo zokusebenza zesiphequluli zekhasi elilodwa, eziphendulayo webamasayithi, nezinhlelo zokusebenza zeselula eziyi-hybrid.
Qaphela: Singakwazi futhi ukuletha ukuqeqeshwa kwezinye izinguqulo ze-Angular. Sicela usithinte ukuze wenze uphenyo noma ubhalise intshisekelo yakho.

LOKHO OZOKUFUNDA
Lapho uphothula ngempumelelo lesi sifundo, uzokwazi:

• Yakha izinhlelo zokusebenza ze-Angular zekhasi elilodwa usebenzisa i-Typescript
• Misa indawo ephelele yokuthuthukiswa kwe-Angular
• Dala Izingxenye, Iziqondiso, Amasevisi, Amapayipi, Amafomu, kanye Nokuqinisekisa Ngokwezifiso
• Phatha imisebenzi ethuthukisiwe yokubuyiswa kwedatha yenethiwekhi usebenzisa i-Observables Sebenzisa idatha evela ku-REST web amasevisi asebenzisa i-Angular HT TP Client Handle push-data connections usebenzisa i WebIphrothokholi yesokhethi
• Sebenza nge-Angular Pipes ukuze ufomethe idatha
• Sebenzisa izici ezithuthukisiwe ze-Angular Component Router
• Hlola futhi ulungise izinhlelo zokusebenza ze-Angular usebenzisa amathuluzi akhelwe ngaphakathi.

IZIHLOKO ZEZIFUNDO

Isahluko 1. Sethula i-Angular

• Iyini i-Angular?
• Izici Ezimaphakathi Zohlaka Lwe-Angular Izimo Zokusetshenziswa Ezifanele
• Amabhulokhi Wokwakha we-Angular Application Basic Architecture ye-Angular Application Ukufaka nokusebenzisa i-Angular
• I-Anatomy yohlelo lokusebenza lwe-angular olusebenzisa uhlelo
• Ukwakha kanye nokusebenzisa i-Angular yohlelo lokusebenza lwezinhlelo zokusebenza zeselula zomdabu
• Isifinyezo

Isahluko 2. Isingeniso se-TypeScript

• Izilimi zokuhlela ezizosetshenziswa nge-Angular TypeScript Syntax
• Abahleli Bezinhlelo
• Uhlobo Lwesistimu - Ichaza Okuguquguqukayo
• I-Type System - Ichaza ama-Arrays
• Izinhlobo Eziyisisekelo Eziyisisekelo
• Thayipha Imisebenzi
• Thayipha i-Inference
• Ukuchaza Amakilasi
• Izindlela Zekilasi
• Ukulawula Ukubonakala
• Abakhi Bekilasi
• Abakhi Bekilasi – Elinye Ifomu Izinkambu Ezingaqaliswanga
• Izixhumi ezibonakalayo
• Ukusebenza namamojula we-ES6
• var vs vumela
• Imisebenzi Yomcibisholo
• Izintambo Zesifanekiso Sesifanekiso Somcibisholo Ohlangene Ohlangene
• Amajenerikhi Ekilasini
• Amajenerikhi ayasebenza
• Isifinyezo

Isahluko 3. Izingxenye

• Iyini Ingxenye?
• Isibample Ingxenye
• Ukudala Ingxenye Ukusebenzisa I-Angular CLI
• I-Component Class
• I-@Component Decorator
• Ukubhalisa Ingxenye Yengxenye Yesifanekiso Sengxenye Yaso
• Example: HelloComponent Template
• Example: Ikilasi le-HelloComponent Esebenzisa Ingxenye
• Qalisa Uhlelo
• Ukubusa kwengxenye
• I-Application Root Component
• I-Bootstrap File
• Ingxenye ye-Lifecycle Hooks Example Lifecycle Hooks
• Izitayela ze-CSS
• Isifinyezo

Isahluko 4. Izifanekiso Zengxenye

• Izifanekiso
• Indawo Yesifanekiso
• I-syntax yamadevu {{ }}
• Ukusetha izici ze-DOM Element
• Ukusetha Umbhalo Womzimba Wesici
• Ukubophezela Komcimbi
• Isibambi Somcimbi Wokuveza
• Vimbela Ukuphatha Okuzenzakalelayo
• Iziqondiso zesibaluli
• Sebenzisa Izitayela Ngokushintsha Amakilasi e-CSS
• Example: ngClass
• Ukusebenzisa Izitayela Ngqo
• Iziqondiso Zesakhiwo
• Sebenzisa ngokwemibandela Isifanekiso
• Example :ngif
• Ukuvula Ngokusebenzisa i-ngFor
• ngOkweziguquko Zasendaweni
• Ukukhohlisa Iqoqo Example – Ukususa Into
• Ukulandelela Into nge-ngFor Swapping Elements nge-ngSwitch Grouping Elements
• Isifinyezo Sereferensi Yesifanekiso

Isahluko 5. Ukuxhumana Kwengxenye Ephakathi

• Izisekelo Zokuxhumana
• I-Data Flow Architecture
• Ukulungiselela Ingane Ukuze Yamukele Idatha
• Thumela Idatha esuka kumzali
• Okwengeziwe Mayelana Nokusetha Izakhiwo
• Umcimbi Wokudubula Ovela Engxenyeni
• @Output() Example – Ingxenye Yengane @Output() Example - Ingxenye Yomzali
• Ukubopha Okugcwele Kwezindlela Ezimbili
• Ukusetha I-Two Way Data Binding kumzali
• Isifinyezo

Isahluko 6. Amafomu Aqhutshwa Ngezifanekiso

• Amafomu Aqhutshwa Isifanekiso
• Ukungenisa Amafomula Module
• Indlela Eyisisekelo
• Ukusetha Ifomu
• Ithola Okokufaka komsebenzisi
• Ikhipha isibaluli se-ngForm
• Qalisa Ifomu
• I-Two Way Data Binding
• Ukuqinisekisa Ifomu
• Ama-Angular Validators
• Ibonisa Isimo Sokuqinisekisa Ngokusebenzisa Izinhlobo Zokufaka Ezengeziwe zamakilasi
• Amabhokisi okuhlola
• Khetha (Yehlisa Phansi) Izinkambu
• Izinketho Zokunikezela Zezinkambu Zedethi ethi Khetha (Yehlisa Phansi).
• Izinkinobho Zomsakazo
• Isifinyezo

Isahluko 7. Amafomu Asebenzayo

• Amafomu Asebenzayo Aphelileview
• Amabhulokhi Okwakha
• Ngenisa i-ReactiveFormsModule
• Yakha Ifomu
• Dizayina Isifanekiso
• Ithola Amanani Wokufaka
• Ukuqalisa Izinkambu Zokokufaka
• Ukusetha Amanani Efomu
• Ukubhalisela Izinguquko Zokokufaka
• Ukuqinisekisa
• Iziqinisekisi ezakhelwe ngaphakathi
• Ibonisa Iphutha Lokuqinisekisa
• Isiqinisekisi Ngokwezifiso
• Ukusebenzisa Isiqinisekisi Ngokwezifiso
• Inikeza Ukucushwa kusiqinisekisi ngokwezifiso
• I-FormArray – Ngeza Okufakiwe Ngokunamandla
• I-FormArray - Ikilasi Lengxenye
• I-FormArray - Isifanekiso
• I-FormArray - Amanani
• I-Sub FormGroups - Ikilasi Lengxenye
• I-Sub FormGroups - Isifanekiso se-HTML
• Kungani Usebenzisa I-Sub FormGroups
• Isifinyezo

Isahluko 8. Izinsizakalo kanye Nomjovo Wokuncika

• Iyini Isevisi?
• Ukudala Isevisi Eyisisekelo
• Ikilasi Lesevisi
• Iyini iDependency Injection?
• Ukujova Isimo Sesevisi
• Ama-injectors
• Injector Hierarchy
• Ukubhalisa Isevisi Nge-Root Injector
• Ukubhalisa Isevisi Ngomjovo Wengxenye
• Bhalisa Isevisi Nge-Feature Module Injector
• Kuphi Ukubhalisa Isevisi?
• Umjovo Wokuncika Kweminye Imikhiqizo Ehlinzeka Ngomunye Umjovo Wokuncika Ekusetshenzisweni kanye ne-@Host
• Umjovo Wokuncika futhi @Optional
• Isifinyezo

Isahluko 9. Iklayenti le-HTTP

• I-Angular HT TP Client
• Ukusebenzisa iKlayenti le-T he HT TP - Overview
• Ingenisa i-HttpClientModule
• Isevisi esebenzisa i-HttpClient
• Ukwenza isicelo se-GET
• Yenzani i-Observable Object?
• Ukusebenzisa Isevisi Engxenyeni
• Ukuphatha Iphutha Lengxenye Yeklayenti Le-PeopleService
• Ukwenza ngokwezifiso Into Yephutha
• Ukwenza isicelo sokuthunyelwe
• Ukwenza isicelo se-PUT
• Ukwenza isicelo SUSA

Isahluko 10. Amapayipi kanye nokufometha kwedatha

• Ayini amapayipi?
• Amapayipi Akhelwe Ngaphakathi
• Ukusebenzisa amapayipi ku-HTML Template Chaining Pipes
• Amapayipi Omhlaba Wonke (i18n) Alayisha Idatha Yendawo
• Usuku Pipe
• Inombolo Pipe
• Ipayipi lemali
• Dala Ipayipi Ngokwezifiso
• Ipayipi Lokwezifiso Example
• Ukusebenzisa Amapayipi Angokwezifiso
• Ukusebenzisa ipayipi eline-ngFor
• Ipayipi Lokuhlunga
• Isigaba samapayipi: Okumsulwa futhi Okungcolile
• Isifinyezo
• Ipayipi Elihlanzekile Example
• Ipayipi Elingcolile Example
• Isifinyezo

Isahluko 11. Isingeniso Sezicelo Zekhasi Elilodwa

• Iyini I-Single Page Application (SPA) Traditional Web Isicelo
• Ukuhamba komsebenzi we-SPA
• I-Advan Yesicelo Sekhasi Elilodwatagi-HTML5 History API
• Izinselele ze-SPA
• Ukusebenzisa i-SPA's Ukusebenzisa Isifinyezo se-Angular

Isahluko 12. I-Angular Component Router

• I-Component Router
• View Ukuzulazula
• I-Angular Router API
• Ukudala uhlelo lokusebenza olunikwe amandla yirutha
• Ukusingatha Izingxenye Ezijikelezayo
• Ukuzulazula Ukusebenzisa Izixhumanisi Nezinkinobho
• Ukuzulazula ngohlelo
• Amapharamitha womzila odlulayo
• Ukuzulazula ngamapharamitha womzila
• Ukuthola Amanani Epharamitha Yomzila
• Ibuyisa Ipharamitha Yomzila Ngokuvumelana
• Ithola Ipharamitha Yomzila Ngokuvumelanayo
• Amapharamitha wombuzo
• Ihlinzeka ngamapharamitha wombuzo
• Ibuyisa Amapharamitha Ombuzo Ngokuvumelanayo
• Izinkinga ngeManuwali URL entry and Bookmarking
• Isifinyezo

Isahluko 13. Iklayenti le-HTTP Ethuthukisiwe

• Cela Izinketho
• Ibuyisela Into Ye-HttpResponse
• Ukusetha Izihloko Zesicelo
• Ukudala Okusha Okubonwayo
• Ukudala Okubonakalayo Okulula
• I-Observable Constructor Method Ama-Opharetha Abonakalayo
• Ama-Opharetha emephu nesihlungi
• I-flatMap() Operator
• Thepha () Opharetha
• I-zip() Combinator
• Igcina isikhashana impendulo ye-HT TP
• Ukwenza Izingcingo ze-HT TP ezilandelanayo
• Ukwenza Izingcingo Ezihambisanayo
• Ukwenza ngokwezifiso Into Yephutha nge-catchError()
• Iphutha kuPipeline
• Ukutholwa Kwephutha
• Isifinyezo

Isahluko 14. Amamojula angular

• Kungani Amamojula Angular?
• I-Anatomy Yekilasi Lemojuli
• @NgModule Properties
• Amamojula wesici
• Example Isakhiwo Semojuli
• Dala Imojula Yesizinda
• Dala Ukubhanqwa Kwemojula Enomzila/Yomzila
• Dala Imojuli Yesevisi
• Ukudala Amamojula Avamile

Isahluko 15. Umzila Othuthukile

• Imojuli Yesici Enikwe Umzila
• Ukusebenzisa i-Feature Module
• Ukuvilapha Ukulayisha Imojuli Yesici
• Ukudala Izixhumanisi Zezingxenye Zemojuli Yesici
• Okuningi NgeLazy Loading
• Ilayisha kuqala Amamojula
• Umzila Ozenzakalelayo
• Umzila Womzila Wekhadi Lekhadi
• qondisa kabusha Ku
• Imizila Yezingane
• Ukuchaza Izindlela Zezingane
• Yemizila Yezingane
• Izixhumanisi Zemizila Yezingane
• Navigation Guards
• Ukudala Izenzo Zokuqapha
• Ukusebenzisa Onogada Emzileni
• Isifinyezo

Isahluko 16. Ukuhlolwa Kweyunithi Izicelo ze-Angular

• Ukuhlola Iyunithi I-Angular Artifacts
• Amathuluzi Wokuhlola
• Izinyathelo Zokuhlola Ezijwayelekile
• Imiphumela Yokuhlola
• Jasmine Test Suites
• I-Jasmine Specs (Ukuhlolwa Kweyunithi)
• Okulindelekile (Ukuqinisekisa)
• Abafanisi
• ExampIzifundo Zokusebenzisa Izifanisi
• Ukusebenzisa i-not Property
• Setha kanye Ne-Teardown ku-Unit Test Suites
• Example ngaphambiNgamunye nangemva kweMisebenziNgamunye
• I-Angular Test Module
• Exampkanye ne-Angular Test Module
• Ukuhlola Isevisi
• Ukujova Isimo Sesevisi
• Hlola Indlela Yokuvumelanisa
• Hlola i-Asynchronous Method
• Ukusebenzisa iKlayenti le-Mock HT TP
• Ukunikeza Impendulo Ekheniwe
• Ukuhlola Ingxenye
• Imojula Yokuhlola Yengxenye
• Ukudala Isimo Sengxenye
• I-ComponentFixture Class
• Ukuhlola Ingxenye Eyisisekelo
• I-DebugElement Class
• Ukulingisa Ukusebenzelana Komsebenzisi
• Isifinyezo

Isahluko 17. Ukulungisa iphutha

• Kuphelileview ye-Angular Debugging
• Viewfaka Ikhodi ye-TypeScript ku-Debugger
• Ukusebenzisa igama elingukhiye lokususa iphutha
• Susa iphutha lokungena
• Iyini i-Angular DevTools?
• Ukusebenzisa i-Angular DevTools
• I-Angular DevTools - Isakhiwo Sengxenye
• I-Angular DevTools - Shintsha Ukwenziwa Kokuthola
• Ukubamba Amaphutha e-Syntax
• Isifinyezo

Lab Ukuzivocavoca

• Ilebhu 1. Isingeniso se-Angular
• Ilebhu 2. Isingeniso se-TypeScript
• Ilebhu 3. Isingeniso Sezingxenye
• Ilebhu 4. Isifanekiso Sengxenye
• Ilebhu 5. Dala Ingxenye Yegalari Yezithombe
• Ilebhu 6. Ifomu Elishayelwa Isifanekiso
• Ilebhu 7. Dala Ifomu Lokuhlela
• Ilebhu 8. Ifomu elisebenzayo
• Ilebhu 9. Yakha Isevisi
• Ilebhu 10. Yakha iKlayenti le-HT TP
• Ilebhu 11. Sebenzisa amapayipi
• Ilebhu 12. Ukusetshenziswa Kwekhasi Elilodwa Okuyisisekelo Ngokusebenzisa Ilebhu Yomzila 13. Yakha Isicelo Sekhasi Elilodwa (SPA)
• Ilebhu 14. Iklayenti le-HT TP elithuthukisiwe
• Ilebhu 15. Ukusebenzisa i-Angular Bootstrap
• Lab 16. Lazy Module Loading
• Ilebhu 17. Umzila Othuthukile
• Ilebhu 18. Ukuhlolwa Kweyunithi
• Ilebhu 19. Ukulungisa Iphutha Izicelo Ze-Angular

IKABANI INKINGA?
Lesi sifundo sihloselwe noma ngubani odinga ukufunda izisekelo zokuthuthuka kwe-Angular 12 futhi akusebenzise ekudaleni web izicelo ngokushesha. Singakwazi futhi ukuletha futhi senze lesi sifundo sokuqeqesha ngendlela oyifisayo samaqembu amakhulu - ukonga isikhathi senhlangano yakho, imali nezisetshenziswa.

OKUDINGEKAYO
Web isipiliyoni sokuthuthukisa usebenzisa i-HTML, i-CSS ne-JavaScript siyadingeka ukuze uthole okuningi kulesi sifundo se-Angular. Ulwazi lwesiphequluli se-DOM nalo luwusizo. Okuhlangenwe nakho kwangaphambili kwe-Angular, nge-AngularJS nanoma iyiphi inguqulo ye-Angular, ayidingeki.
https://www.lumifywork.com/en-au/courses/angular-12-programming/