Kozi ya Angular Development

Somo 1 • Kusimamisha Mradi Wako wa Kwanza wa Angular

Hutumia Angular CLI kutengeneza mradi, kuchunguza muundo wa faili zake, na kuendesha seva ya uendelezaji. Huunda uzoefu na mpangilio wa nafasi ya kazi inayotumika katika kozi yote.

Somo 2 • Kuweka Mazingira ya Uendelezaji

Husakinisha Node.js, npm, na Angular CLI ili kuandaa nafasi ya kazi ya ndani. Huwezesha moja kwa moja uundaji wa mradi uliofunikwa katika sehemu inayofuata.

Somo 3 • Mambo Muhimu ya TypeScript kwa Angular

Huleta aina za TypeScript, violesura, vipamba, na moduli kama zinavyotumika katika Angular. Inahakikisha wanafunzi wanaweza kusoma na kuandika msimbo wa Angular kwa ujasiri kutoka sura ya pili na kuendelea.

Somo 1 • Anatomia ya Kipengele cha Angular

Inavunja kipamba cha kipengele, darasa, nyenendo, na mitindo kwa majukumu yao. Huweka mfano wa akili kwa kila kipengele cha kiolesura kilichojengwa katika kozi hii.

Somo 2 • Maelekezo ya Sifa na Mirija

Inatumia maelekezo ya sifa yaliyojengwa ndani kama ngClass na ngStyle, na kubadilisha data kwa kutumia mirija iliyojengwa ndani. Inakamilisha uwezo wa nyenendo kabla ya kuhamia huduma.

Somo 3 • Maelekezo ya Muundo Yaliyojengwa Ndani

Inashughulikia ngIf, ngFor, na ngSwitch kwa utoaji wa masharti na orodha katika nyenendo. Huwezesha uonyeshaji wa maudhui ya mabadiliko muhimu kwa violesura vya ulimwengu halisi.

Somo 4 • Sintaksia ya Nyenendo na Uunganishaji Data

Inafundisha uwekaji maadili, uunganishaji sifa, uunganishaji matukio, na uunganishaji wa njia mbili kwa kutumia ngModel. Huunganisha mantiki ya kipengele kwenye DOM kwa violesura vinavyoingiliana.

Somo 1 • Kuzama Kwa Kina kwa Uwekaji Utegemezi

Inachunguza daraja la kuingiza tegemezi, tokeni za mtoa huduma, na upeo wa uingizaji. Huwezesha udhibiti sahihi wa kuanzishwa kwa huduma na kushiriki katika moduli.

Somo 2 • Kuunda na Kutumia Huduma

Inazalisha huduma kwa CLI, inajumuisha mantiki ya biashara, na kuziingiza kwenye vipengele. Inaonyesha kanuni ya jukumu moja katika muundo wa Angular.

Somo 3 • Kuelewa NgModules

Inaelezea matamko, uagizaji, usafirishaji, na watoa huduma katika data za maelezo za NgModule. Huweka mfumo wa moduli unaopanga kila programu ya Angular.

Somo 1 • Walinzi wa Njia na Vitatuzi

Hulinda njia kwa walinzi wa CanActivate na CanDeactivate na hupakia data mapema kwa Vitatuzi. Inahakikisha urambazaji salama na data iliyopakiwa kabla ya utoaji wa kipengele.

Somo 2 • Njia za Watoto na Mianya Iliyotajwa

Huweka njia za watoto ndani ya moduli za vipengele na kutumia mianya iliyotajwa kwa mwonekano msaidizi. Inasaidia mipangilio tata kama dashibodi zilizo na paneli za pembeni.

Somo 3 • Kupakia Moduli za Vipengele kwa Uvivu

Inagawanya programu katika moduli za vipengele zinazopakiwa kwa uvivu ili kupunguza ukubwa wa kifurushi cha awali. Inaboresha moja kwa moja vipimo vya utendaji vilivyofunikwa katika sura za juu.

Somo 4 • Vigezo vya Njia na Mifuatano ya Hoja

Inasoma sehemu za njia za mabadiliko na vigezo vya hiari vya hoja kwa kutumia ActivatedRoute. Huwezesha mwonekano wa maelezo na orodha zilizochujwa zinazoendeshwa na hali ya URL.

Somo 1 • Mirija Isiyo Sawa na Kuunganishwa kwa Nyenendo

Inajiandikisha kwa observables moja kwa moja kwenye nyenendo kwa kutumia mrija usio sawa, kuondoa usimamizi wa mwongozo wa usajili. Inapunguza msimbo wa kurudiarudia na kuzuia uvujaji wa kumbukumbu kwenye vipengele.

Somo 2 • Vitu na Utumaji kwa Wengi

Hutumia Subject, BehaviorSubject, na ReplaySubject kutuma maadili kwa wengi kwa wanachama wengi. Huwezesha mifumo ya hali inayoshirikiwa inayotumika katika usimamizi wa hali unaotegemea huduma.

Somo 3 • Waendeshaji Msingi wa RxJS

Inatumia map, filter, switchMap, mergeMap, na catchError kubadilisha na kuunganisha mikondo. Inawapa wanafunzi uwezo wa kushughulikia mahitaji halisi ya mabadiliko ya data.

Somo 1 • Kuiga HTTP katika Maendeleo

Hutumia HttpClientTestingModule na API ya wavuti ya kumbukumbu kuiga majibu ya backend wakati wa maendeleo. Inatenganisha maendeleo ya mbele kutoka kwa upatikanaji wa backend.

Somo 2 • Mikakati ya Ushughulikiaji Makosa na Kurudia

Inashughulikia makosa ya HTTP kwa waendeshaji catchError, retry, na retryWhen kwa simu za API zinazostahimili. Inahakikisha uharibifu mzuri na maoni ya makosa yanayowafaa watumiaji.

Somo 3 • Viingilizi vya HTTP

Huunda viingilizi kuambatisha tokeni za uthibitishaji, kurekodi maombi, na kubadilisha majibu kote. Huweka wasiwasi wa HTTP unaovuka mipaka bila kubadilisha simu za huduma za mtu binafsi.

Somo 4 • Mpangilio wa HttpClient na Maombi ya GET

Huagiza HttpClientModule, kuingiza HttpClient, na kufanya maombi ya GET yenye aina. Huweka msingi kwa mawasiliano yote ya backend katika programu.

Somo 1 • Fomu za Mabadiliko kwa FormArray

Inasimamia orodha za udhibiti zenye urefu unaobadilika kwa kutumia FormArray kwa hali za fomu za mabadiliko. Inasaidia matumizi kama kuongeza anwani nyingi au vitu vya mstari.

Somo 2 • Misingi ya Fomu Tendaji

Huunda fomu kwa programu kwa kutumia FormControl, FormGroup, na FormBuilder. Huwezesha mantiki ya fomu inayoweza kupanuliwa na kupimwa inayoendeshwa kabisa kutoka kwa darasa la kipengele.

Somo 3 • UX ya Fomu na Ufikiaji

Inatumia hali za kuguswa, uchafu, na usafi kudhibiti mwonekano wa makosa na kuboresha UX ya fomu. Inahakikisha fomu zinakidhi viwango vya ufikiaji kwa sifa sahihi za ARIA.

Somo 4 • Vithibitishaji Maalum na Uthibitishaji Usio Sawa

Inaandika vitambulisho maalum vya ulandanishi na visivyo na ulandanishi kwa ukaguzi wa sehemu mbalimbali na upande wa seva. Inapanua mfumo wa uthibitishaji wa Angular kukidhi sheria tata za biashara.

Somo 1 • Misingi ya Usimamizi wa Hali

Inatekeleza hali inayotegemea huduma kwa BehaviorSubject na kuanzisha dhana za hifadhi ya NgRx kwa hali inayoweza kupanuliwa. Huandaa wanafunzi kuchagua mkakati sahihi wa hali kwa ugumu wa programu.

Somo 2 • Maelekezo Maalum na Mirija

Huunda maelekezo ya sifa yanayoweza kutumika tena kwa HostListener na HostBinding, na kuunda mirija maalum safi na isiyo safi. Inapanua uwezo wa nyenendo wa Angular kwa mahitaji maalum ya kikoa.

Somo 3 • Mwonekano wa Maudhui na Vipengele vya Mabadiliko

Hutumia ng-content kwa mwonekano wa sehemu moja na nyingi na kuunda vipengele kwa mabadiliko wakati wa utekelezaji. Huwezesha vipengele vya maktaba ya kiolesura vinavyonyumbulika sana na vinavyoweza kutumika tena.

Somo 4 • Mikakati ya Kugundua Mabadiliko

Inalinganisha kugundua mabadiliko kwa Default na OnPush na kutumia OnPush kwa data isiyobadilika na observables. Inapunguza kwa kiasi kikubwa utoaji upya usio wa lazima katika miti mikubwa ya vipengele.