
Kozi ya Kutengeneza Trello Clone kwa MEAN Stack
Jenga clone ya Trello ya kiwango cha uzalishaji kuanzia mwanzo kwa kutumia mrundiko kamili wa MEAN — MongoDB, Express, Angular, na Node.js. Mwalimu ushirikiano wa wakati halisi kwa Socket.IO, uthibitishaji salama kwa JWT, na usimamizi wa hali wa ukubwa kwa NgRx. Sambaza programu hai, iliyotiwa chombo unayoweza kumwonyesha mwajiri yeyote.
Unachojifunza:
Jenga bodi kamili ya Kanban yenye usimamizi wa kadi kwa kuvuta na kuacha katika orodha mbalimbali.
Sanidi muundo wa mradi wa monorepo ulio na mipangilio ya TypeScript iliyoshirikiwa kwa mteja na seva.
Tekeleza uthibitishaji unaotegemea JWT pamoja na udhibiti wa ufikiaji unaotegemea majukumu kwa wanachama wa bodi.
Unganisha Socket.IO kutangaza sasisho la moja kwa moja la bodi kwa watumiaji wengi waliounganishwa.
Simamia hali tata ya programu kwa urahisi unaotabirika kwa kutumia hifadhi ya NgRx, vitendo, na athari.
Tia chombo na sambaza programu kamili ya MEAN kwa kutumia Docker na GitHub Actions.
Jinsi unavyosoma kwa vitendo Kozi ya Kutengeneza Trello Clone kwa MEAN Stack
Jinsi unavyofanya mazoezi Kozi ya Kutengeneza Trello Clone kwa MEAN Stack
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.
Maudhui ya Kozi
Sura 8 • Masomo 37Muda kati ya saa 4 na 360 (unachagua)
Sura ya 1FichaFicha maelezoAngalia maelezoMEAN Stack Foundations na Usanidi wa Mradi
MEAN Stack Foundations na Usanidi wa Mradi
Somo la 1 • Kuanzisha Muundo wa Mradi wa Hazina ya Msimbo Mmoja
Anzisha saraka tofauti za mteja na seva ndani ya hazina moja ya msimbo. Huanzisha kanuni za folda zinazotumika katika kozi nzima.
Somo la 2 • Kuelewa Usanifu wa Mrundiko wa MEAN
Inashughulikia majukumu ya MongoDB, Express, Angular, na Node.js na jinsi yanavyounganishwa. Hutoa mfano wa akili unaohitajika kabla ya kuandika msimbo wowote.
Somo la 3 • Vigezo vya Mazingira na Usimamizi wa Usanidi
Inatanguliza dotenv kwa siri na mipangilio mahususi ya mazingira. Huzuia vitambulisho vilivyohifadhiwa kwa msimbo mgumu kuingia kwenye udhibiti wa chanzo.
Somo la 4 • Kufunga na Kusanidi Zana za Uendelezaji
Hufunga Node.js, Angular CLI, MongoDB, na VS Code pamoja na vipanuzi muhimu. Huhakikisha mazingira thabiti katika sura zote zinazofuata.
Sura ya 2FichaFicha maelezoAngalia maelezoUundaji wa Data wa MongoDB kwa Bodi ya Kanban
Uundaji wa Data wa MongoDB kwa Bodi ya Kanban
Somo la 1 • Uthibitishaji wa Skimu na Ndoano za Middleware
Inaongeza vithibitishaji vya Mongoose na ndoano za pre/post kutekeleza kanuni za biashara katika kiwango cha mfano. Hupunguza data batili kabla haijafika kwenye hifadhidata.
Somo la 2 • Kubuni Skimu za Bodi, Orodha, na Kadi
Inaunda skimu za Mongoose kwa huluki tatu za msingi za Trello zenye sehemu zilizochapwa. Huanzisha mikataba ya data inayotumiwa na kila mwisho wa API.
Somo la 3 • Kuelekeza na Uboreshaji wa Hoja
Inatumia vielekezi vya kiwanja na sehemu moja kusaidia utafutaji wa haraka wa bodi na kadi. Huandaa hifadhidata kwa mizigo ya hoja ya wakati halisi.
Somo la 4 • Uundaji wa Data ya Uhusiano dhidi ya Hati
Inalinganisha urekebishaji wa SQL na mikakati ya kupachika na kurejelea ya MongoDB. Huweka mfumo wa maamuzi ya usanifu yaliyofanywa katika sura hii.
Sura ya 3FichaFicha maelezoAngalia maelezoKujenga API ya REST ya Express
Kujenga API ya REST ya Express
Somo la 1 • Upimaji wa API kwa Postman na Jest
Hupima viwango vyote vya mwisho kwa mkono katika Postman na kuziotomatisha kwa Jest na Supertest. Huthibitisha usahihi wa API kabla ya ujumuishaji wa frontend.
Somo la 2 • Viwango vya Mwisho vya CRUD kwa Bodi, Orodha, na Kadi
Hujenga viwango vya mwisho vya REST vinavyojumuisha kuunda, kusoma, kusasisha, na kufuta kwa huluki zote tatu. Huunganisha vidhibiti kwenye mifano ya Mongoose iliyowekwa katika Sura ya 2.
Somo la 3 • Uthibitishaji wa Pembejeo kwa Express-Validator
Huthibitisha na kusafisha miili ya ombi inayoingia kabla haijafika kwenye hifadhidata. Huzuia data iliyoharibika na majaribio ya kuingiza ujanja kwenye mpaka wa API.
Somo la 4 • Muundo wa Programu ya Express na Uelekezaji
Hupanga njia, vidhibiti, na huduma katika usanifu wa tabaka. Huweka shughuli zikitengwa kwa ajili ya uendelezaji wa msimbo wakati API inakua.
Somo la 5 • Ushughulikiaji wa Makosa na Middleware ya Kimataifa
Inaongeza uwekaji kumbukumbu wa ombi, uchanganuzi wa JSON, CORS, na kishughulikia makosa kilichojikita. Inahakikisha majibu ya API thabiti na utatuzi wa hitilafu rahisi.
Sura ya 4FichaFicha maelezoAngalia maelezoUthibitishaji na Idhini ya JWT
Uthibitishaji na Idhini ya JWT
Somo la 1 • Viwango vya Mwisho vya Usajili na Kuingia
Hujenga njia za /auth/register na /auth/login zinazorudisha tokeni za JWT zilizosainiwa baada ya kufanikiwa. Huunganisha uundaji wa mtumiaji na uhakiki wa vitambulisho kwenye mzunguko wa maisha wa tokeni.
Somo la 2 • Ulinzi wa Njia na Middleware ya JWT
Inaunda middleware ya Express inayothibitisha tokeni na kumweka mtumiaji kwenye ombi. Hulinda njia zote za bodi, orodha, na kadi dhidi ya ufikiaji usio na uthibitishaji.
Somo la 3 • Skimu ya Mtumiaji na Ufichaji Nywila
Inaunda mfano wa Mtumiaji wa Mongoose na kuficha nywila kwa bcrypt kabla ya kuhifadhi. Huanzisha msingi salama wa vitambulisho kwa mtiririko wote wa uthibitishaji.
Somo la 4 • Udhibiti wa Ufikiaji Unaotegemea Majukumu kwa Bodi
Inaongeza majukumu ya mmiliki na mwanachama kwa bodi na kutekeleza ruhusa katika vidhibiti. Huzuia watumiaji wasio na idhini kurekebisha bodi ambazo hawazimiliki.
Sura ya 5FichaFicha maelezoAngalia maelezoUsanifu wa Frontend ya Angular na Uelekezaji
Usanifu wa Frontend ya Angular na Uelekezaji
Somo la 1 • Usimamizi wa Hali kwa NgRx
Inatanguliza hifadhi ya NgRx, vitendo, vipunguzi, na madoido kwa kusimamia hali ya bodi na kadi. Hutoa kontena la hali linalotabirika kwa sasisho za wakati halisi.
Somo la 2 • Muundo wa Moduli ya Angular na Moduli za Vipengele
Hupanga programu katika moduli za msingi, pamoja, na vipengele kwa kufuata mbinu bora za Angular. Hupunguza ukubwa wa kifurushi na kuboresha ugunduzi wa msimbo.
Somo la 3 • Mteja wa HTTP na Wakati wa Kuingilia
Inaanzisha HttpClientModule na mwingiliani anayeweka vichwa vya JWT kwenye kila ombi. Huweka kidhibiti cha uingizaji wa tokeni ya uthibitishaji katika simu zote za API.
Somo la 4 • Walinzi wa Uthibitishaji na Ulinzi wa Njia
Inatekeleza walinzi wa CanActivate wanaoelekeza watumiaji wasio na uthibitishaji kwenye ukurasa wa kuingia. Huakisi safu ya idhini ya backend upande wa mteja.
Somo la 5 • Usanidi wa Uelekezaji Unaopakiwa kwa Uvivu
Husanidi Kielekezi cha Angular kwa njia zilizopakiwa kwa uvivu kwa bodi, uthibitishaji, na dashibodi. Huboresha utendaji wa upakiaji wa awali kwa kugawanya kifurushi.
Sura ya 6FichaFicha maelezoAngalia maelezoKujenga Vipengele vya Kiolesura cha Bodi ya Kanban
Kujenga Vipengele vya Kiolesura cha Bodi ya Kanban
Somo la 1 • Fomu Tendaji na Uthibitishaji
Inatekeleza Fomu Tendaji za Angular kwa fomu zote za kuunda na kuhariri zenye uthibitishaji upande wa mteja. Huakisi kanuni za uthibitishaji upande wa seva kwa uzoefu wa mtumiaji thabiti.
Somo la 2 • Kuburuta na Kuacha kwa Angular CDK
Inaunganisha Angular CDK DragDrop kuwezesha kupanga upya kadi ndani na kati ya orodha. Inatuma vitendo vya kupanga upya kwa NgRx na kuoanisha na backend.
Somo la 3 • Vipengele vya Dashibodi ya Bodi na Urambazaji
Hujenga dashibodi ya nyumbani inayoorodhesha bodi zote za mtumiaji na upau wa urambazaji wa juu. Huunganisha vipengele kwa vichaguzi vya NgRx na simu za API za bodi.
Somo la 4 • Mwoneko wa Bodi wenye Orodha na Kadi
Huonyesha bodi moja pamoja na orodha na kadi zake katika mpangilio mlalo unaoweza kusogeza. Hupata na kurekebisha data ya bodi kutoka kwenye hifadhi ya NgRx.
Somo la 5 • Modali ya Maelezo ya Kadi na Uhariri
Inaunda kidirisha cha modali cha kutazama na kuhariri maelezo ya kadi ikijumuisha maelezo na lebo. Hudumisha mabadiliko kupitia simu za PATCH za API na madoido ya NgRx.
Sura ya 7FichaFicha maelezoAngalia maelezoVipengele vya Wakati Halisi kwa Socket.IO
Vipengele vya Wakati Halisi kwa Socket.IO
Somo la 1 • Kusasisha Hifadhi ya NgRx kutoka Matukio ya Soketi
Inatuma vitendo vya NgRx kutoka kwa usajili wa matukio ya soketi ili kusasisha hali ya bodi kwa wakati halisi. Huunganisha mitiririko ya data ya REST na WebSocket kwenye chanzo kimoja cha hali.
Somo la 2 • Kutoa Matukio kutoka Viwango vya Mwisho vya API
Huchochea utoaji wa soketi kutoka kwa vidhibiti vya Express baada ya uandikaji wa hifadhidata uliofanikiwa. Huweka safu za REST na WebSocket zikisawazishwa kwenye kila mabadiliko.
Somo la 3 • Usanidi wa Seva ya Socket.IO na Majina ya Nafasi
Huambatisha Socket.IO kwa seva iliyopo ya HTTP ya Express na kufafanua nafasi za majina zenye upeo wa bodi. Hutenga matukio ya wakati halisi kwa kila bodi kwa utangazaji mzuri.
Somo la 4 • Viashiria vya Uwepo na Vielekezi vya Moja kwa Moja
Inaonyesha ni watumiaji wapi wanaotazama bodi kwa sasa kwa kutumia matukio ya uwepo na viashiria vya picha. Inaongeza ufahamu wa ushirikiano bila kuzuia mtiririko mkuu wa data.
Somo la 5 • Huduma ya Soketi ya Angular na Ujumuishaji wa RxJS
Inaunda huduma ya Angular inayofunga Socket.IO-client na kuweka wazi mitiririko ya matukio kama Vinavyozingatiwa. Huwezesha usajili tendaji kwa matukio ya bodi ya wakati halisi.
Sura ya 8FichaFicha maelezoAngalia maelezoUwekaji, Utendaji, na Utayari wa Uzalishaji
Uwekaji, Utendaji, na Utayari wa Uzalishaji
Somo la 1 • Uwekaji Kumbukumbu, Ufuatiliaji, na Ufuatiliaji wa Makosa
Inaunganisha uwekaji kumbukumbu ulioandaliwa, ufuatiliaji wa muda wa kufanya kazi, na kifuatiliaji makosa cha frontend katika uzalishaji. Hutoa mwonekano kwenye hitilafu kabla ya watumiaji kuziripoti.
Somo la 2 • Kuweka Programu ya Mrundiko wa MEAN kwenye Docker
Inaandika faili za Docker kwa ajili ya ujenzi wa Angular na seva ya Express na kuzitunga pamoja na MongoDB. Huzalisha picha za kontena zinazoweza kuzalishwa tena kwa lengo lolote la uwekaji.
Somo la 3 • Msururu wa CI/CD kwa GitHub Actions
Huotomatisha uwekoaji, upimaji, ujenzi, na kusukuma picha za Docker kwenye kila ombi la kuvuta. Hupunguza hatua za uwekaji wa mikono na kunasa udororo mapema.
Somo la 4 • Uwekaji kwenye Wingu na Usanidi wa Mazingira
Huweka kontena kwenye jukwaa la wingu na kusanidi vigezo vya mazingira vya uzalishaji. Hufanya programu ipatikane kwa umma ikiwa na muunganisho wa hifadhidata uliosimamiwa.
Somo la 5 • Uboreshaji wa Ujenzi wa Angular
Hutumia bendera za ujenzi wa uzalishaji, upakiaji wa kucheleweshwa, na uchambuzi wa vifurushi ili kupunguza ukubwa wa maudhui ya ujumbe. Inaboresha muda wa kuingiliana kwa watumiaji wa mwisho kwenye vifaa vyote.
Cheti chako halali cha kukamilisha
Kozi hii ni kwa ajili yako:
Mwendelezaji JavaScript wa ngazi ya chini: yuko tayari kuhitimu zaidi ya mazoezi madogo ya mafunzo.
Mwendelezaji wa kiolesura: anataka kumiliki safu za nyuma na hifadhidata pia.
Mwabadilishaji wa kazi: ana ujuzi wa msingi wa kusimba na anahitaji kipande kikuu cha mradi wa nyaraka.
Mwanafunzi wa sayansi ya kompyuta: anatafuta kutumia nadharia ya darasani kwenye bidhaa halisi.
Mwendelezaji wa wavuti wa kujitegemea: anahitaji kuwapa wateja suluhisho la kisasa la safu kamili.
Mwendelezaji wa nyuma: anataka uzoefu wa vitendo wa kujenga violesura vya Angular vinavyoitikia.
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...

Ninapenda jinsi masomo yanavyokwenda moja kwa moja kwenye hoja na jinsi ninavyoweza kubadilisha sura na kuruka maudhui nisiyohitaji.

Ninapenda maudhui na mtindo wa uwasilishaji na maandishi ya video, ambayo yanaharakisha mchakato!

Jukwaa ni la haraka, rahisi kutumia. Utofauti wa maudhui na video za ziada zinasaidia sana katika kujifunza.

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




















