Chagua lugha yako
Kozi ya Uendelezaji wa Front-End kwa Angular
Zaidi ya wanafunzi milioni 2 duniani kote

Kozi ya Uendelezaji wa Front-End kwa Angular

Jua Angular kuanzia msingi na ujenge programu za ukurasa mmoja zilizo tayari kwa uzalishaji kwa ujasiri. Kozi hii inashughulikia kila kitu kuanzia misingi ya TypeScript na usanifu wa vipengele hadi usimamizi wa hali kwa NgRx, SSR, na usambazaji wa CI/CD. Iwe unaongeza ujuzi wako wa mbele au unaingia katika uendelezaji wa kitaalamu wa Angular, hii ndiyo ramani kamili ya kiufundi unayohitaji.

Dedika kwa biashara

Unachojifunza:

Utajifunza jinsi ya kuunda na kupanga muundo wa programu za Angular kwa kutumia moduli, vipengele, na huduma. Utajua mbinu za fomu zinazoendeshwa na nyaraka na tendaji, kutekeleza uelekezaji changamano kwa walinzi na wasuluhishi, na kusimamia hali ya programu kwa NgRx. Kozi pia inashughulikia uboreshaji wa utendaji majaribio ya vitengo na mwisho hadi mwisho, na kujenga matoleo ya uzalishaji. Mada za juu zinajumuisha Angular Universal kwa utekelezaji upande wa seva, usanifu wa mbele-mdogo kwa kutumia Module Federation, na usanidi wa Progressive Web App. Mwishoni, utakuwa na ujuzi wa kujenga, kujaribu, na kusambaza programu za Angular zinazoweza kupanuliwa.

Jinsi unavyosoma kwa vitendo Kozi ya Uendelezaji wa Front-End kwa Angular

Jinsi unavyofanya mazoezi Kozi ya Uendelezaji wa Front-End kwa Angular

Kwa wewe ambaye ni kampuni na unataka kufundisha timu yako

Katika Dedika kwa kampuni, kozi inakuja na mazoezi na mifano inayohusiana na biashara yako na kwa njia ambayo kampuni yako inahitaji.

Bofya hapa

Maudhui ya Kozi

Sura 8 • Masomo 40Muda kati ya saa 4 na 360 (unachagua)

Sura ya 1Angalia maelezo

Misingi ya Angular na Usanidi wa Mazingira

  • Somo la 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 la 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 la 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 la 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 la 5 • Kusawazisha Mradi Wako wa Kwanza wa Angular

    Inatumia Angular CLI kuzalisha mradi mpya na inachunguza muundo wa faili uliozalishwa. Inaunganisha usanidi wa mazingira na uundaji wa mradi kwa vitendo.

Sura ya 2Angalia maelezo

Vipengele, Sampuli, na Ufungaji Data

  • Somo la 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 la 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 la 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 la 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 la 5 • Anatomia ya Kipengele cha Angular

    Inavunja vipamba @Component, sifa za metadata, na mzunguko wa maisha wa kipengele. Inaanzisha kijenzi cha msingi kwa kila kipengele cha kiolesura cha Angular.

Sura ya 3Angalia maelezo

Mawasiliano ya Vipengele na Maelekezo

  • Somo la 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 la 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 la 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 la 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 la 5 • Mawasiliano Mtoto-hadi-Mzazi kwa @Output

    Inatumia @Output na EventEmitter kutoa matukio maalum juu ya mti wa vipengele. Inakamilisha muundo wa mawasiliano wa njia mbili kati ya mzazi na mtoto.

Sura ya 4Angalia maelezo

Huduma, Udungaji Utegenezaji, na HTTP

  • Somo la 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 la 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 la 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 la 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 la 5 • Utangulizi wa RxJS Observables

    Inatanguliza Observables, Subjects, na viendeshaji muhimu vinavyohitajika kufanya kazi na API za angavu za Angular. Inawaandaa wanafunzi kwa mifumo tendaji ya HTTP na ushughulikiaji wa matukio.

Sura ya 5Angalia maelezo

Urambazaji na Uelekezaji wa Angular

  • Somo la 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 la 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 la 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 la 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 la 5 • Vigezo vya Njia na Nyuzi za Swala

    Inasoma sehemu za njia zenye mabadiliko na vigezo vya swala vya hiari kutoka ActivatedRoute. Inawezesha maoni ya kina na kurasa za orodha zilizochujwa.

Sura ya 6Angalia maelezo

Fomu za Angular: Zinazoendeshwa na Sampuli na Tendaji

  • Somo la 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 la 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 la 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 la 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 la 5 • Misingi ya Fomu Tendaji

    Inajenga fomu kwa utaratibu kwa kutumia FormControl, FormGroup, na ReactiveFormsModule. Inatoa udhibiti wa wazi na unaojaribika juu ya hali ya fomu na uthibitishaji.

Sura ya 7Angalia maelezo

Usimamizi wa Hali na Mifumo Tendaji

  • Somo la 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 la 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 la 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 la 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 la 5 • Wateuzi na Ushirikiano wa Vipengele

    Inaunda wateuzi walio na kumbukumbu na kutuma vitendo kutoka vipengele kupitia huduma ya Hifadhi. Inaunganisha hifadhi ya NgRx na safu ya kipengele.

Sura ya 8Angalia maelezo

Utendaji, Upimaji, na Usambazaji

  • Somo la 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 la 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 la 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 la 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.

  • Somo la 5 • Ugunduzi wa Mabadiliko na Uboreshaji wa Utendaji

    Inaeleza mikakati ya ugunduzi wa mabadiliko ya msingi na OnPush ya Angular na zana za kuchambua. Inapunguza utoaji upya usiohitajika katika miti mikubwa ya vipengele.

Cheti

Cheti chako halali cha kukamilisha

Kozi hii ni kwa ajili yako:

  • Waendelezaji wa JavaScript: tayari kutumia mfumo wa mbele uliopangwa na wa kiwango cha biashara.

  • Waendelezaji wa React au Vue: wanaotaka kuongeza ujuzi wa Angular kwenye zana zao za kitaalamu.

  • Waendelezaji wa upande wa nyuma: wanaopanuka katika majukumu ya mbele-na-nyuma yanayohitaji ujuzi wa kisasa wa mbele.

  • Wahitimu wa sayansi ya kompyuta: wanaounganisha maarifa ya kitaaluma na uendelezaji wa Angular wa kiwango cha tasnia.

  • Waendelezaji wa wavuti wanaojitegemea: wanaolenga kustahili miradi mikubwa na changamano zaidi ya wateja.

  • Wabadilishaji taaluma: wanaojenga ujuzi wa mbele unaotayarisha kazi kutoka msingi thabiti wa programu.

Kile wanasema wanafunzi wetu

Madarasa yenu ni kamilifu. Nimenunua kifurushi cha mwaka mmoja na hatimaye nina nafasi ya kufuata mada mbalimbali zinazovutia bila kulazimika kubadilisha majukwaa... Nawashukuru kwa kila kitu mnachofanya, tayari nimewashauri kwa watu wengine...
Giulio Carlo
Giulio CarloMwanafunzi wa Masoko ya Kidijitali
Ninapenda jinsi masomo yanavyokwenda moja kwa moja kwenye hoja na jinsi ninavyoweza kubadilisha sura na kuruka maudhui nisiyohitaji.
Mariana Ferres
Mariana FerresMwanafunzi wa Upigaji Picha
Ninapenda maudhui na mtindo wa uwasilishaji na maandishi ya video, ambayo yanaharakisha mchakato!
Luciana Alvarenga
Luciana AlvarengaMwanafunzi wa Ubunifu wa Kuchan
Jukwaa ni la haraka, rahisi kutumia. Utofauti wa maudhui na video za ziada zinasaidia sana katika kujifunza.
André Felipe
André FelipeMwanafunzi wa Uhandisi wa Prompt

Mafunzo muhimu

Maswali Yanayoulizwa Mara kwa Mara

Dedika ni nani?

Je, cheti kinatumika nchini Tanzania?

Je, kozi ni bure?

Mzigo wa masomo wa kozi ni upi?

Kozi zikoje?

Kozi zinafanyaje kazi?

Muda wa kozi ni upi?

Gharama au bei ya kozi ni ipi?

Kozi ya EAD au mtandaoni ni nini na inafanyaje kazi?

Kozi ya PDF