Web-Dev-For-Beginners/translations/sw

Maendeleo ya Wavuti kwa Kompyuta wanaoanza - Mtaala

Jifunze misingi ya maendeleo ya wavuti kupitia kozi yetu kamili ya wiki 12 inayotolewa na Wakili wa Wingu wa Microsoft. Kila somo kati ya 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya nafasi. Shiriki katika majaribio, mijadala, na kazi za vitendo. Boresha ujuzi wako na boresha kumbukumbu yako kwa njia yetu madhubuti inayotegemea miradi. Anza safari yako ya uandishi wa programu leo!

Jiunge na Jamii ya Azure AI Foundry Discord

Fuata hatua hizi kuanza kutumia rasilimali hizi:

1. Fungua Nakala: Bonyeza
2. Nakili Hifadhi: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Jiunge na Azure AI Foundry Discord na ukutane na wataalamu na wenzako wa maendeleo

🌐 Usaidizi wa Lugha Mbalimbali

Unaungwa mkono kupitia Kitendo cha GitHub (Moja kwa Moja & Daima ya Kisasa)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Unapendelea Nakili Mahali pa Mitaa?

Hifadhi hii ina tafsiri za lugha zaidi ya 50 ambazo huongeza sana ukubwa wa kupakua. Ili nakili 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 unachohitaji kukamilisha kozi kwa upakuaji wa kasi zaidi.

Ikiwa unataka lugha zaidi za tafsiri zisaidiwe zinaorodheshwa hapa

🧑‍🎓 Je, wewe ni mwanafunzi?

Tembelea ukurasa wa Student Hub ambapo utapata rasilimali za wanaoanza, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ni ukurasa unayetaka kuweka alama na kuangalia mara kwa mara kama tunabadilisha maudhui kila mwezi.

📣 Tangazo - Changamoto mpya za Mode ya GitHub Copilot Agent za kukamilisha!

Changamoto mpya imeongezwa, tafuta "GitHub Copilot Agent Challenge 🚀" katika sura nyingi. Hiyo ni changamoto mpya kwa kukamilisha ukitumia GitHub Copilot na mode ya Agent. Ikiwa bado hujatumia mode ya Agent, inaweza si tu kutengeneza maandishi bali pia kuunda na kuhariri mafaili, kuendesha amri na zaidi.

📣 Tangazo - Mradi Mpya wa Kujenga ukitumia AI ya Kizazi

Mradi mpya wa Msaidizi wa AI umeongezwa hivi karibuni, angalia mradi

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

Usikose mtaala wetu mpya wa AI ya kizazi!

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

• Masomo yanayojumuisha kila kitu kuanzia misingi hadi RAG.
• Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mshirika.
• Hadithi za kufurahisha na za kuvutia, utasafiri kwa wakati!

Kila somo lina kazi za kukamilisha, jaribio la maarifa na changamoto za kukuelekeza kujifunza mada kama:

• Kuendesha na uhandisi wa maelezo
• Uundaji wa programu za maandishi na picha
• Programu za utafutaji

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

🌱 Kuanzia

Walimu, tumetoa mapendekezo ya jinsi ya kutumia mtaala huu. Tunathamini maoni yako katika jukwaa letu la mijadala!

Wanafunzi, kwa kila somo, anza na jaribio kabla ya mihadhara na fuata kwa kusoma vifaa vya mihadhara, kukamilisha shughuli mbalimbali, na hakiki uelewa wako na jaribio baada ya mihadhara.

Ili kuboresha uzoefu wako wa kujifunza, unganisha na wenzako kufanya miradi pamoja! Mijadala inahimizwa katika jukwaa letu la mijadala ambapo timu yetu ya wakasimia itakuwa tayari kujibu maswali yako.

Ili kuongeza elimu yako, tunapendekeza sana kuvinjari Microsoft Learn kwa vifaa vya ziada vya kusoma.

📋 Kuweka mazingira yako

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

Unda hifadhi yako

Ili uhifadhi kazi yako kwa urahisi, inashauriwa kuunda nakala yako mwenyewe ya hifadhi hii. Unaweza kufanya hivi kwa kubonyeza kitufe cha Use this template katikati ya ukurasa. Hii itaunda hifadhi mpya katika akaunti yako ya GitHub yenye nakala ya mtaala.

Fuata hatua hizi:

1. Fungua Nakala: Bonyeza kitufe cha "Fork" juu-kulia wa ukurasa huu.
2. Nakili Hifadhi: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Kuendesha mtaala katika Codespace

Katika nakala yako ya hifadhi uliyounda, bonyeza kitufe cha Code na chagua Open with Codespaces. Hii itaunda Codespace mpya kwa ajili yako kufanya kazi ndani yake.

Kuendesha mtaala ndani ya kompyuta yako

Ili kuendesha mtaala huu ndani ya kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na zana ya mstari wa amri. Somo letu la kwanza, Utangulizi wa Lugha za Programu na Vifaa vya Biashara, litakupeleka kupitia chaguo mbalimbali za kila moja ya zana hizi ili uchague kinachokufaa zaidi.

Tunapendekeza kutumia Visual Studio Code kama mhariri wako, ambaye pia ana Terminali iliyojumuishwa. Unaweza kupakua Visual Studio Code hapa.

1. Nakili hifadhi yako kwenye kompyuta yako. Unaweza kufanya hivi 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 uliyokopa hivi punde:

   git clone <your-repository-url>
   

2. Fungua folda katika Visual Studio Code. Unaweza kufanya hivi kwa kubofya File > Open Folder na kuchagua folda uliyokopa.

Upanuzi wa Visual Studio Code unaopendekezwa:

• Live Server - kutazama mapaji ya HTML ndani ya Visual Studio Code
• Copilot - kusaidia kuandika msimbo haraka zaidi

📂 Kila somo linajumuisha:

• sketchnote hiari
• video ya ziada hiari
• jaribio la maandalizi kabla ya somo
• somo lililoandikwa
• kwa masomo yanayotegemea mradi, miongozo ya hatua kwa hatua juu ya jinsi ya kujenga mradi
• ukaguzi wa maarifa
• changamoto
• kusoma kwa ziada
• kazi
• jaribio baada ya somo

Kumbuka kuhusu jaribio: Jaribio zote zipo kwenye folda ya Quiz-app, jaribio 48 kwa jumla za maswali matatu kila moja. Zinapatikana hapa app ya jaribio inaweza kuendeshwa kwa ndani au kuchapishwa kwenye Azure; fuata maelekezo kwenye folda ya quiz-app.

🗃️ Masomo

	Jina la Mradi	Dhana Zinazofundishwa	Malengo ya Kujifunza	Somo Linalohusiana	Mwandishi
01	Kuanza	Utangulizi wa Uprogramu na Vifaa vya Kazi	Jifunze misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia watengenezaji kufanya kazi zao	Utangulizi wa Lugha za Programu na Vifaa vya Kazi	Jasmine
02	Kuanza	Misingi ya GitHub, pamoja na kazi na timu	Jinsi ya kutumia GitHub kwenye mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo	Utangulizi wa GitHub	Floor
03	Kuanza	Upatikanaji	Jifunze misingi ya upatikanaji wa mtandao	Misingi ya Upatikanaji	Christopher
04	Misingi ya JS	Aina za Data za JavaScript	Misingi ya aina za data za JavaScript	Aina za Data	Jasmine
05	Misingi ya JS	Kazi na Mbinu	Jifunze kuhusu kazi na mbinu za kusimamia mtiririko wa mantiki ya programu	Kazi na Mbinu	Jasmine na Christopher
06	Misingi ya JS	Kufanya Maamuzi na JS	Jifunze jinsi ya kuunda masharti kwenye msimbo wako kwa kutumia mbinu za kufanya maamuzi	Kufanya Maamuzi	Jasmine
07	Misingi ya JS	Mfululizo na Mizunguko	Fanya kazi na data kwa kutumia mfululizo na mizunguko katika JavaScript	Mfululizo na Mizunguko	Jasmine
08	Terrarium	HTML Katika Vitendo	Jenga HTML kuunda terrarium mtandaoni, ukizingatia ujenzi wa mpangilio	Utangulizi wa HTML	Jen
09	Terrarium	CSS Katika Vitendo	Jenga CSS kupamba terrarium mtandaoni, ukizingatia misingi ya CSS ikiwa ni pamoja na kuruhusu ukurasa kujibadilisha	Utangulizi wa CSS	Jen
10	Terrarium	Kufunga JavaScript, udhibiti wa DOM	Jenga JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha buruta/achia, ukizingatia kufunga na udhibiti wa DOM	Kufunga JavaScript, udhibiti wa DOM	Jen
11	Typing Game	Jenga Mchezo wa Kuandika	Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya app yako ya JavaScript	Uprogramu unaotumia Matukio	Christopher
12	Mnyongeza wa Kivinjari wa Kijani	Kufanya kazi na Vivinjari	Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuunda vipengele vya kwanza vya kiongezi cha kivinjari	Kuhusu Vivinjari	Jen
13	Mnyongeza wa Kivinjari wa Kijani	Kujenga fomu, kupiga API na kuhifadhi mabadiliko katika hifadhi ya ndani	Jenga vipengele vya JavaScript vya kiongezi chako cha kivinjari kupiga API kwa kutumia mabadiliko yaliyohifadhiwa kwenye hifadhi ya ndani	APIs, Fomu, na Hifadhi ya Ndani	Jen
14	Mnyongeza wa Kivinjari wa Kijani	Michakato ya nyuma katika kivinjari, utendaji wa wavuti	Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiongezi; jifunze kuhusu utendaji wa wavuti na baadhi ya uboreshaji wa kufanya kazi vizuri	Mishahara ya Nyuma na Utendaji	Jen
15	Mchezo wa Anga	Maendeleo ya Mchezo wa Juu kwa JavaScript	Jifunze kuhusu Urithi kwa kutumia Madarasa na Muundo pamoja na muundo wa Pub/Sub, kujiandaa kujenga mchezo	Utangulizi wa Maendeleo ya Mchezo wa Juu	Chris
16	Mchezo wa Anga	Kuchora kwenye bati	Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini	Kuchora kwenye Canvas	Chris
17	Mchezo wa Anga	Kusogeza vipengele kuzunguka skrini	Gundua jinsi vipengele vinaweza kupata mwendo kwa kutumia kuratibu za Cartesian na API ya Canvas	Kusogeza Vipengele Kuizunguka	Chris
18	Mchezo wa Anga	Kugundua Mgongano	Fanya vipengele kugongana na kuathiriana kwa kutumia vitufe vya kibodi na toa kazi ya kupumzika kuhakikisha utendaji wa mchezo	Ugunduzi wa Mgongano	Chris
19	Mchezo wa Anga	Kuhesabu alama	Fanya hesabu za kihisabati kulingana na hali na utendaji wa mchezo	Kuhesabu Alama	Chris
20	Mchezo wa Anga	Kumaliza na kuanzisha tena mchezo	Jifunze kuhusu kumaliza na kuanzisha tena mchezo, ikiwa ni pamoja na kusafisha rasilimali na kuweka upya thamani za mabadiliko	Hali ya Kumalizia	Chris
21	App ya Benki	Violezo vya HTML na Njia katika Tovuti ya Wavuti	Jifunze jinsi ya kuunda mfumo wa muundo wa tovuti yenye kurasa nyingi kwa kutumia njia na violezo vya HTML	Violezo vya HTML na Njia	Yohan
22	App ya Benki	Jenga Fomu ya Kuingia na Kujisajili	Jifunze kuhusu ujenzi wa fomu na kushughulikia utambuzi wa validi	Fomu	Yohan
23	App ya Benki	Mbinu za Kupata na Kutumia Data	Jinsi data inavyotiririka ndani na nje ya app yako, jinsi ya kuipata, kuihifadhi, na kuiondoa	Data	Yohan
24	App ya Benki	Dhana za Usimamizi wa Hali	Jifunze jinsi app yako inavyohifadhi hali na jinsi ya kuisimamia kwa njia za programu	Usimamizi wa Hali	Yohan
25	Msimbo wa Vivinjari/VScode	Kufanya kazi na VScode	Jifunze jinsi ya kutumia mhariri wa msimbo	Tumia Mhariri wa Msimbo wa VScode	Chris
26	Msaidizi wa AI	Kufanya kazi na AI	Jifunze jinsi ya kujenga msaidizi binafsi wa AI	Mradi wa Msaidizi wa AI	Chris

🏫 Mbinu ya Kufundishia

Mtaala wetu umeundwa kwa misingi miwili muhimu ya kielimu:

• kujifunza kwa kutumia miradi
• mitihani ya mara kwa mara

Programu hii inafundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za kisasa zinazotumika na waendelezaji wa wavuti wa leo. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium pepe, kiongezi cha kivinjari kinachotunza mazingira, mchezo wa kuvamia anga, na app ya benki kwa biashara. Mwisho wa mfululizo huu, wanafunzi watakuwa na uelewa thabiti wa maendeleo ya wavuti.

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

Kwa kuhakikisha yaliyomo yanalingana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na kukumbatia dhana kutakuwa kwa kina zaidi. Pia tumeandika masomo ya kuanzisha ya misingi ya JavaScript kuanzisha dhana, yakiwa na video kutoka katika mkusanyiko wa "Mfululizo wa Waanzilishi kwa: JavaScript", ambayo waandishi wake wengi walichangia kwenye mtaala huu.

Zaidi ya hayo, mtihani wa kawaida kabla ya darasa unaweka nia ya mwanafunzi kuelekea kujifunza mada fulani, huku mtihani wa pili baada ya darasa ukihakikisha kukumbatia zaidi. Mtaala huu umeundwa kuwa na ufanisi na furaha na unaweza kuchukuliwa kwa jumla au sehemu. Miradi huanza kwa ukubwa mdogo na kuwa ngumu zaidi kufikia mwisho wa mzunguko wa wiki 12.

Ingawa tumekuwa makusudi kuepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mtaalamu wa wavuti kabla ya kutumia mfumo, hatua inayofuata bora kukamilisha mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "Mfululizo wa Waanzilishi kwa: Node.js".

Tembelea miongozo yetu ya Kanuni za Maadili na Kuchangia. Tunakaribisha maoni yako chanya!

🧭 Ufikiaji wa Nje ya Mtandao

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

📘 PDF

PDF ya masomo yote inaweza kupatikana hapa.

🎒 Kozi Nyingine

Timu yetu hutengeneza kozi nyingine! Angalia:

LangChain

---

Azure / Edge / MCP / Maajenti

---

Mfululizo wa AI Inayozalisha

---

Kujifunza Msingi

---

Mfululizo wa Copilot

Kupata Msaada

Kama utafungwa au una maswali yoyote kuhusu kujenga programu za AI. Jiunge na wapenzi wa kujifunza na waendelezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii inayounga mkono ambapo maswali yanakaribishwa na maarifa hushirikiwa kwa uhuru.

Kama una maoni kuhusu bidhaa au makosa wakati wa ujenzi tembelea:

Leseni

Hifadhi hii ina leseni chini ya leseni ya MIT. Angalia faili la LICENSE kwa maelezo zaidi.

---

Hatia ya Majukumu: Nyaraka hii imefasiriwa kwa kutumia huduma ya utafsiri wa AI Co-op Translator. Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au kasoro. Nyaraka ya awali katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo halali. Kwa taarifa muhimu, tafsiri ya kitaalamu inayofanywa na binadamu inapendekezwa. Hatuna dhamana kwa kutoelewana au tafsiri potofu zinazotokana na matumizi ya tafsiri hii.