Web-Dev-For-Beginners/translations/sw

Maendeleo ya Wavuti kwa Waanzilishi - Mtaala

Jifunze misingi ya maendeleo ya wavuti na kozi yetu kamili ya wiki 12 iliyotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, virutubisho vya kivinjari, na michezo ya anga. Shirikiana na vipimo, mijadala, na waraka wa vitendo. Boresha ujuzi wako na boresha ufahamu wako kwa mbinu bora ya kujifunza kupitia miradi. Anza safari yako ya kuweka nambari leo!

Jiunge na Jumuiya ya Azure AI Foundry Discord

Fuata hatua hizi kuanza kutumia rasilimali hizi:

1. Fagia Repository: Bonyeza
2. Nakili Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Jiunge na Azure AI Foundry Discord na ukutane na wataalamu na wajasiliamali wenzako

🌐 Msaada wa Lugha Nyingi

Umahiri kupitia Hatua za GitHub (Moja kwa moja & Daima Sasishwa)

Kiarabu | Kibangla | Kibelgaria | Kirumi (Myanmar) | Kichina (Rahisi) | Kichina (Mila, Hong Kong) | Kichina (Mila, Macau) | Kichina (Mila, Taiwan) | Kroatia | Kicheki | Kidenmaki | Kiholanzi | Kiestonia | Kifini | Kifaransa | Kijerumani | Kigiriki | Kiebrania | Kihindi | Kihungari | Kihindonesia | Kiitaliano | Kijapani | Kikannada | Kikorea | Kilithuania | Kimalay | Kimalayalam | Kimarathi | Kinepali | Kipidgin cha Nigeria | Kinorwe | Kifarsi (Farsi) | Kipolandi | Kireno (Brazil) | Kireno (Portugal) | Kipunjabi (Gurmukhi) | Kiromania | Kirusi | Kiserbia (Cyrillic) | Kislovaki | Kislovenia | Kihispania | Kiswahili | Kiswidi | Kitagalog (Filipino) | Kitamili | Kitelugu | Kitai | Kituruki | Kiukrania | Kiurdu | Kivietinamu

Unapendelea Kukopa Kwenye Kompyuta Yako?

Hii repository ina jumla ya tafsiri 50+ za lugha ambazo huongeza kiasi cha kupakua. Ili kukopa 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 itakupa kila kitu unachohitaji kukamilisha kozi kwa upakuaji wa haraka zaidi.

Ikiwa unataka kuongezwa kwa lugha za tafsiri zinazoungwa mkono zimetajwa hapa

🧑‍🎓 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 ndio ukurasa unaotaka kuweka alama na kuangalia mara kwa mara tunapobadilisha maudhui kila mwezi.

📣 Tangazo - Changamoto Mpya za GitHub Copilot Agent Mode za Kumaliza!

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

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

Mradi mpya wa Msaidizi wa AI umeongezwa, angalia mradi

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

Usikose mtaala wetu mpya wa AI ya Kizazi!

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

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

Kila somo linajumuisha kazi za kumaliza, ukaguzi wa maarifa na changamoto itakayokuongoza kujifunza mada kama:

• Uongozi wa maswali na uhandisi wa maswali
• Uundaji wa programu ya maandishi na picha
• Programu za utafutaji

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

🌱 Kuanzia

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

Wanafunzi, kwa kila somo, anza na jaribio la kabla ya mhadhara na fuata kwa kusoma nyenzo za mhadhara, kukamilisha shughuli mbalimbali na angalia ufahamu wako na jaribio la baada ya mhadhara.

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

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

📋 Kuweka mazingira yako

Mtaala huu una mazingira ya maendeleo tayari kufanya kazi! Unapoanza unaweza kuchagua kuendesha mtaala kwenye Codespace (eneo la kivinjari lisilo hitaji usakinishaji), au sokoni kwenye kompyuta yako ukitumia mhariri wa maandishi kama Visual Studio Code.

Unda repository yako

Ili kukuwezesha kuhifadhi kazi yako kwa urahisi, inashauriwa uunde nakala yako mwenyewe ya repository hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha Use this template juu ya ukurasa huu. Hii itaunda repository mpya kwenye akaunti yako ya GitHub na nakala ya mtaala.

Fuata hatua hizi:

1. Fagia Repository: Bonyeza kitufe cha "Fork" kilichopo kona ya juu-kulia ya ukurasa huu.
2. Nakili Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Kuendesha mtaala kwenye Codespace

Katika nakala yako ya repository uliyoiunda, bonyeza kitufe cha Code na chagua Open with Codespaces. Hii itaunda Codespace mpya utakayofanyia kazi.

Kuendesha mtaala sokoni kwenye kompyuta yako

Ili kuendesha mtaala huu sokoni kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na chombo cha mstari wa amri. Somo letu la kwanza, Utangulizi wa Lugha za Programu na Vifaa vya Biashara, litakuongoza kupitia chaguzi mbalimbali za kila chombo ili uchague kinachofaa zaidi kwako.

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

1. Nakili hazina yako kwenye kompyuta yako. Unaweza kufanya hivyo 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 hivyo kwa kubofya File > Open Folder na kuchagua folda uliyoinakili hivi karibuni.

Vipengele vya ziada vya Visual Studio Code vinavyopendekezwa:

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

📂 Kila somo linajumuisha:

• sketchnote hiari
• video ya ziada hiari
• mtihani wa kujiandaa kabla ya somo
• somo lililoandikwa
• kwa masomo yanayohusiana na miradi, mwongozo wa 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 kwa jumla yenye maswali matatu kila moja. Inapatikana hapa programu ya mtihani inaweza kuendeshwa kwa ndani au kuwekwa katika Azure; fuata maelekezo katika folda ya quiz-app.

🗃️ Masomo

	Jina la Mradi	Dhana Zinazofundishwa	Malengo ya Kujifunza	Somo Linalohusiana	Mwandishi
01	Kuanzisha	Utangulizi wa Programu na Zana za Kazi	Jifunze msingi wa misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia waendelezaji wa kitaalamu kufanya kazi zao	Utangulizi wa Lugha za Programu na Zana za Kazi	Jasmine
02	Kuanzisha	Misingi ya GitHub, pamoja na kufanya kazi na timu	Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa msingi	Utangulizi wa GitHub	Floor
03	Kuanzisha	Ufikikaji	Jifunze misingi ya upatikanaji wa mtandao	Misingi ya Ufikikaji	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	Vifunction na Mbinu	Jifunze kuhusu vifunction na mbinu za kusimamia mtiririko wa mantiki ya programu	Vifunction 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	Miskani na Mizunguko	Fanya kazi na data kwa kutumia miskani na mizunguko katika JavaScript	Miskani na Mizunguko	Jasmine
08	Terrarium	HTML Katika Vitendo	Jenga HTML kuunda terrarium mtandaoni, ukielekeza kwenye kuunda mpangilio	Utangulizi wa HTML	Jen
09	Terrarium	CSS Katika Vitendo	Jenga CSS kupamba terrarium mtandaoni, ukielekeza misingi ya CSS ikijumuisha kupangilia ukurasa iwe rahisi kubadilika	Utangulizi wa CSS	Jen
10	Terrarium	Kufunga za JavaScript, usimamizi wa DOM	Jenga JavaScript ili kufanya terrarium kufanya kazi kama interface ya buruta/achilia, ukielekeza kwenye kufunga na usimamizi wa DOM	Kufunga za JavaScript, usimamizi wa DOM	Jen
11	Typing Game	Jenga Mchezo wa Kuandika	Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript	Programu Inayoendeshwa na Matukio	Christopher
12	Green Browser Extension	Kufanya kazi na Vivinjari	Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezaji cha kivinjari	Kuhusu Vivinjari	Jen
13	Green Browser Extension	Kujenga fomu, kuitisha API na kuhifadhi vigezo katika hifadhi ya ndani	Jenga vipengele vya JavaScript vya kiendelezaji chako cha kivinjari kuitisha API kwa kutumia vigezo vilivyohifadhiwa katika hifadhi ya ndani	API, Fomu, na Hifadhi ya Ndani	Jen
14	Green Browser Extension	Mchakato wa nyuma katika kivinjari, utendakazi wa wavuti	Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiendelezaji; jifunze kuhusu utendakazi wa wavuti na baadhi ya maboresho ya kufanya	Mchakato wa Nyuma na Utendakazi	Jen
15	Space Game	Maendeleo ya Mchezo wa Juu zaidi na JavaScript	Jifunze kuhusu Urithi kwa kutumia Madarasa na Muundo pamoja na muundo wa Pub/Sub, tayari kwa kujenga mchezo	Utangulizi wa Maendeleo ya Mchezo ya Juu	Chris
16	Space Game	Kuchora kwenye turubai	Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini	Kuchora kwenye Turubai	Chris
17	Space Game	Kusogeza vipengele kwenye skrini	Gundua jinsi vipengele vinavyoweza kupata mwendo kwa kutumia makosari ya Cartesian na API ya Canvas	Kusogeza Vipengele	Chris
18	Space Game	Ugunduzi wa Migongano	Fanya vipengele kugongana na kuathiriana kwa kutumia kubofya funguo na toa kipengele cha mapumziko kuhakikisha utendakazi bora wa mchezo	Ugunduzi wa Migongano	Chris
19	Space Game	Kuhifadhi alama	Fanya mahesabu ya hisabati kulingana na hali na utendakazi wa mchezo	Kuhifadhi Alama	Chris
20	Space Game	Kuhitimisha na kuanzisha upya mchezo	Jifunze kuhusu kumaliza na kuanzisha upya mchezo, pamoja na kusafisha rasilimali na kuweka upya thamani za vigezo	Hali ya Kumaliza	Chris
21	Banking App	Violezo vya HTML na Njia katika Tovuti Mtandao	Jifunze jinsi ya kuunda muundo wa tovuti yenye kurasa nyingi kwa kutumia routing na violezo vya HTML	Violezo vya HTML na Njia	Yohan
22	Banking App	Jenga Fomu ya Kuingia na Usajili	Jifunze kuhusu ujenzi wa fomu na kushughulikia taratibu za uhakiki	Fomu	Yohan
23	Banking App	Mbinu za Kupata na Kutumia Data	Jinsi data inavyotiririka ndani na nje ya app yako, jinsi ya kuipata, kuhifadhi na kuizitupa	Data	Yohan
24	Banking App	Dhana za Usimamizi wa Hali	Jifunze jinsi app yako inavyodumisha hali na jinsi ya kuiendesha kwa mpangilio	Usimamizi wa Hali	Yohan
25	Browser/VScode Code	Kufanya kazi na VScode	Jifunze jinsi ya kutumia mhariri wa msimbo	Tumia Mhariri wa Msimbo wa VScode	Chris
26	AI Assistants	Kufanya kazi na AI	Jifunze jinsi ya kujenga msaidizi wako wa AI	Mradi wa Msaidizi wa AI	Chris

🏫 Falsafa ya Mafunzo

Mtaala wetu umeundwa kwa kanuni mbili muhimu za kielimu:

• kujifunza kwa miradi
• mitihani ya mara kwa mara

Mpango huu hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za hivi karibuni zinazotumiwa na waendelezaji wa wavuti wa sasa. Wanafunzi watapata fursa ya kufanya mazoezi kwa mikono kwa kujenga mchezo wa kuandika, terrarium halisi mtandaoni, kiendelezaji cha kivinjari kinachozingatia mazingira, mchezo wa aina ya wavamizi wa anga, na programu ya benki kwa biashara. Mwisho wa mfululizo huu, wanafunzi watakuwa na uelewa thabiti wa uendelezaji wa wavuti.

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

Kwa kuhakikisha kuwa maudhui yanahusiana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na uhifadhi wa dhana utaongezeka. Pia tuliandika masomo kadhaa ya mwanzo kuhusu misingi ya JavaScript kuanzisha dhana, pamoja na video kutoka kwenye mkusanyo wa “"Mfululizo wa Waanzilishi wa: JavaScript” ya mafunzo ya video, baadhi ya waandishi wake walichangia kwa mtaala huu.

Pia, mtihani wa chini kabla ya darasa unaweka nia ya mwanafunzi kuelekea kujifunza somo, wakati mtihani wa pili baada ya darasa unahakikisha uhifadhi zaidi. Mtaala huu umeundwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa ujumla au sehemu. Miradi huanza ndogo na kuendelea kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.

Ingawa tumependelea kuepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mendelezaji wa wavuti kabla ya kutumia mfumo, hatua njema inayofuata baada ya kukamilisha mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyo mwingine wa video: "Mfululizo wa Waanzilishi wa: Node.js".

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

🧭 Upatikanaji bila Mtandao

Unaweza kuendesha nyaraka hii bila mtandao kwa kutumia Docsify. Nakili repozitori hii, sakinisha Docsify kwenye mashine yako ya ndani, kisha katika folda kuu ya repozitori hii, andika docsify serve. Tovuti itahudumiwa kwenye lango la 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 / Agents

---

Mfululizo wa AI Inayotengeneza

---

Msingi wa Kujifunza

---

Mfululizo wa Copilot

Kupata Msaada

Ikiwa umekwama au una maswali kuhusu kujenga programu za AI. Jiunge na wanafunzi wenzako na waendelezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii inayounga mkono ambapo maswali yanakaribishwa na maarifa husambazwa kwa huru.

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

Leseni

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

---

Takwimu ya Kukataa: Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI Co-op Translator. Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au kasoro. Hati ya awali katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo chenye mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu na ya binadamu inapendekezwa. Hatuwajibiki kwa kutoelewana au tafsiri mbaya yatokanayo na matumizi ya tafsiri hii.