Jifunze misingi ya maendeleo ya wavuti kupitia kozi yetu ya kina ya wiki 12 inayotolewa na Wakili wa Wingu wa Microsoft. Kila somo kati ya 24 linaingia kwa undani katika JavaScript, CSS, na HTML kwa mradi wa vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya anga. Shirikiana na maswali, mijadala, na kazi za vitendo. Boreshaji ujuzi wako na kuimarisha ufahamu wako kwa njia yetu bora ya kufundisha inayozingatia miradi. Anza safari yako ya kuprogramu leo!
Jiunge na Jamii ya Discord ya Azure AI Foundry
Fuata hatua hizi kuanza kutumia rasilimali hizi:
- Chimba Hifadhi: Bonyeza
- Nakili Hifadhi:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - Jiunge na Discord ya Azure AI Foundry na ukutane na wataalamu na wapenzi wa maendeleo
Kiarabu | Kibengali | Kibulgaria | Kiburma (Myanmar) | Kichina (Rahisi) | Kichina (Marefu, Hong Kong) | Kichina (Marefu, Macau) | Kichina (Marefu, Taiwan) | Kikroeshia | Kicheki | Kideni | Kiholanzi | Kiestoniani | Kifini | Kifaransa | Kijerumani | Kigiriki | Kiheberi | Kihindi | Kihungari | Kiindonesia | Kitaliano | Kijapani | Kikannada | Kikorea | Kilithuania | Kimelayu | Kimalayalam | Kimarathi | Kinepali | Pidgin ya Nijeria | Kinorwe | Kiajemi (Farsi) | Kipolandi | Kireno (Brazil) | Kireno (Ureno) | Kipunabi (Gurmukhi) | Kiromania | Kirusi | Kiserbia (Sirilik) | Kislovakia | Kislovenia | Kihispania | Kiswahili | Kiswidi | Kitagalogi (Filipino) | Kitamili | Kitelugu | Kithai | Kituruki | Kiukrania | Kiurdu | Kivietinamu
Unapendelea Kunakili Moja kwa Moja?
Hifadhi hii ina tafsiri za lugha zaidi ya 50 ambazo huongeza sana ukubwa wa kupakua. Ili kunakili 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 kumaliza kozi kwa download ya kasi zaidi.
Ikiwa unataka kuwa na lugha za tafsiri za ziada zinazoungwa mkono zimo hapa
Tembelea ukurasa wa Kituo cha Wanafunzi ambapo utapata rasilimali kwa wanaoanza, vifurushi vya Wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ni ukurasa unayotaka kuweka alama na kuangalia mara kwa mara tunapo badilisha maudhui kila mwezi.
Changamoto mpya imeongezwa, tafuta "Changamoto ya Wakala wa GitHub Copilot 🚀" katika sura nyingi. Hii ni changamoto mpya kwako kumaliza ukitumia GitHub Copilot na hali ya Wakala. Ikiwa hujawahi kutumia hali ya Wakala hapo awali ina uwezo wa si tu kuandika maandishi bali pia kuunda na kuhariri faili, kuendesha amri na zaidi.
Mradi mpya wa Msaidizi wa AI umeongezwa hivi karibuni, angalia mradi
Usikose mtaala wetu mpya wa AI ya Kizazi!
Tembelea https://aka.ms/genai-js-course kuanza!
- Masomo yanayogusa kila kitu kutoka mwanzo hadi RAG.
- Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mwenzaji.
- Hadithi ya kufurahisha na yenye mvuto, utasafiri kwa wakati!
Kila somo linajumuisha kazi ya kukamilisha, kipimo cha uelewa na changamoto ya kukuongoza katika mada kama:
- Kutoa maagizo na uhandisi wa maagizo
- Uundaji wa programu za maandishi na picha
- Programu za utafutaji
Tembelea https://aka.ms/genai-js-course kuanza!
Walimu, tumetoa mapendekezo kadhaa juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yako katika jukwaa letu la mijadala!
Wajifunza, kwa kila somo, anza kwa mtihani wa kabla ya somo na fuata kwa kusoma nyenzo za somo, kukamilisha shughuli mbalimbali na thibitisha uelewa wako kwa mtihani wa baada ya somo.
Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzako kufanya miradi pamoja! Mijadala inahimizwa katika jukwaa letu la mijadala ambapo timu yetu ya wasimamizi itakuwa tayari kujibu maswali yako.
Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza Microsoft Learn kwa nyenzo za ziada za kujifunzia.
Mtaala huu una mazingira ya maendeleo tayari kwa matumizi! Unapoanza unaweza kuchagua kuendesha mtaala huu katika Codespace (mazingira ya kivinjari, pasipo hitaji kufunga programu), au kwa kompyuta yako mwenyewe ukitumia mhariri wa maandishi kama Visual Studio Code.
Ili kuhifadhi kazi yako kwa urahisi, inashauriwa kutengeneza nakala yako ya hifadhi hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha Tumia kiolezo hiki juu ya ukurasa. Hii itaunda hifadhi mpya katika akaunti yako ya GitHub yenye nakala ya mtaala huu.
Fuata hatua hizi:
- Chimba Hifadhi: Bonyeza kitufe cha "Fork" juu-kulia wa ukurasa huu.
- Nakili Hifadhi:
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Katika nakala yako ya hifadhi uliyotengeneza, bonyeza kitufe cha Code na chagua Fungua na Codespaces. Hii itaunda Codespace mpya kwako kufanya kazi.
Ili kuendesha mtaala huu kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na zana ya amri. Somo letu la kwanza, Utangulizi wa Lugha za Programu na Zana za Biashara, litakuongoza kupitia chaguzi mbalimbali za kila chombo ili uchague kinachokufaa zaidi.
Tunapendekeza kutumia Visual Studio Code kama mhariri wako, ambao pia una Terminali iliyojengwa ndani. Unaweza kupakua Visual Studio Code hapa.
-
Nakili 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 uliyokuwa nayo:git clone <your-repository-url>
-
Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivi kwa kubonyeza File > Open Folder na kuchagua folda uliyokuwa umeikopa.
Mapendekezo ya nyongeza za Visual Studio Code:
- Live Server - kuangalia ukurasa wa HTML ndani ya Visual Studio Code
- Copilot - kusaidia kuandika msimbo kwa haraka
- sketchnote ya hiari
- video ya ziada ya hiari
- mtihani wa kuandaa kabla ya somo
- somo lililoandikwa
- kwa masomo ya mradi, mwongozo wa hatua kwa hatua wa jinsi ya kujenga mradi
- ukaguzi wa maarifa
- changamoto
- usomaji wa ziada
- kazi ya nyumbani
- mtihani wa baada ya somo
Kumbuka kuhusu mitihani: Mitihani yote iko katika folda ya Quiz-app, mitihani 48 jumla ya maswali matatu kila moja. Inapatikana hapa, programu ya mtihani inaweza kuendeshwa kwa ndani au kusambazwa kwenye Azure; fuata maagizo katika folda ya
quiz-app.
| Jina la Mradi | Dhana Zinazofundishwa | Malengo ya Kujifunza | Somo Linalohusiana | Mwandishi | |
|---|---|---|---|---|---|
| 01 | Kuanzisha | Utangulizi wa Uprogramu na Zana za Kazi | Jifunze 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, ikiwa ni pamoja na kufanya kazi na timu | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa chanzo | Utangulizi wa GitHub | Floor |
| 03 | Kuanzisha | Ufikivu | Jifunze misingi ya ufikivu wa wavuti | Misingi ya Ufikivu | 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 kwa JS | Jifunze jinsi ya kuunda masharti katika msimbo wako ukitumia mbinu za kufanya maamuzi | Kufanya Maamuzi | Jasmine |
| 07 | Misingi ya JS | Msururu na Mizunguko | Fanya kazi na data kupitia msururu na mizunguko katika JavaScript | Msururu na Mizunguko | Jasmine |
| 08 | Terrarium | HTML Katika Vitendo | Jenga HTML kuunda terrarium ya mtandaoni, ukizingatia kujenga mpangilio | Utangulizi wa HTML | Jen |
| 09 | Terrarium | CSS Katika Vitendo | Jenga CSS kuibeba terrarium ya mtandaoni, ukizingatia misingi ya CSS ikiwa ni pamoja na kuifanya ukurasa uwe responsive | Utangulizi wa CSS | Jen |
| 10 | Terrarium | Funguo za JavaScript, uendeshaji wa DOM | Tengeneza JavaScript ili kufanya terrarium ifanye kazi kama kiolesura cha buruta/acha, ukizingatia funguo na uendeshaji wa DOM | Funguo za JavaScript, uendeshaji wa DOM | Jen |
| 11 | Typing Game | Jenga Mchezo wa Kuandika | Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript | Uprogramu unaoendeshwa na Matukio | Christopher |
| 12 | Green Browser Extension | Kufanya kazi na Vivinjari | Jifunze jinsi vinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezi cha kivinjari | Kuhusu Vivinjari | Jen |
| 13 | Green Browser Extension | Kujenga fomu, kuita API na kuhifadhi vigezo kwenye hifadhi ya ndani | Tengeneza vipengele vya JavaScript vya kiendelezi chako cha kivinjari kuitumia API kwa kutumia vigezo vilivyosubiriwa katika hifadhi ya ndani | APIs, Fomu, na Hifadhi ya Ndani | Jen |
| 14 | Green Browser Extension | Mchakato wa nyuma katika kivinjari, utendaji wa wavuti | Tumia michakato ya kivinjari ya nyuma kusimamia ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya marekebisho ili kufanya | Kazi za Nyuma na Utendaji | Jen |
| 15 | Space Game | Maendeleo ya Juu zaidi ya Mchezo kwa JavaScript | Jifunze kuhusu Urithi ukitumia Madarasa na Muundo pamoja na mfano wa Pub/Sub, kama maandalizi ya kujenga mchezo | Utangulizi wa Maendeleo ya Mchezo Cha Juu | Chris |
| 16 | Space Game | Kuchora kwenye turubai | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini | Kuchora kwenye Canvas | Chris |
| 17 | Space Game | Kuweka vipengele kuzunguka kwenye skrini | Gundua jinsi vipengele vinaweza kupata mwendo kwa kutumia kuratibu za Cartesian na API ya Canvas | Kusogeza Vipengele Kizunguka | Chris |
| 18 | Space Game | Kugundua mgongano | Fanya vipengele kuwa na mgongano na kutoa athari kwa kila mmoja kwa kutumia kufungia vitufe na toa kazi ya kupumzika ili kuhakikisha utendaji wa mchezo | Ugunduzi wa Mgongano | Chris |
| 19 | Space Game | Kuhifadhi alama | Fanya hesabu za kijumla kulingana na hali na utendakazi wa mchezo | Kuhifadhi Alama | Chris |
| 20 | Space Game | Kumaliza na kuanzisha upya mchezo | Jifunze kuhusu kumaliza na kuanzisha upya mchezo, ikiwa ni pamoja na kusafisha mali na kuweka upya thamani za vigezo | Hali ya Kumaliza | Chris |
| 21 | Banking App | Violezo vya HTML na Njia katika App ya Wavuti | Jifunze jinsi ya kuunda muundo wa tovuti ya kurasa nyingi ukitumia uelekeaji na violezo vya HTML | Violezo vya HTML na Njia | Yohan |
| 22 | Banking App | Jenga Fomu ya Kuingia na Kusajili | Jifunze kuhusu ujenzi wa fomu na kushughulikia utambuzi | Fomu | Yohan |
| 23 | Banking App | Mbinu za Kupata na Kutumia Data | Jinsi data inavyopita ndani na nje ya app yako, jinsi ya kuipata, kuhifadhi na kuiondoa | Data | Yohan |
| 24 | Banking App | Dhana za Usimamizi wa Hali | Jifunze jinsi app yako inavyoshikilia hali na jinsi ya kuisimamia kitaalamu | 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 mwenye akili bandia | Mradi wa Msaidizi wa AI | Chris |
Mtaala wetu umeundwa kwa misingi miwili muhimu ya kielimu:
- kujifunza kwa mradi
- mitihani ya mara kwa mara
Programu hii inafundisha 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 kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium ya kidijitali, kiendelezi cha kivinjari chenye uangalifu wa mazingira, mchezo wa kawaida wa wavamizi wa anga, na app ya benki kwa biashara. Mwisho wa mfululizo, wanafunzi watakuwa na ufahamu imara wa maendeleo ya wavuti.
🎓 Unaweza kuchukua masomo machache ya kwanza katika mtaala huu kama Njia ya Kujifunza kwenye Microsoft Learn!
Kwa kuhakikisha kuwa maudhui yanaendana 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, yakiwa na video kutoka kwa mkusanyiko wa video wa "Mfululizo wa Waanzilishi kwa: JavaScript", baadhi ya waandishi wake walichangia mtaala huu.
Zaidi ya hayo, mtihani wa hali ya chini kabla ya darasa huweka nia ya mwanafunzi kuelekea kujifunza mada, wakati mtihani wa pili baada ya darasa huhakikisha uhifadhi zaidi. Mtaala huu uliundwa kuwa na ufanisi na furaha na unaweza kuchukuliwa kwa jumla au sehemu. Miradi inaanza ndogo na kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12.
Ingawa tumejaribu kuepuka kuanzisha mifumo ya JavaScript badala yake tunalenga ujuzi wa msingi unaohitajika kama msanifu wa wavuti kabla ya kutumia mfumo, hatua inayofuata bora ya kumaliza mtaala huu itakuwa kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "Mfululizo wa Waanzilishi kwa: Node.js".
Tembelea Kanuni zetu za Maadili na miongozo ya Michango. Tunakaribisha maoni yako yenye kujenga!
Unaweza kuendesha nyaraka hizi bila mtandao kwa kutumia Docsify. Kopia hifadhi hii, weka Docsify kwenye kompyuta yako ya karibu, kisha katika folda kuu ya hifadhi hii, andika docsify serve. Tovuti itakuwa ikihudumiwa kwenye bandari 3000 kwenye localhost yako: localhost:3000.
PDF ya masomo yote inaweza kupatikana hapa.
Timu yetu hutengeneza kozi zingine! Angalia:
-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA){kind=icon}
-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC){kind=icon}
-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9){kind=icon}
Kama unashindwa au una maswali yoyote 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 hushirikiwa kwa huru.
Kama una maoni juu ya bidhaa au makosa wakati wa kujenga tembelea:
Hifadhidata hii imelindwa chini ya leseni ya MIT. Angalia faili la LICENSE kwa maelezo zaidi.
Kidokezo cha Kutokujali:
Nyaraka hii imetafsiriwa kwa kutumia huduma ya utafsiri ya AI Co-op Translator. Ingawa tunajitahidi kuwa sahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au kasoro. Nyaraka asilia katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, utafsiri wa kitaalamu wa binadamu unashauriwa. Hatutawajibika kwa kutoelewana au tafsiri za makosa zitokanazo na matumizi ya tafsiri hii.