Chagua lugha yako
Kozi ya Kutengeneza Trello Clone kwa MEAN Stack
Zaidi ya wanafunzi milioni 2 duniani kote

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.

Dedika kwa biashara

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.

Bofya hapa

Maudhui ya Kozi

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

Sura ya 1Angalia maelezo

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 2Angalia maelezo

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 3Angalia maelezo

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 4Angalia maelezo

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 5Angalia maelezo

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 6Angalia maelezo

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 7Angalia maelezo

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 8Angalia maelezo

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

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...
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