Web-Dev-For-Beginners/translations/sw

Maendeleo ya Wavuti kwa Waanzilishi - Mtaala

Jifunze misingi ya maendeleo ya wavuti kwa kozi yetu kamili ya wiki 12 iliyotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linaangazia JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya anga. Shirikiana kupitia maswali ya kujitathmini, mijadala, na majukumu ya vitendo. Boresha ujuzi wako na ўboresha ukumbuzi wako wa maarifa kwa njia yetu madhubuti inayotegemea miradi. Anza safari yako ya kuandika msimbo leo!

Jiunge na Azure AI Foundry Discord na kutana na wataalamu na wajasiriamali wenzako.

Fuata hatua hizi kuanza kutumia rasilimali hizi:

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

🌐 Msaada wa Lugha Nyingi

Unaungwa Mkono Kupitia GitHub Action (Otomatiki & Daima Ikiwa Hivi Karibuni)

Arabuni | Kibengali | Kibulgaria | Kiburma (Myanmar) | Kichina (Rahisi) | Kichina (Kiasili, Hong Kong) | Kichina (Kiasili, Macau) | Kichina (Kiasili, Taiwan) | Kikroeshia | Kicheki | Kidenmaki | Kiholanzi | Kiestoniani | Kifini | Kifaransa | Kijerumani | Kigiriki | Kiebrania | Kihindi | Kihungari | Kiindonesia | Kiitaliano | Kijapani | Kikannada | Kikhemeri | Kikorea | Kilithuania | Kimalayi | Kimalayalam | Kimarathi | Kinepali | Pijin ya Nigeria | Kinorwe | Kiajemi (Fasi) | Kipolandi | Kireno (Brazil) | Kireno (Ureno) | Kipunjabi (Gurmukhi) | Kiromania | Kirusi | Kiserbia (Cyrillic) | Kislovakia | Kislovenia | Kihispania | Kiswahili | Kiswidi | Kitagalog (Filipino) | Kitamili | Kitelugu | Kithai | Kituruki | Kiukrania | Kiurdu | Kivietinamu

Unapendelea Kunakili Kwenye Kifaa Chako?

Hifadhi hii ina tafsiri zaidi ya 50 za lugha zinazoongeza ukubwa wa kupakua. Ili kunakili bila tafsiri, tumia sparse checkout:

Bash / macOS / Linux:

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'

CMD (Windows):

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

Ikiwa unataka kupata tafsiri za ziada, lugha zinazoungwa mkono ziko hapa. here

🧑‍🎓 Je, wewe ni mwanafunzi?

Tembelea ukurasa wa Kituo cha Wanafunzi ambapo utapata rasilimali za waanzilishi, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ni ukurasa ungependa kuweka alama na kuangalia mara kwa mara kwani hubadilishwa kila mwezi.

📣 Taarifa - Changamoto Mpya za Mode ya GitHub Copilot Agent za Kukamilisha!

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

📣 Taarifa - Mradi Mpya wa Kujenga kwa Kutumia AI ya Kuumbilia

Mradi mpya wa Msaidizi wa AI umeongezwa, angalia mradi

📣 Taarifa - Mtaala Mpya juu ya AI ya Kuumbilia kwa JavaScript umebuniwa

Usikose mtaala wetu mpya wa AI ya Kuumbilia!

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

• Masomo yanayoshughulikia kila kitu kutoka misingi hadi RAG.
• Shiriki na wahusika wa kihistoria kwa kutumia GenAI na programu yetu ya rafiki.
• Hadithi ya kufurahisha na ya kuchochea, utasafiri wakati!

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

• Kuwahimiza na uhandisi wa kuhimiza
• Uzalishaji wa programu za maandishi na picha
• Programu za utafutaji

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

🌱 Kuanzisha

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

Wajifunzaji, kwa kila somo, anza na jaribio la kabla ya mhadhara na fuata kwa kusoma vifaa vya mhadhara, kukamilisha shughuli mbalimbali na thibitisha uelewa wako kwa jaribio la baada ya mhadhara.

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

Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza Microsoft Learn kwa vifaa zaidi vya kujifunzia.

📋 Kuweka mazingira yako

Mtaala huu una mazingira ya maendeleo tayari! Unapoanza unaweza kuchagua kuendesha mtaala katika Codespace (mazingira ya kivinjari, yasiyo na haja ya ufungaji), au sehemu yako ya kazi kwenye kompyuta ukitumia mhariri wa maandishi kama Visual Studio Code.

Tengeneza hifadhi yako

Ili kuhifadhi kazi yako kwa urahisi, inashauriwa utengeneze nakala yako ya hifadhi hii. Unaweza kufanya hivi kwa kubonyeza kitufe cha Tumia templeti hii juu ya ukurasa. Hii itaunda hifadhi mpya kwenye akaunti yako ya GitHub pamoja na nakala ya mtaala.

Fuata hatua hizi:

1. Fungua Nakala ya Hifadhi: Bonyeza kitufe cha "Fork" upande wa 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 uliyotengeneza, bonyeza kitufe cha Msimbo na chagua Fungua na Codespaces. Hii itaunda Codespace mpya kwa ajili yako kufanya kazi ndani yake.

Kuendesha mtaala kwa sehemu yako ya kazi kwenye kompyuta

Ili kuendesha mtaala huu kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na chombo cha amri. Somo letu la kwanza, Utangulizi wa Lugha za Programu na Vifaa vya Kazi, litakuongoza kupitia chaguzi mbalimbali kwa kila chombo kwa ajili ya kuchagua kinachofaa kwako.

Mapendekezo yetu ni kutumia Visual Studio Code kama mhariri wako, ambao pia una Terminali iliyojengwa ndani. Unaweza kupakua Visual Studio Code hapa.

1. Nakili hifadhidata yako kwenye kompyuta yako. Unaweza kufanya hivi kwa kubofya 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 uliyoinakili hivi karibuni:

   git clone <your-repository-url>
   

2. Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivi kwa kubofya File > Open Folder na kuchagua folda uliyoinakili hivi karibuni.

Upanuzi wa Visual Studio Code unaopendekezwa:

• Live Server - kuangalia mapema kurasa za HTML ndani ya Visual Studio Code
• Copilot - kusaidia kuandika code haraka zaidi

📂 Kila somo linajumuisha:

• sketchnote hiari
• video ya ziada hiari
• mtihani wa kuwasha kabla ya somo
• somo lililoandikwa
• kwa masomo yanayotegemea mradi, miongozo hatua kwa hatua jinsi ya kujenga mradi
• ukaguzi wa maarifa
• changamoto
• usomaji wa ziada
• kazi ya nyumbani
• mtihani baada ya somo

Kumbuka kuhusu mitihani: Mitihani yote ipo katika folda ya Quiz-app, mitihani 48 yote yenye maswali matatu kila moja. Inapatikana hapa programu ya mtihani inaweza kuendeshwa kwa ndani au kuwekwa kwenye Azure; fuata maelekezo katika folda ya quiz-app.

🗃️ Masomo

	Jina la Mradi	Maudhui Yanayofundishwa	Malengo ya Kujifunza	Somo Lililohusishwa	Mwandishi
01	Kuanzia Mwanzo	Utangulizi wa Uprogramu na Zana za Kitaalamu	Jifunze msingi wa lugha nyingi za programu na kuhusu programu zinazowasaidia waendelezaji wa kitaalamu kufanya kazi zao	Utangulizi wa Lugha za Programu na Zana za Kitaalamu	Jasmine
02	Kuanzia Mwanzo	Misingi ya GitHub, ikijumuisha kazi na timu	Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa programu	Utangulizi wa GitHub	Floor
03	Kuanzia Mwanzo	Upatikanaji	Jifunze misingi ya upatikanaji wa wavuti	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	Funguo na Mbinu	Jifunze kuhusu funguo na mbinu za kudhibiti mtiririko wa mantiki ya programu	Funguo na Mbinu	Jasmine na Christopher
06	Misingi ya JS	Kufanya Maamuzi kwa JS	Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi	Kufanya Maamuzi	Jasmine
07	Misingi ya JS	Mipangilio na Mizunguko	Fanya kazi na data kwa kutumia mipangilio na mizunguko ndani ya JavaScript	Mipangilio na Mizunguko	Jasmine
08	Terrarium	HTML katika Vitendo	Jenga HTML ya kuunda terrarium mtandaoni, ukizingatia uundaji wa mpangilio	Utangulizi wa HTML	Jen
09	Terrarium	CSS katika Vitendo	Jenga CSS ya kupanga terrarium mtandaoni, ukizingatia misingi ya CSS ikijumuisha kufanya ukurasa uwe wa kukabiliana na vifaa mbalimbali	Utangulizi wa CSS	Jen
10	Terrarium	Funga JavaScript, uendeshaji DOM	Jenga JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha kukausha na kuachia, ukizingatia fungo na uendeshaji DOM	Fungo JavaScript, uendeshaji DOM	Jen
11	Typing Game	Jenga Mchezo wa Kuandika Haraka	Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript	Uprogramu Iendayo Kwa Matukio	Christopher
12	Green Browser Extension	Kazi na Vivinjari (Browsers)	Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezi cha kivinjari	Kuhusu Vivinjari	Jen
13	Green Browser Extension	Kujenga fomu, kuitisha API na kuhifadhi vigezo katika hifadhi ya ndani	Tengeneza vipengele vya JavaScript vya kiendelezi chako cha kivinjari kuitisha API kwa kutumia vigezo vilivyo hifadhiwa katika hifadhi ya ndani	APIs, Fomu, na Hifadhi ya Ndani	Jen
14	Green Browser Extension	Mchakato wa nyuma wa kivinjari, utendaji wa wavuti	Tumia michakato ya nyuma ya kivinjari kudhibiti ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya maboresho ya kufanya	Kazi za Nyuma na Utendaji	Jen
15	Space Game	Maendeleo ya Mchezo wa Juu zaidi kwa JavaScript	Jifunze kuhusu Urithi kwa kutumia Mifumo (Classes) na Muundo pamoja na muundo wa Pub/Sub, kujiandaa kwa kujenga mchezo	Utangulizi wa Maendeleo ya Mchezo wa Juu	Chris
16	Space Game	Kuchora kwenye kanvas	Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini	Kuchora kwenye Kanvas	Chris
17	Space Game	Kuhamisha vipengele kwenye skrini	Gundua jinsi vipengele vinavyopata mwendo kwa kutumia uratibu wa kartsiani na API ya Canvas	Kuhamisha Vipengele	Chris
18	Space Game	Ugundaji wa mgongano	Fanya vipengele vigonjane na kujibu kwa kila mmoja kwa kutumia vitufe vya kibodi na toa kazi ya kupumzika kuhakikisha utendaji wa mchezo	Ugundaji wa Mgongano	Chris
19	Space Game	Kuhifadhi alama	Fanya mahesabu ya kihisabati kulingana na hali na utendaji wa mchezo	Kuhifadhi Alama	Chris
20	Space Game	Kuisha na kuanza upya mchezo	Jifunze kuhusu kumaliza na kuanzisha upya mchezo, ikiwa ni pamoja na kusafisha mali na kuweka upya vigezo	Hali ya Mwisho	Chris
21	Banking App	Templeti za HTML na Njia za Web App	Jifunze jinsi ya kuunda muundo wa tovuti ya kurasa nyingi kwa kutumia njia za kuingia na templeti za HTML	Templeti za HTML na Njia	Yohan
22	Banking App	Jenga Fomu ya Kuingia na Usajili	Jifunze kuhusu kujenga fomu na kushughulikia utambuzi	Fomu	Yohan
23	Banking App	Mbinu za Kupata na Kutumia Data	Jinsi data inavyotiririka ndani na nje ya programu yako, jinsi ya kuipata, kuihifadhi, na kuiondoa	Data	Yohan
24	Banking App	Misingi ya Usimamizi wa Hali	Jifunze jinsi programu yako inavyoendelea kuweka hali na jinsi ya kuisimamia kwa njia za programu	Usimamizi wa Hali	Yohan
25	Browser/VScode Code	Kazi na VScode	Jifunze jinsi ya kutumia mhariri wa msimbo	Tumia Mhariri wa Code wa VScode	Chris
26	AI Assistants	Kazi na AI	Jifunze jinsi ya kujenga msaidizi wako wa AI	Mradi wa Msaidizi wa AI	Chris

🏫 Pedagojia

Mtaala wetu umeundwa kwa kanuni mbili za msingi za kifundisho:

• kujifunza kwa njia ya mradi
• mitihani mara kwa mara

Mpango hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za kisasa zinazotumiwa na waendelezaji wa wavuti wa sasa. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika haraka, terrarium ya mtandaoni, kiendelezi kivinjari kinachohifadhi mazingira, mchezo wa kuwasiliana na wahasidi wa anga, na programu ya benki kwa biashara. Mwishoni mwa mfululizo huo, wanafunzi watakuwa na uelewa thabiti wa maendeleo ya wavuti.

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

Kwa kuhakikisha kwamba maudhui yanahusiana na miradi, mchakato huu hufanya kuwa wa kuvutia zaidi kwa wanafunzi na kukumbuka kwa dhana kutaimarishwa. Pia tuliandika masomo kadhaa ya kuanzisha katika misingi ya JavaScript ili kuanzisha dhana, yakiwa na video kutoka kwa mkusanyiko wa mafundisho ya video ya "Mfululizo wa Waanzilishi wa: JavaScript" ambayo baadhi ya waandishi wake walichangia mtaala huu.

Zaidi ya hayo, mtihani wa chini kabla ya darasa huweka nia ya mwanafunzi kuelekea kujifunza mada, wakati mtihani wa pili baada ya darasa unahakikisha kukumbukwa zaidi. Mtaala huu uliundwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa jumla au sehemu tu. Miradi inaanza midogo na kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.

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

Tembelea miongozo yetu ya Kanuni za Maadili na Kushiriki. Tunakaribisha maoni yako yenye kujenga!

🧭 Ufikiaji wa Nje ya Mtandao

Unaweza kuendesha nyaraka hii ukiwa nje ya mtandao kwa kutumia Docsify. Tengeneza nakala ya hifadhidata hii, weka Docsify kwenye kompyuta yako ya ndani, kisha katika folda kuu ya hifadhidata hii, andika docsify serve. Tovuti itaendeshwa kwenye mlimbwende 3000 kwenye localhost yako: localhost:3000.

📘 PDF

PDF ya masomo yote inapatikana hapa.

🎒 Kozi Nyingine

Timu yetu hutengeneza kozi nyingine! Angalia:

LangChain

Azure / Edge / MCP / Agents

---

Mfululizo wa AI Inayozalisha

---

Mafunzo ya Msingi

---

Mfululizo wa Copilot

Kupata Msaada

Ikiwa unashikwa au una maswali yoyote kuhusu kujenga programu za AI. Ungana na wanafunzi wenzako na waendelezaji waliobobea katika majadiliano kuhusu MCP. Ni jamii yenye msaada ambapo maswali yanakaribishwa na maarifa yanashirikiwa kwa uhuru.

Ikiwa una maoni au hitilafu wakati wa kujenga tembelea:

Leseni

Hifadhidata hii ina leseni chini ya leseni ya MIT. Tazama faili la LICENSE kwa maelezo zaidi.

---

Maandishi ya Kukataa:
Hati hii imetafsiriwa 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 upotoshaji. Hati asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inashauriwa. Hatuwezi kuwajibika kwa maelewano au tafsiri potofu yoyote inayotokana na matumizi ya tafsiri hii.