Kozi ya Uendelezaji wa Front-End kwa Angular

Somo 1 • Moduli za Angular na Uanzishaji wa Programu

Inaeleza NgModules, AppModule ya msingi, na jinsi Angular inavyoanzisha programu. Inatoa muktadha wa kimuundo unaohitajika kabla ya kujenga vipengele.

Somo 2 • Misingi ya TypeScript kwa Angular

Inatanguliza aina za TypeScript, violesura, na vipambaji vinavyohitajika kuandika msimbo wa Angular kwa uhakika. Inaunganisha ujuzi wa JavaScript na mfumo wa aina wa Angular.

Somo 3 • Utangulizi wa Mfumo wa Programu wa Angular

Inashughulikia nafasi ya Angular katika uendelezaji wa mbele wa kisasa na muundo wake ulioongozwa na MVC. Inaweka msingi wa dhana kwa mada zote za mfumo unaofuata.

Somo 4 • Kusanidi Mazingira ya Uendelezaji

Inasakinisha na kusanidi Node.js, npm, na Angular CLI. Inahakikisha kila mwanafunzi ana nafasi ya kazi ya ndani inayofanana na inayorudiwa.

Somo 1 • Maelekezo ya Kimuundo yaliyojengwa ndani

Inatumia *ngIf, *ngFor, na *ngSwitch kudhibiti muundo wa DOM kwa njia ya mabadiliko. Inaonyesha jinsi maelekezo yanavyopanua uwezo wa kujieleza wa sampuli.

Somo 2 • Ufungaji wa Sifa na Tukio

Inafundisha mtiririko wa data wa njia moja kupitia ufungaji wa sifa na ushughulikiaji wa matukio ya mtumiaji kupitia ufungaji wa tukio. Inaunganisha mantiki ya kipengele na vipengele vya DOM na maingiliano ya mtumiaji.

Somo 3 • Sintaksia ya Sampuli na Vielezi

Inashughulikia lugha ya vielezi ya sampuli ya Angular, urambazaji salama, na vigeu vya kumbukumbu vya sampuli. Inawezesha utoaji wa maudhui yanayobadilika ndani ya maoni ya kipengele.

Somo 4 • Vihusishi vya Mzunguko wa Maisha ya Kipengele

Inachunguza mfuatano kamili wa vihusishi vya mzunguko wa maisha kutoka ngOnInit hadi ngOnDestroy. Inafundisha wakati na kwa nini utumie kila kiulishi kwa uanzishaji na usafishaji.

Somo 1 • Maswali ya ViewChild na ContentChild

Hufikia matukio ya kipengele cha mtoto na maudhui yaliyokadiriwa kwa njia ya utaratibu kupitia maswali. Inawezesha uratibu wa hali ya juu wa vipengele zaidi ya ufungaji wa sampuli.

Somo 2 • Mawasiliano Mzazi-hadi-Mtoto kwa @Input

Inatumia @Input kupitisha data chini ya mti wa vipengele na kuthibitisha ingizo kwa seta. Inaanzisha muundo mkuu wa mtiririko wa data kuelekea chini katika Angular.

Somo 3 • Kujenga Maelekezo Maalum ya Kimuundo

Inatekeleza maelekezo ya kimuundo kwa kutumia TemplateRef na ViewContainerRef kudhibiti DOM. Inapanua uwezo wa wanafunzi kuunda mantiki ya mpangilio inayoweza kutumika tena.

Somo 4 • Kujenga Maelekezo Maalum ya Sifa

Inaunda maelekezo yanayorekebisha mwonekano au tabia ya kipengele mwenyeji bila kubadilisha muundo wa DOM. Inaimarisha muundo wa mwelekezo ulioanzishwa katika Sura ya 2.

Somo 1 • Kuunda na Kutoa Huduma za Angular

Inazalisha huduma kwa kutumia CLI na kuzisajili katika kiwango cha moduli, kipengele, au mzizi. Inaanzisha safu ya huduma kama nyumba ya mantiki iliyoshirikiwa.

Somo 2 • Mteja wa HTTP na Ushirikiano wa API ya REST

Inasanidi HttpClientModule na kutekeleza ombi za GET, POST, PUT, na DELETE. Inaunganisha safu ya huduma na vyanzo halisi vya data ya nyuma.

Somo 3 • Ushughulikiaji wa Makosa na Wakalishaji wa HTTP

Inatekeleza ushughulikiaji wa makosa wa kimataifa kwa catchError na mageuzi ya ombi/jibu kwa wakalishaji. Inazalisha mifumo ya mawasiliano ya HTTP iliyo tayari kwa uzalishaji.

Somo 4 • Kuzama kwa Kina katika Udungaji Utegenezaji

Inachunguza mpangilio wa DI, tokeni za udungaji, na aina za watoa huduma. Inawezesha udhibiti wa kina juu ya jinsi vitegemezi vinavyotatuliwa katika programu.

Somo 1 • Walinzi wa Njia na Udhibiti wa Ufikiaji

Inatekeleza walinzi CanActivate, CanDeactivate, na CanLoad kulinda njia. Inaunganisha uthibitishaji na uidhinishaji katika safu ya urambazaji.

Somo 2 • Upakiaji wa Uzembe na Vikwata vya Njia

Inagawanya programu katika moduli za vipengele zinazopakiwa kwa mahitaji na kupakia awali data kwa vikwata. Inaboresha utendaji wa awali wa upakiaji na uzoefu wa mtumiaji.

Somo 3 • Njia Zilizowekwa Ndani na Madirisha Majina

Inaunda njia za mtoto chini ya njia za mzazi na hutumia madirisha majina kwa maoni ya saidizi. Inasaidia mahitaji changamano ya mpangilio katika programu kubwa.

Somo 4 • Usanidi wa Kielekezi na Urambazaji Msingi

Inasanidi RouterModule kwa fasili za njia na kuongeza router-outlet na routerLink. Inaanzisha msingi wa vipengele vyote vya urambazaji.

Somo 1 • Fomu za Mabadiliko kwa FormArray

Inatumia FormArray kuongeza na kuondoa vidhibiti vya fomu wakati wa utekelezaji kwa data ya urefu unaobadilika. Inashughulikia hali halisi za ulimwengu kama vitu vya mistari vinavyorudiwa.

Somo 2 • Vithibitishaji na Uthibitishaji Maalum

Inatumia vithibitishaji sanjari na visiosanjari na kuunda vitendaji vya kuthibitisha maalum vinavyoweza kutumika tena. Inahakikisha uadilifu wa data kabla ya kuwasilishwa.

Somo 3 • Uwasilishaji wa Fomu na Usimamizi wa Hali

Inashughulikia uwasilishaji wa fomu, uwekaji upya, na hali ya chafu/iliyoguswa ili kutoa UX iliyosafishwa. Inaunganisha data ya fomu na simu za huduma zilizoanzishwa katika Sura ya 4.

Somo 4 • Fomu Zinazoendeshwa na Sampuli

Inatumia ngForm, ngModel, na vithibitishaji vilivyojengwa ndani kujenga fomu kwa njia ya matamko katika sampuli. Inatanguliza dhana za fomu kwa kutumia TypeScript kidogo.

Somo 1 • Huluki ya NgRx na Zana za Uendelezaji

Inarahisisha usimamizi wa mkusanyiko kwa NgRx Entity na kukagua hali kwa Redux DevTools. Inaharakisha uendelezaji na utatuzi wa hitilafu za vipengele vyenye hifadhi nyingi.

Somo 2 • Utangulizi wa Hifadhi ya NgRx

Inasakinisha NgRx na kufafanua vitendo, vipunguzi, na hifadhi kwa kipande cha kipengele. Inaanzisha muundo wa Redux ndani ya mfumo wa Angular.

Somo 3 • Hali Inayotegemea Huduma kwa BehaviorSubject

Inahifadhi na kushiriki hali kwenye vipengele kwa kutumia BehaviorSubject katika huduma. Inatoa suluhisho la hali nyepesi kabla ya kuanzisha NgRx.

Somo 4 • Madhara ya NgRx kwa Madhara ya Pembeni

Inashughulikia operesheni angavu kama simu za HTTP nje ya vipunguzi kwa kutumia Madhara ya NgRx. Inaweka vipunguzi safi na kuweka mantiki ya madhara ya pembeni katikati.

Somo 1 • Mikakati ya Usambazaji na Ushirikiano wa CI/CD

Husambaza matoleo ya Angular kwenye upangishaji tuli na kuunganisha mifumo ya kiotomatiki ya utoaji unaoendelea. Inafunga mzunguko wa maisha ya uendelezaji kutoka msimbo hadi uzalishaji.

Somo 2 • Upimaji wa Kitengo cha Vipengele na Huduma

Inaandika vipimo vya kitengo kwa Jasmine na TestBed kwa vipengele, huduma, na mabomba. Inathibitisha vitengo binafsi kwa kutengwa kabla ya ushirikiano.

Somo 3 • Uboreshaji wa Mfuko na Usanidi wa Mradi

Inasanidi matoleo ya uzalishaji, kutingisha mti, na upakiaji tofauti kwa ukubwa bora wa mfuko. Inaandaa programu kwa vikwazo vya usambazaji wa ulimwengu halisi.

Somo 4 • Upimaji wa Mwisho hadi Mwisho kwa Cypress

Inaendesha upimaji wa mtiririko wa mtumiaji kwa Cypress kuthibitisha tabia kamili ya programu. Inakamilisha vipimo vya kitengo kwa hali halisi za kivinjari.