32 KiB

Raw Blame History

Maendeleo ya Tovuti kwa Waanzilishi - Mtaala

Jifunze misingi ya maendeleo ya tovuti kupitia kozi yetu kamili ya wiki 12 inayotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linaangazia JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, virahisi vya kivinjari, na michezo ya anga. Jihusishe na maswali ya mtihani, majadiliano, na kazi za vitendo. Boresha ujuzi wako na uboresha uhifadhi wa maarifa yako kupitia mbinu zetu bora za kufundisha zinazotegemea miradi. Anza safari yako ya kuandika programu leo!

Jiunge na Jumuiya ya Azure AI Foundry Discord

Fuata hatua hizi kuanza kutumia rasilimali hizi:

Fanya Nakala ya Repositori: Bonyeza
Nakili Repositori: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Jiunge na Azure AI Foundry Discord na kutana na wataalamu na waendelezaji wenza

🌐 Usaidizi wa Lugha Nyingi

Unaungwa mkono kupitia GitHub Action (Otoma na Daima Imesasishwa)

Ungependa Kukopi Kwenye Kompyuta Yako?

Repositori hii ina tafsiri zaidi ya 50 za lugha ambazo huongeza ukubwa wa faili kupakuliwa. Ili kukopi bila tafsiri, tumia sparse checkout:
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
Hii inakupa kila kitu unachohitaji kukamilisha kozi kwa upakuaji wa haraka zaidi.

Ikiwa unataka lugha za tafsiri zaidi zinazoungwa mkono ziko hapa

🧑‍🎓 Je, wewe ni mwanafunzi?

Tembelea ukurasa wa Student Hub ambapo utapata rasilimali za waanzilishi, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bila malipo. Huu ni ukurasa unayotakiwa kuweka alama na kuangalia mara kwa mara wakati tunapobadilisha maudhui kila mwezi.

📣 Tangazo - Changamoto mpya za GitHub Copilot Agent mode za kukamilisha!

Changamoto Mpya imeongezwa, tazama "GitHub Copilot Agent Challenge 🚀" katika sura nyingi. Hiyo ni changamoto mpya ya kukamilisha ukitumia GitHub Copilot na Agent mode. Ikiwa hujawahi kutumia Agent mode hapo awali, ina uwezo wa si tu kuunda maandishi bali pia kuunda na kuhariri faili, kuendesha amri na zaidi.

📣 Tangazo - Mradi Mpya wa kujenga ukitumia AI Inayozalisha

Mradi mpya wa Msaidizi wa AI umeongezwa tu, angalia mradi

📣 Tangazo - Mtaala Mpya juu ya AI Inayozalisha kwa JavaScript umeachiliwa hivi karibuni

Usikose mtaala wetu mpya wa AI Inayozalisha!

Tembelea https://aka.ms/genai-js-course kuanza!

Masomo yanayofunika kila kitu kutoka misingi hadi RAG.
Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya msaidizi.
Hadithi za kufurahisha na kuvutia, utasafiri kwa wakati!

Kila somo lina kazi ya kukamilisha, ukaguzi wa maarifa na changamoto ya kukuongoza kujifunza mada kama:

Kuanzisha na uhandisi wa kuanzisha
Uundaji wa programu za maandishi na picha
Programu za utafutaji

Tembelea https://aka.ms/genai-js-course kuanza!

🌱 Kuanzishwa

Walimu, tumetoa mapendekezo kadhaa juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yako katika jukwaa letu la majadiliano!

Wanafunzi, kwa kila somo, anza na mtihani wa kabla ya somo na fuata kwa kusoma nyenzo ya somo, kukamilisha shughuli mbalimbali na angalia uelewa wako kwa mtihani wa baada ya somo.

Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzao kufanya kazi kwa pamoja miradi! Majadiliano yanahimizwa katika jukwaa letu la majadiliano ambapo timu yetu ya wasimamizi itakuwa tayari kujibu maswali yako.

Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza Microsoft Learn kwa nyenzo za ziada za kusoma.

📋 Kuweka mazingira yako

Mtaala huu una mazingira ya maendeleo tayari! Unapoanza unaweza kuchagua kuendesha mtaala katika Codespace (mazingira ya kivinjari, hakuna usakinishaji unaohitajika), au kwa ndani kwenye kompyuta yako ukitumia mhariri wa maandishi kama Visual Studio Code.

Unda repositori yako

Ili iwe rahisi kuhifadhi kazi yako, inashauriwa kuunda nakala yako mwenyewe ya repositori hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha Tumia templeti hii kilele cha ukurasa. Hii itaunda repositori mpya katika akaunti yako ya GitHub ikiwa na nakala ya mtaala.

Fuata hatua hizi:

Fanya Nakala ya Repositori: Bonyeza kitufe cha "Fork" kona ya juu ya kulia ya ukurasa huu.
Nakili Repositori: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Kuendesha mtaala katika Codespace

Katika nakala yako ya repositori uliyounda, bonyeza kitufe cha Code na chagua Fungua na Codespaces. Hii itaunda Codespace mpya ya kufanya kazi ndani yake.

Kuendesha mtaala ndani ya kompyuta yako

Ili kuendesha mtaala huu ndani ya kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na chombo cha mstari wa amri. Somo letu la kwanza, Utangulizi wa Lugha za Kuprogramu na Vifaa vya Biashara, litakuongoza kupitia chaguzi mbalimbali za zana hizi ili uchague inayofaa zaidi kwako.

Tunapendekeza kutumia Visual Studio Code kama mhariri wako, ambao pia una Terminal builtin. Unaweza kupakua Visual Studio Code hapa.

Nakili repositori yako kwenye kompyuta yako. Unaweza kufanya hivyo kwa kubonyeza kitufe cha Code na kunakili URL:

CodeSpace Kisha, fungua Terminal ndani ya Visual Studio Code na endesha amri ifuatayo, ukibadilisha <your-repository-url> na URL uliyokuwa umetumia:
```
git clone <your-repository-url>
```
Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivi kwa kubofya File > Open Folder na kuchagua folda uliyokuwa umetengeneza nakala yake.

Upanuzi uliopendekezwa wa Visual Studio Code:

Live Server - kuangalia mapema kurasa za HTML ndani ya Visual Studio Code

Copilot - kusaidia kuandika msimbo kwa haraka zaidi

📂 Kila somo linajumuisha:

sketchnote hiari
video ya ziada hiari
mtihani wa kuamka kabla ya somo
somo lililoandikwa
kwa masomo yanayotegemea miradi, mwongozo wa hatua kwa hatua wa jinsi ya kujenga mradi
vipimo vya maarifa
changamoto
usomaji wa ziada
kazi ya nyumbani
mtihani wa baada ya somo

Kidokezo kuhusu mitihani: Mitihani yote iko ndani ya folda ya Quiz-app, jumla ya mitihani 48 yenye maswali matatu kila mmoja. Inapatikana hapa app ya mtihani inaweza kuendeshwa mahali hapa au kuiweka kwenye Azure; fuata maelekezo katika folda ya quiz-app.

🗃️ Masomo

	Jina la Mradi	Misingi Iliyofundishwa	Malengo ya Kujifunza	Somo Lililohusishwa	Mwandishi
01	Kuanzia	Utangulizi wa Uprogramu na Zana za Biashara	Jifunze misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia watengenezaji wa kitaalamu kufanya kazi zao	Utangulizi wa Lugha za Kuprogramu na Zana za Biashara	Jasmine
02	Kuanzia	Misingi ya GitHub, pamoja na kufanya kazi na timu	Jinsi ya kutumia GitHub kwenye mradi wako, jinsi ya kushirikiana na wengine kwenye msingi wa msimbo	Utangulizi wa GitHub	Floor
03	Kuanzia	Ufikikaji	Jifunze misingi ya ufikikaji wa wavuti	Misingi ya Ufikikaji	Christopher
04	JS Misingi	Aina za Data za JavaScript	Misingi ya aina za data za JavaScript	Aina za Data	Jasmine
05	JS Misingi	Kazi na Mbinu	Jifunze kuhusu kazi na mbinu za kusimamia mtiririko wa mantiki ya programu	Kazi na Mbinu	Jasmine na Christopher
06	JS Misingi	Kufanya Maamuzi kwa JS	Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi	Kutegemea Maamuzi	Jasmine
07	JS Misingi	Arrays na Loops	Fanya kazi na data kwa kutumia arrays na loops ndani ya JavaScript	Arrays na Loops	Jasmine
08	Terrarium	HTML Katika Mazoezi	Jenga HTML kuunda terrarium mtandaoni, ukizingatia muundo	Utangulizi wa HTML	Jen
09	Terrarium	CSS Katika Mazoezi	Jenga CSS kupendeza terrarium mtandaoni, ukizingatia misingi ya CSS ikijumuisha kufanya kurasa itumike kwenye vifaa tofauti	Utangulizi wa CSS	Jen
10	Terrarium	Mifungo ya JavaScript, uendeshaji wa DOM	Jenga JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha buruta/acha, ukizingatia mifungo na uendeshaji wa DOM	Mifungo ya JavaScript, uendeshaji wa DOM	Jen
11	Typing Game	Jenga Mchezo wa Kuandikia	Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript	Uprogramu Inayotegemea Matukio	Christopher
12	Green Browser Extension	Kufanya kazi na Vivinjari	Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya mwanzo vya kiendelezi cha kivinjari	Kuhusu Vivinjari	Jen
13	Green Browser Extension	J constructing form, calling an API and storing variables in local storage	Jenga vipengele vya JavaScript vya kiendelezi chako cha kivinjari ili kuitumia API kwa kutumia variable zilizohifadhiwa ndani	APIs, Fomu, na Hifadhi ya Ndani	Jen
14	Green Browser Extension	Mchakato wa nyuma katika kivinjari, utendaji wavuti	Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiendelezi; jifunze kuhusu utendaji wavuti na marekebisho kadhaa	Kazi za Nyuma na Utendaji	Jen
15	Space Game	Maendeleo ya Juu Zaidi ya Mchezo kwa JavaScript	Jifunze kuhusu Urithi kwa kutumia Darasa na Muundo pamoja na muundo wa Pub/Sub, kwa ajili ya kujenga mchezo	Utangulizi wa Maendeleo ya Mchezo Juu Zaidi	Chris
16	Space Game	Kuchora kwenye kanausi	Jifunze kuhusu Canvas API, inayotumika kuchora vipengele kwenye skrini	Kuchora kwenye Kanausi	Chris
17	Space Game	Kusogeza vipengele kuzunguka skrini	Gundua jinsi vipengele vinaweza kupata mwendo kwa kutumia kuratibu za karthesiani na Canvas API	Kusogeza Vipengele	Chris
18	Space Game	Kugundua migongano	Fanya vipengele vigongane na kuathiriana kwa kutumia vibonye vya kibodi na toa kipengele cha kupumzika ili kuhakikisha utendaji	Kugundua Migongano	Chris
19	Space Game	Kuhifadhi alama	Fanya mahesabu ya hisabati kulingana na hali na utendaji wa mchezo	Kuhifadhi Alama	Chris
20	Space Game	Kumaliza na kuanzisha upya mchezo	Jifunze kuhusu kumaliza na kuanzisha upya mchezo, ikijumuisha kusafisha mali na kuweka upya thamani za variable	Hali ya Kumaliza	Chris
21	Banking App	Violezo vya HTML na Njia kwenye Programu ya Wavuti	Jifunze jinsi ya kuunda msingi wa muundo wa tovuti yenye kurasa nyingi kwa kutumia njia na violezo vya HTML	Violezo vya HTML na Njia	Yohan
22	Banking App	Jenga Fomu ya Kuingia na Usajili	Jifunze kuhusu kujenga fomu na kushughulikia taratibu za uthibitishaji	Fomu	Yohan
23	Banking App	Mbinu za Kupata na Kutumia Data	Jinsi data inavyosogea ndani na nje ya programu yako, jinsi ya kuipata, kuhifadhi na kuiondoa	Data	Yohan
24	Banking App	Misingi ya Usimamizi wa Hali	Jifunze jinsi programu yako inavyohifadhi hali na jinsi ya kuisimamia kwa mpangilio wa programu	Usimamizi wa Hali	Yohan
25	Browser/VScode Code	Kufanya kazi na VScode	Jifunze jinsi ya kutumia mhariri wa msimbo	Tumia Mhariri wa VScode	Chris
26	AI Assistants	Kufanya kazi na AI	Jifunze jinsi ya kujenga msaidizi wako wa AI	Mradi wa Msaidizi wa AI	Chris

🏫 Mbinu za Kufundishia

Mtaala wetu umeundwa kwa misingi miwili muhimu ya kifikra:

kujifunza kwa misingi ya miradi
mitihani ya mara kwa mara

Mpango wa masomo hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu mpya zinazotumika na watengenezaji wa wavuti wa leo. Wanafunzi watakuwa na fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium ya mtandaoni, kiendelezi cha kivinjari rafiki kwa mazingira, mchezo wa aina ya uvamizi wa anga, na programu ya benki kwa biashara. Mwisho wa mfululizo, wanafunzi watakuwa na uelewa thabiti wa maendeleo ya wavuti.

🎓 Unaweza kuchukua masomo ya kwanza machache ya mtaala huu kama Njia ya Kujifunza kwenye Microsoft Learn!

Kwa kuhakikisha maudhui yanalingana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na uhifadhi wa dhana utaongezeka. Pia tuliandika masomo kadhaa ya kuanzisha kuhusu misingi ya JavaScript ili kuanzisha dhana, sambamba na video kutoka kwa mkusanyiko wa video wa "Mfululizo wa Waanzilishi kwa: JavaScript", baadhi ya waandishi wake walisaidia kuandaa mtaala huu.

Vilevile, mtihani wa kiwango kidogo kabla ya darasa huweka nia ya mwanafunzi kuelekea kujifunza mada, wakati mtihani wa pili baada ya darasa huhakikisha uhifadhi zaidi. Mtaala huu umeundwa kuwa na unyumbufu na kufurahisha na unaweza kuchukuliwa kwa jumla au sehemu. Miradi huanza ndogo na kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.

Ingawa tumeweka mkazo wa kuepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mtengenezaji wa wavuti kabla ya kutumia mfumo, hatua nzuri inayofuata kutimiza mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "Mfululizo wa Waanzilishi kwa: Node.js".

Tembelea Kanuni zetu za Maadili na miongozo ya Kushiriki. Tunakukaribisha maoni yako ya kujenga!

🧭 Upatikanaji wa nje ya mtandao

Unaweza kuendesha nyaraka hizi nje ya mtandao kwa kutumia Docsify. Fikiria hii repo, weka Docsify kwenye mashine yako ya karibu, kisha katika folda kuu ya repo hii, andika docsify serve. Tovuti itatumiwa kwenye bandari 3000 kwenye localhost yako: localhost:3000.

📘 PDF

PDF ya masomo yote inaweza kupatikana hapa.

🎒 Kozi Nyingine

Timu yetu hutengeneza kozi nyingine! Angalia:

LangChain

Azure / Edge / MCP / Wakala

Mfululizo wa AI Inayounda

Kujifunza Msingi

Mfululizo wa Copilot

Kupata Msaada

Kama unagongwa au una maswali yoyote kuhusu ujenzi wa programu za AI. Jiunge na wajasiriamali wenzako na waendelezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii yenye msaada ambapo maswali yanakaribishwa na maarifa yanashirikiwa kwa uhuru.

Kama una maoni au makosa wakati wa kujenga tembelea:

Leseni

Hifadhidata hii imepewa leseni chini ya leseni ya MIT. Angalia faili la LICENSE kwa maelezo zaidi.

FAQADHALI: Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI Co-op Translator. Ingawa tunajitahidi kuwa sahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au kutokamilika. Hati asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu kutoka kwa mtu inashauriwa. Hatubebei dhamana kwa maelewano mabaya au tafsiri potofu zinazotokana na matumizi ya tafsiri hii.

32 KiB Raw Blame History