Web-Dev-For-Beginners/translations/sw

Maendeleo ya Wavuti kwa Kompyuta - Mtaala

Jifunze misingi ya maendeleo ya wavuti kupitia kozi yetu ya wiki 12 iliyoandaliwa na Microsoft Cloud Advocates. Kila somo kati ya masomo 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama terrariums, viendelezi vya kivinjari, na michezo ya anga. Shirikiana na maswali, mijadala, na kazi za vitendo. Boresha ujuzi wako na uimarisha maarifa yako kwa kutumia mbinu yetu ya kujifunza kwa miradi. Anza safari yako ya programu leo!

Jiunge na Jumuiya ya Azure AI Foundry Discord

Fuata hatua hizi kuanza kutumia rasilimali hizi:

1. Fork Hifadhi: Bonyeza
2. Clone Hifadhi: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Jiunge na Azure AI Foundry Discord na kutana na wataalamu na watengenezaji wenzako

🌐 Msaada wa Lugha Nyingi

Inasaidiwa kupitia GitHub Action (Imejiendesha & Daima Imeboreshwa)

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 | Korean | Lithuanian | Malay | Marathi | Nepali | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Ikiwa ungependa lugha za ziada ziongezwe, orodha ya lugha zinazosaidiwa inapatikana hapa

🧑‍🎓 Je, wewe ni mwanafunzi?

Tembelea Ukurasa wa Hub ya Wanafunzi ambapo utapata rasilimali za kompyuta, vifurushi vya wanafunzi, na hata njia za kupata vocha ya cheti bila malipo. Huu ni ukurasa wa kuweka alama na kuangalia mara kwa mara kwani tunabadilisha maudhui kila mwezi.

📣 Tangazo - Mradi Mpya wa Kujenga kwa kutumia AI ya Kizazi

Mradi mpya wa Msaidizi wa AI umeongezwa, angalia mradi

📣 Tangazo - Mtaala Mpya wa AI ya Kizazi kwa JavaScript umetolewa

Usikose mtaala wetu mpya wa AI ya Kizazi!

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

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

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

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

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

🌱 Kuanzisha

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

Wanafunzi, kwa kila somo, anza na jaribio la awali la somo na endelea kusoma nyenzo za somo, kukamilisha shughuli mbalimbali, na angalia uelewa wako kwa jaribio la baada ya somo.

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

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

📋 Kuweka mazingira yako

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

Unda hifadhi yako

Ili kuokoa kazi yako kwa urahisi, inashauriwa kwamba uunde nakala yako mwenyewe ya hifadhi hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha Tumia kiolezo juu ya ukurasa. Hii itaunda hifadhi mpya katika akaunti yako ya GitHub na nakala ya mtaala.

Fuata hatua hizi:

1. Fork Hifadhi: Bonyeza kitufe cha "Fork" kwenye kona ya juu-kulia ya ukurasa huu.
2. Clone Hifadhi: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Kuendesha mtaala katika Codespace

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

Kuendesha mtaala kwa ndani kwenye kompyuta yako

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

Pendekezo letu ni kutumia Visual Studio Code kama mhariri wako, ambao pia una Terminal iliyojengwa ndani. Unaweza kupakua Visual Studio Code hapa.

1. Clone hifadhi 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 uliyokopi:

   git clone <your-repository-url>
   

2. Fungua folda katika Visual Studio Code. Unaweza kufanya hivyo kwa kubonyeza File > Open Folder na kuchagua folda uliyoclone.

Viendelezi vya Visual Studio Code vinavyopendekezwa:

• Live Server - kuonyesha kurasa za HTML ndani ya Visual Studio Code
• Copilot - kusaidia kuandika msimbo haraka

📂 Kila somo linajumuisha:

• sketchnote ya hiari
• video ya ziada ya hiari
• jaribio la kujiandaa kabla ya somo
• somo lililoandikwa
• kwa masomo yanayotegemea miradi, mwongozo wa hatua kwa hatua jinsi ya kujenga mradi
• ukaguzi wa maarifa
• changamoto
• usomaji wa ziada
• kazi ya nyumbani
• jaribio baada ya somo

Maelezo kuhusu majaribio: Majaribio yote yamewekwa kwenye folda ya Quiz-app, jumla ya majaribio 48 yenye maswali matatu kila moja. Yanapatikana hapa. Programu ya jaribio inaweza kuendeshwa ndani ya kompyuta au kupelekwa kwenye Azure; fuata maelekezo kwenye folda ya quiz-app.

🗃️ Masomo

	Jina la Mradi	Dhana Zinazofundishwa	Malengo ya Kujifunza	Somo Lililounganishwa	Mwandishi
01	Kuanza	Utangulizi wa Uprogramu na Zana za Kazi	Jifunze misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia watengenezaji wa kitaalamu kufanya kazi zao	Utangulizi wa Lugha za Uprogramu na Zana za Kazi	Jasmine
02	Kuanza	Misingi ya GitHub, ikijumuisha kufanya kazi na timu	Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msingi wa msimbo	Utangulizi wa GitHub	Floor
03	Kuanza	Ufikiaji	Jifunze misingi ya ufikiaji wa wavuti	Misingi ya Ufikiaji	Christopher
04	Misingi ya JS	Aina za Takwimu za JavaScript	Misingi ya aina za takwimu za JavaScript	Aina za Takwimu	Jasmine
05	Misingi ya JS	Kazi na Mbinu	Jifunze kuhusu kazi na mbinu za kudhibiti mtiririko wa mantiki wa programu	Kazi na Mbinu	Jasmine na Christopher
06	Misingi ya JS	Kufanya Maamuzi na JS	Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi	Kufanya Maamuzi	Jasmine
07	Misingi ya JS	Arrays na Loops	Fanya kazi na takwimu kwa kutumia arrays na loops katika JavaScript	Arrays na Loops	Jasmine
08	Terrarium	HTML kwa Vitendo	Jenga HTML ili kuunda terrarium mtandaoni, ukizingatia kujenga mpangilio	Utangulizi wa HTML	Jen
09	Terrarium	CSS kwa Vitendo	Jenga CSS ili kuunda mtindo wa terrarium mtandaoni, ukizingatia misingi ya CSS ikijumuisha kufanya ukurasa uwe msikivu	Utangulizi wa CSS	Jen
10	Terrarium	JavaScript Closures, Manipulisho ya DOM	Jenga JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha buruta/dondosha, ukizingatia closures na manipulisho ya DOM	JavaScript Closures, Manipulisho ya DOM	Jen
11	Mchezo wa Kuandika	Jenga Mchezo wa Kuandika	Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript	Programu Inayoendeshwa na Matukio	Christopher
12	Kiendelezi Kijani cha Kivinjari	Kufanya Kazi na Vivinjari	Jifunze jinsi vivinjari vinavyofanya kazi, historia yake, na jinsi ya kuunda vipengele vya kwanza vya kiendelezi cha kivinjari	Kuhusu Vivinjari	Jen
13	Kiendelezi Kijani cha Kivinjari	Kujenga fomu, kuita API na kuhifadhi vigezo kwenye hifadhi ya ndani	Jenga vipengele vya JavaScript vya kiendelezi chako cha kivinjari ili kuita API kwa kutumia vigezo vilivyohifadhiwa kwenye hifadhi ya ndani	APIs, Fomu, na Hifadhi ya Ndani	Jen
14	Kiendelezi Kijani cha Kivinjari	Michakato ya nyuma ya kivinjari, utendaji wa wavuti	Tumia michakato ya nyuma ya kivinjari kudhibiti ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya uboreshaji wa kufanya	Kazi za Nyuma na Utendaji	Jen
15	Mchezo wa Anga	Maendeleo ya Mchezo ya Juu Zaidi na JavaScript	Jifunze kuhusu Urithi kwa kutumia Darasa na Muundo na muundo wa Pub/Sub, kama maandalizi ya kujenga mchezo	Utangulizi wa Maendeleo ya Juu ya Mchezo	Chris
16	Mchezo wa Anga	Kuchora kwenye canvas	Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini	Kuchora kwenye Canvas	Chris
17	Mchezo wa Anga	Kusogeza vipengele kwenye skrini	Gundua jinsi vipengele vinavyoweza kupata mwendo kwa kutumia kuratibu za cartesian na API ya Canvas	Kusogeza Vipengele	Chris
18	Mchezo wa Anga	Kugundua mgongano	Fanya vipengele vigongane na kuathiriana kwa kutumia vibonyezo na toa kazi ya kupoa ili kuhakikisha utendaji wa mchezo	Kugundua Mgongano	Chris
19	Mchezo wa Anga	Kuhesabu alama	Fanya mahesabu ya hesabu kulingana na hali ya mchezo na utendaji	Kuhesabu Alama	Chris
20	Mchezo wa Anga	Kumaliza na kuanzisha tena mchezo	Jifunze kuhusu kumaliza na kuanzisha tena mchezo, ikijumuisha kusafisha mali na kuweka upya thamani za vigezo	Hali ya Kumaliza	Chris
21	Programu ya Benki	Violezo vya HTML na Njia katika Programu ya Wavuti	Jifunze jinsi ya kuunda muundo wa usanifu wa tovuti yenye kurasa nyingi kwa kutumia njia na violezo vya HTML	Violezo vya HTML na Njia	Yohan
22	Programu ya Benki	Jenga Fomu ya Kuingia na Usajili	Jifunze kuhusu kujenga fomu na kushughulikia taratibu za uthibitishaji	Fomu	Yohan
23	Programu ya Benki	Mbinu za Kupata na Kutumia Takwimu	Jinsi takwimu zinavyotiririka ndani na nje ya programu yako, jinsi ya kuzipata, kuzihifadhi, na kuziondoa	Takwimu	Yohan
24	Programu ya Benki	Dhana za Usimamizi wa Hali	Jifunze jinsi programu yako inavyohifadhi hali na jinsi ya kuisimamia kwa njia ya programu	Usimamizi wa Hali	Yohan
25	Msimbo wa Kivinjari/VScode	Kufanya kazi na VScode	Jifunze jinsi ya kutumia mhariri wa msimbo	Tumia Mhariri wa Msimbo wa VScode	Chris
26	Wasaidizi wa AI	Kufanya kazi na AI	Jifunze jinsi ya kujenga msaidizi wako wa AI	Mradi wa Msaidizi wa AI	Chris

🏫 Pedagogi

Mtaala wetu umeundwa kwa kuzingatia kanuni mbili kuu za pedagogi:

• kujifunza kwa msingi wa miradi
• majaribio ya mara kwa mara

Programu inafundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za kisasa zinazotumiwa na watengenezaji wa wavuti wa leo. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium ya mtandaoni, kiendelezi cha kivinjari kinachojali mazingira, mchezo wa mtindo wa space-invader, na programu ya benki kwa biashara. Mwisho wa mfululizo, wanafunzi watakuwa na uelewa mzuri wa maendeleo ya wavuti.

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

Kwa kuhakikisha kuwa maudhui yanalingana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na uhifadhi wa dhana utaimarishwa. Pia tuliandika masomo kadhaa ya kuanzisha misingi ya JavaScript ili kuanzisha dhana, tukifuatana na video kutoka kwa mkusanyiko wa "Mfululizo wa Wanaoanza: JavaScript" wa mafunzo ya video, baadhi ya waandishi wake walichangia mtaala huu.

Zaidi ya hayo, jaribio lenye shinikizo la chini kabla ya darasa linaweka nia ya mwanafunzi kuelekea kujifunza mada, wakati jaribio la pili baada ya darasa linahakikisha uhifadhi zaidi. Mtaala huu uliundwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa ukamilifu au sehemu. Miradi huanza ndogo na kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.

Ingawa tumekusudia kuepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mtengenezaji wa wavuti kabla ya kupitisha mfumo, hatua nzuri inayofuata baada ya kukamilisha mtaala huu itakuwa kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "Mfululizo wa Wanaoanza: Node.js".

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

🧭 Ufikiaji wa Nje ya Mtandao

Unaweza kuendesha nyaraka hizi nje ya mtandao kwa kutumia Docsify. Fork repo hii, sakinisha Docsify kwenye kompyuta yako, kisha kwenye folda ya mizizi ya repo hii, andika docsify serve. Tovuti itahudumiwa kwenye bandari 3000 kwenye localhost yako: localhost:3000.

📘 PDF

PDF ya masomo yote inaweza kupatikana hapa.

🎒 Kozi Nyingine

Timu yetu inazalisha kozi nyingine! Angalia:

• MCP kwa Wanaoanza
• Edge AI kwa Wanaoanza
• Wakala wa AI kwa Wanaoanza
• AI ya Kizazi kwa Wanaoanza .NET
• AI ya Kizazi na JavaScript
• AI ya Kizazi na Java
• AI kwa Wanaoanza
• Sayansi ya Takwimu kwa Wanaoanza
• ML kwa Wanaoanza
• Usalama wa Mtandao kwa Wanaoanza
• Web Dev kwa Wanaoanza
• IoT kwa Wanaoanza
• Maendeleo ya XR kwa Anayeanza
• Kumiliki GitHub Copilot kwa Matumizi ya Kijumuishi
• Kumiliki GitHub Copilot kwa Waendelezaji wa C#/.NET
• Chagua Safari Yako ya Copilot

Kupata Msaada

Ikiwa utakwama au una maswali kuhusu kujenga programu za AI, jiunge:

Ikiwa una maoni kuhusu bidhaa au unakutana na makosa wakati wa kujenga, tembelea:

Leseni

Hifadhi hii imesajiliwa chini ya leseni ya MIT. Tazama faili ya LICENSE kwa maelezo zaidi.

---

Kanusho:
Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI Co-op Translator. Ingawa tunajitahidi kuhakikisha usahihi, tafsiri za kiotomatiki zinaweza kuwa na makosa au kutokuwa sahihi. Hati ya asili katika lugha yake ya awali inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatutawajibika kwa kutoelewana au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii.