Toto je vzdělávací repozitář kurikula pro výuku základů webového vývoje pro začátečníky. Kurikulum je komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí zaměřených na JavaScript, CSS a HTML.
Toto je vzdělávací repozitář kurikula pro výuku základů webového vývoje pro začátečníky. Kurikulum je komplexní 12týdenní kurz vyvinutý týmem Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících JavaScript, CSS a HTML.
### Klíčové součásti
### Klíčové komponenty
- **Vzdělávací obsah**: 24 strukturovaných lekcí organizovaných do modulů založených na projektech
- **Praktické projekty**: Terrárium, Hra na psaní, Rozšíření prohlížeče, Vesmírná hra, Bankovní aplikace, Kódový editor a AI Chat asistent
- **Interaktivní kvízy**: 48 kvízů s 3 otázkami každého (před a po lekci)
- **Podpora vícejazyčnosti**: Automatizované překlady do více než 50 jazyků pomocí GitHub Actions
- **Vzdělávací obsah**: 24 strukturovaných lekcí uspořádaných do modulů založených na projektech
- **Praktické projekty**: Terrárium, Hra na psaní, Prodlžek prohlížeče, Hra ve vesmíru, Bankovní aplikace, Kódový editor a AI chatovací asistent
- **Interaktivní kvízy**: 48 kvízů po 3 otázkách (testy před a po lekci)
- **Podpora více jazyků**: Automatizované překlady do více než 50 jazyků pomocí GitHub Actions
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) doporučeno pro studenty
- Další kurzy: Generativní AI, Data Science, ML, IoT kurikula dostupná
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) doporučen pro studenty
- Další kurzy: Generativní AI, Data Science, ML, IoT dostupné kurikula
### Práce s konkrétními projekty
Pro detailní instrukce k jednotlivým projektům odkazujte na README soubory v:
Pro detailní instrukce u jednotlivých projektů nahlédněte do README souborů:
- `quiz-app/README.md` - Vue 3 aplikace kvízu
- `7-bank-project/README.md` - Bankovní aplikace s ověřováním
- `5-browser-extension/README.md` - Vývoj rozšíření prohlížeče
- `6-space-game/README.md` - Vývoj hry založené na canvasu
- `7-bank-project/README.md` - Bankovní aplikace s autentizací
- `5-browser-extension/README.md` - Vývoj prodlužků prohlížeče
- `6-space-game/README.md` - Vývoj hry na canvasu
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Struktura monorepa
I když nejde o tradiční monorepo, tento repozitář obsahuje více nezávislých projektů:
I když nejde o tradiční monorepo, tento repozitář obsahuje několik nezávislých projektů:
- Každá lekce je samostatná
- Projekty nesdílí závislosti
- Práce na jednotlivých projektech bez ovlivnění ostatních
- Klonujte celý repozitář pro plný zážitek z kurikula
- Práce na jednotlivých projektech neovlivňuje ostatní
- Naklonujte celý repozitář pro plný zážitek kurikula
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Upozornění**:
Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho mateřském jazyce by měl být považován za autorizovaný zdroj. Pro zásadní informace se doporučuje profesionální lidský překlad. Nejsme odpovědni za žádné nedorozumění či chybné interpretace vyplývající z použití tohoto překladu.
**Prohlášení o vyloučení odpovědnosti**:
Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). I když usilujeme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho rodném jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Nejsme zodpovědní za jakákoliv nedorozumění nebo nesprávné výklady vyplývající z použití tohoto překladu.
Ez egy oktatási tananyag tárhely, amely kezdők számára tanítja a webfejlesztés alapjait. A tananyag egy átfogó 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, és 24 gyakorlati leckét tartalmaz JavaScript, CSS és HTML témakörökben.
Ez egy oktatási tanterv-tárhely, amely kezdők számára tanítja a webfejlesztés alapjait. A tanterv egy átfogó, 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, és 24 gyakorlati leckét tartalmaz, amelyek JavaScriptet, CSS-t és HTML-t fednek le.
- `6-space-game/README.md` - Vászon alapú játék fejlesztés
- `9-chat-project/README.md` - AI chat asszisztens projekt
### Monorepo szerkezet
### Monorepo struktúra
Habár nem egy hagyományos monorepo, ez a tárhely több önálló projektet tartalmaz:
- Minden lecke önállóan működik
- A projektek nem osztanak meg függőségeket
- Az egyes projekteken önállóan dolgozhatsz befolyás nélkül a többire
- A teljes tananyag élményért klónozd a teljes tárhelyet
Habár nem hagyományos monorepo, ez a tárhely több önálló projektet tartalmaz:
- Minden lecke önálló
- Projektek nem osztanak meg függőségeket
- Egyedi projektek fejlesztése anélkül, hogy másokat befolyásolnánk
- Teljes tanterv élményéhez a teljes tárhely klónozása ajánlott
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Felelősség kizárása**:
Ez a dokumentum az AI fordító szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével készült. Bár az pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítás hibákat vagy pontatlanságokat tartalmazhat. Az eredeti dokumentum a saját nyelvén tekintendő hiteles forrásnak. Kritikus információk esetén professzionális emberi fordítást javaslunk. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy téves értelmezésekért.
**Nyilatkozat**:
Ez a dokumentum az AI fordítási szolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével készült. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hiteles forrásnak. Kritikus információk esetén javasolt a professzionális emberi fordítás. Nem vállalunk felelősséget ezen fordítás használatából eredő félreértésekért vagy félreértelmezésekért.
Huu ni hifadhidata ya mtaala wa elimu kwa kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala ni kozi kamili ya wiki 12 iliyotengenezwa na Microsoft Cloud Advocates, ikijumuisha masomo 24 ya vitendo kuhusu JavaScript, CSS, na HTML.
Huu ni hazina ya mtaala wa elimu kwa ajili ya kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala ni kozi kamili ya wiki 12 iliyotengenezwa na Microsoft Cloud Advocates, ikiwa na masomo 24 ya vitendo yanayohusu JavaScript, CSS, na HTML.
### Vipengele Muhimu
- **Maudhui ya Elimu**: Masomo 24 yaliyopangiliwa kwa muundo wa moduli zinazotegemea miradi
- **Miradi ya Vitendo**: Terrarium, Mchezo wa Uandikaji, Kiongezi cha Kivinjari, Mchezo wa Anga, App ya Benki, Mhariri wa Nambari, na Msaidizi wa Mazungumzo wa AI
- **Mitihani ya Kuingiliana**: Mitihani 48 yenye maswali 3 kila moja (mapema/kwa baada ya somo)
- **Usaidi wa Lugha Nyingi**: Tafsiri za moja kwa moja kwa lugha zaidi ya 50 kupitia GitHub Actions
- **Yaliyomo ya Elimu**: Masomo 24 yaliyopangwa kwa muundo wa moduli za miradi
- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kuandika, Upanuzi wa Kivinjari, Mchezo wa Anga, Programu ya Benki, Mhariri wa Msimbo, na Msaidizi wa AI wa Mazungumzo
- **Maswali Shindani Ya Kihusianisho**: Maswali 48 kila moja ikiwa na maswali 3 (majaribio kabla/baada ya somo)
- **Msaada wa Lugha Nyingi**: Tafsiri za moja kwa moja za lugha zaidi ya 50 kupitia GitHub Actions
- Tumia VS Code na ugani wa Live Server kwa miradi ya HTML
- Sakinisha ugani za ESLint na Prettier kwa uundaji thabiti
- Tumia DevTools za kivinjari kutatua matatizo ya JavaScript
- Kwa miradi ya Vue, sakinisha Vue DevTools ugani wa kivinjari
- Tumia VS Code na upanuzi wa Live Server kwa miradi ya HTML
- Sakinisha upanuzi za ESLint na Prettier kwa mtindo thabiti
- Tumia DevTools wa kivinjari kwa kupata na kutatua makosa ya JavaScript
- Kwa miradi ya Vue, sakinisha upanuzi wa Vue DevTools kivinjari
### Masharti ya Utendaji
### Mambo ya Kujali Kuhusu Utendaji
- Idadi kubwa ya faili zilizotafsiriwa (zaidi ya 50) inasababisha vane kubwa kwa clone kamili
- Tumia shallow clone wakati unafanya kazi tu na maudhui: `git clone --depth 1`
- Epuka tafsiri wakati wa kufanya kazi na maudhui ya Kiingereza
- Mchakato wa ujenzi unaweza kuwa polepole kwa mara ya kwanza (npm install, ujenzi wa Vite)
- Idadi kubwa ya faili za tafsiri (za lugha 50+) huongeza ukubwa wa nakala kamili
- Tumia nakala ya chini (shallow) ikiwa unafanya kazi tu kwa yaliyomo: `git clone --depth 1`
- Epuka tafutiza za tafsiri wakati unafanya kazi na yaliyomo ya Kiingereza
- Mienendo ya ujenzi inaweza kuwa polepole mwanzoni (npm install, ujenzi wa Vite)
## Mambo ya Usalama
## Masuala ya Usalama
### Mabadiliko ya Mazingira
- Funguo za API hazipaswi kung’olewa hifadhidatani
- Tumia faili za `.env` (zipo tayari katika `.gitignore`)
- Andika mabadiliko ya mazingira yanayohitajika katika README za miradi
- Funguo za API hazipaswi kuwekwa moja kwa moja katika hazina
- Tumia faili za `.env` (zipo katika `.gitignore`)
- Elezea mabadiliko ya mazingira yanayohitajika katika README za miradi
### Miradi ya Python
- Tumia mazingira ya virtual: `python -m venv venv`
- Dumisha dependencies zikisasishwa
- Tokens za GitHub zisiwe na ruhusa zaidi ya zisizohitajika
- Tumia mazingira ya pekee: `python -m venv venv`
- Sasisha utegemezi mara kwa mara
- Tokeni za GitHub zinapaswa kuwa na vibali vidogo vinavyotakiwa tu
### Ufikiaji wa GitHub Models
- Tokens za Ufikiaji Binafsi (PAT) zinahitajika kwa GitHub Models
- Tokens zihifadhiwe kama mabadiliko ya mazingira
- Kamwe usiweke tokens au nyaraka za usalama hifadhidatani
- Mipangilio ya Ufikiaji wa Kibinafsi (PAT) inahitajika kwa GitHub Models
- Tokeni ziwe katika mabadiliko ya mazingira
- Kamwe usiweka tokeni au nyaraka katika hazina
## Vidokezo Zaidi
### Hadhira Lengwa
- Waanzilishi kabisa wa maendeleo ya wavuti
- Wanafunzi na wanaojifunza peke yao
- Walimu wanaotumia mtaala katika madarasa
- Maudhui yamebuniwa kwa upatikanaji na kujenga ujuzi polepole
- Wananchi wapya kabisa katika maendeleo ya wavuti
- Wanafunzi na waelimishaji wa kujifunza peke yao
- Walimu wanaotumia mtaala darasani
- Yaliyomo yamebuniwa kwa kupatikana na kukuza hatua kwa hatua ujuzi
### Falsafa ya Elimu
- Mbinu ya kujifunza kwa mradi
- Vipimo vya mara kwa mara vya maarifa (quiz)
- Mazoezi ya kuandika msimbo kwa mikono
- Mifano ya matumizi halisi
- Kuzingatia misingi kabla ya mifumo ya kazi
- Mbinu ya kujifunza kwa miradi
- Ukaguzi wa mara kwa mara wa maarifa (maswali)
- Mazoezi ya kuandika msimbo kwa vitendo
- Mifano ya matumizi halisi ya dunia ya kweli
- Kuzingatia misingi kabla ya mifumo ngumu
### Matunzo ya Hifadhidata
### Matengenezo ya Hazina
- Jamii hai ya wanafunzi na wachangiaji
- Sasisho za mara kwa mara kwa tegemezi na maudhui
- Masuala na majadiliano yanatiliwa mkazo na watunza
- Sasisho za tafsiri kwa njia ya otomatiki kupitia GitHub Actions
- Jamii hai ya wanafunzi na wasaidizi
- Sasisho za mara kwa mara za utegemezi na yaliyomo
- Masuala na majadiliano yanatazamwa na watunzaji
- Sasisho za tafsiri zimepangwa moja kwa moja kupitia GitHub Actions
### Rasilimali Zinazohusiana
- [Moduli za Microsoft Learn](https://docs.microsoft.com/learn/)
- [Rasilimali za Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [Rasilimali za Kitovu cha Mwanafunzi](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inashauriwa kwa wanafunzi
- Kozi za ziada: AI ya kizazi, Sayansi ya Data, ML, IoT zinapatikana
- Kozi zingine: AI ya kuzalisha, Sayansi ya Data, ML, na mtaala wa IoT zinapatikana
### Kufanya Kazi na Miradi Maalum
### Kufanya kazi na Miradi Mahususi
Kwa maelekezo ya kina ya miradi binafsi, rejelea mafaili ya README katika:
- `quiz-app/README.md` - Programu ya kucheza quiz ya Vue 3
Kwa maelekezo ya kina juu ya miradi binafsi, rejea faili za README katika:
- `quiz-app/README.md` - Programu ya mtihani ya Vue 3
- `7-bank-project/README.md` - Programu ya benki yenye uthibitishaji
- `5-browser-extension/README.md` - Maendeleo ya kiongezi cha kivinjari
- `5-browser-extension/README.md` - Maendeleo ya upanuzi wa kivinjari
- `6-space-game/README.md` - Maendeleo ya mchezo wa Canvas
- `9-chat-project/README.md` - Mradi wa msaidizi wa mazungumzo wa AI
### Muundo wa Monorepo
Ingawa si monorepo ya kawaida, hifadhidata hii ina miradi kadhaa huru:
- Kila somo ni tegemezi la pekee
- Miradi haishiriki tegemezi
Ingawa sio monorepo ya kawaida, hazina hii ina miradi huru mingi:
- Kila somo limejitegemea
- Miradi haishiriki utegemezi
- Fanya kazi kwenye miradi binafsi bila kuathiri mingine
- Dondoa hifadhidata nzima kwa uzoefu kamili wa mtaala
- Nakili hazina nzima kwa uzoefu kamili wa mtaala
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Angalizo**:
Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Wakati tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au upungufu katika usahihi. Hati ya asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo chenye mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatuwajibiki kwa mkanganyiko wowote au kutoelewana kunakotokana na matumizi ya tafsiri hii.
**Kinyang'anyiro**:
Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Wakati tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za kiotomati zinaweza kuwa na makosa au upotoshaji. Hati ya asili katika lugha yake ya asili inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya mtaalamu wa binadamu inapendekezwa. Hatubeba jukumu la kutokea kwa kutoelewana au tafsiri potofu kutokana na matumizi ya tafsiri hii.
localizeflow[bot]
4 weeks ago