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
- **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í, Rozšíření prohlížeče, Vesmírná hra, Bankovní aplikace, Kódový editor a AI Chat asistent
- **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ů s 3 otázkami každého (před a po lekci)
- **Interaktivní kvízy**: 48 kvízů po 3 otázkách (testy před a po lekci)
- **Podpora vícejazyčnosti**: Automatizované překlady do více než 50 jazyků pomocí GitHub Actions
- **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
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) doporučen pro studenty
- Další kurzy: Generativní AI, Data Science, ML, IoT kurikula dostupná
- Další kurzy: Generativní AI, Data Science, ML, IoT dostupné kurikula
### Práce s konkrétními projekty
### 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
- `quiz-app/README.md` - Vue 3 aplikace kvízu
- `7-bank-project/README.md` - Bankovní aplikace s ověřováním
- `7-bank-project/README.md` - Bankovní aplikace s autentizací
- `5-browser-extension/README.md` - Vývoj rozšíření prohlížeče
- `5-browser-extension/README.md` - Vývoj prodlužků prohlížeče
- `6-space-game/README.md` - Vývoj hry založené na canvasu
- `6-space-game/README.md` - Vývoj hry na canvasu
- `9-chat-project/README.md` - Projekt AI chat asistenta
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Struktura monorepa
### 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á
- Každá lekce je samostatná
- Projekty nesdílí závislosti
- Projekty nesdílí závislosti
- Práce na jednotlivých projektech bez ovlivnění ostatních
- Práce na jednotlivých projektech neovlivňuje ostatní
- Klonujte celý repozitář pro plný zážitek z kurikula
- Naklonujte celý repozitář pro plný zážitek kurikula
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Upozornění**:
**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 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.
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` - Canvas alapú játék fejlesztés
- `6-space-game/README.md` - Vászon alapú játék fejlesztés
- `9-chat-project/README.md` - AI chat asszisztens projekt
- `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:
Habár nem hagyományos monorepo, ez a tárhely több önálló projektet tartalmaz:
- Minden lecke önállóan működik
- Minden lecke önálló
- A projektek nem osztanak meg függőségeket
- Projektek nem osztanak meg függőségeket
- Az egyes projekteken önállóan dolgozhatsz befolyás nélkül a többire
- Egyedi projektek fejlesztése anélkül, hogy másokat befolyásolnánk
- A teljes tananyag élményért klónozd a teljes tárhelyet
- Teljes tanterv élményéhez a teljes tárhely klónozása ajánlott
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Felelősség kizárása**:
**Nyilatkozat**:
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.
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
### Vipengele Muhimu
- **Maudhui ya Elimu**: Masomo 24 yaliyopangiliwa kwa muundo wa moduli zinazotegemea miradi
- **Yaliyomo ya Elimu**: Masomo 24 yaliyopangwa kwa muundo wa moduli za 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
- **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
- **Mitihani ya Kuingiliana**: Mitihani 48 yenye maswali 3 kila moja (mapema/kwa baada ya somo)
- **Maswali Shindani Ya Kihusianisho**: Maswali 48 kila moja ikiwa na maswali 3 (majaribio kabla/baada ya somo)
- **Usaidi wa Lugha Nyingi**: Tafsiri za moja kwa moja kwa lugha zaidi ya 50 kupitia GitHub Actions
- **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
- Tumia VS Code na upanuzi wa Live Server kwa miradi ya HTML
- Sakinisha ugani za ESLint na Prettier kwa uundaji thabiti
- Sakinisha upanuzi za ESLint na Prettier kwa mtindo thabiti
- Tumia DevTools za kivinjari kutatua matatizo ya JavaScript
- Tumia DevTools wa kivinjari kwa kupata na kutatua makosa ya JavaScript
- Kwa miradi ya Vue, sakinisha Vue DevTools ugani wa kivinjari
- 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
- Idadi kubwa ya faili za tafsiri (za lugha 50+) huongeza ukubwa wa nakala kamili
- Tumia shallow clone wakati unafanya kazi tu na maudhui: `git clone --depth 1`
- Tumia nakala ya chini (shallow) ikiwa unafanya kazi tu kwa yaliyomo: `git clone --depth 1`
- Epuka tafsiri wakati wa kufanya kazi na maudhui ya Kiingereza
- Epuka tafutiza za tafsiri wakati unafanya kazi na yaliyomo ya Kiingereza
- Mchakato wa ujenzi unaweza kuwa polepole kwa mara ya kwanza (npm install, ujenzi wa Vite)
- Mienendo ya ujenzi inaweza kuwa polepole mwanzoni (npm install, ujenzi wa Vite)
## Mambo ya Usalama
## Masuala ya Usalama
### Mabadiliko ya Mazingira
### Mabadiliko ya Mazingira
- Funguo za API hazipaswi kung’olewa hifadhidatani
- Funguo za API hazipaswi kuwekwa moja kwa moja katika hazina
- Tumia faili za `.env` (zipo tayari katika `.gitignore`)
- Tumia faili za `.env` (zipo katika `.gitignore`)
- Andika mabadiliko ya mazingira yanayohitajika katika README za miradi
- Elezea mabadiliko ya mazingira yanayohitajika katika README za miradi
### Miradi ya Python
### Miradi ya Python
- Tumia mazingira ya virtual: `python -m venv venv`
- Tumia mazingira ya pekee: `python -m venv venv`
- Dumisha dependencies zikisasishwa
- Sasisha utegemezi mara kwa mara
- Tokens za GitHub zisiwe na ruhusa zaidi ya zisizohitajika
- Tokeni za GitHub zinapaswa kuwa na vibali vidogo vinavyotakiwa tu
### Ufikiaji wa GitHub Models
### Ufikiaji wa GitHub Models
- Tokens za Ufikiaji Binafsi (PAT) zinahitajika kwa GitHub Models
- Mipangilio ya Ufikiaji wa Kibinafsi (PAT) inahitajika kwa GitHub Models
- Tokens zihifadhiwe kama mabadiliko ya mazingira
- Tokeni ziwe katika mabadiliko ya mazingira
- Kamwe usiweke tokens au nyaraka za usalama hifadhidatani
- Kamwe usiweka tokeni au nyaraka katika hazina
## Vidokezo Zaidi
## Vidokezo Zaidi
### Hadhira Lengwa
### Hadhira Lengwa
- Waanzilishi kabisa wa maendeleo ya wavuti
- Wananchi wapya kabisa katika maendeleo ya wavuti
- Wanafunzi na wanaojifunza peke yao
- Wanafunzi na waelimishaji wa kujifunza peke yao
- Walimu wanaotumia mtaala katika madarasa
- Walimu wanaotumia mtaala darasani
- Maudhui yamebuniwa kwa upatikanaji na kujenga ujuzi polepole
- Yaliyomo yamebuniwa kwa kupatikana na kukuza hatua kwa hatua ujuzi
### Falsafa ya Elimu
### Falsafa ya Elimu
- Mbinu ya kujifunza kwa mradi
- Mbinu ya kujifunza kwa miradi
- Vipimo vya mara kwa mara vya maarifa (quiz)
- Ukaguzi wa mara kwa mara wa maarifa (maswali)
- Mazoezi ya kuandika msimbo kwa mikono
- Mazoezi ya kuandika msimbo kwa vitendo
- Mifano ya matumizi halisi
- Mifano ya matumizi halisi ya dunia ya kweli
- Kuzingatia misingi kabla ya mifumo ya kazi
- Kuzingatia misingi kabla ya mifumo ngumu
### Matunzo ya Hifadhidata
### Matengenezo ya Hazina
- Jamii hai ya wanafunzi na wachangiaji
- Jamii hai ya wanafunzi na wasaidizi
- Sasisho za mara kwa mara kwa tegemezi na maudhui
- Sasisho za mara kwa mara za utegemezi na yaliyomo
- Masuala na majadiliano yanatiliwa mkazo na watunza
- Masuala na majadiliano yanatazamwa na watunzaji
- Sasisho za tafsiri kwa njia ya otomatiki kupitia GitHub Actions
- Sasisho za tafsiri zimepangwa moja kwa moja kupitia GitHub Actions
### Rasilimali Zinazohusiana
### Rasilimali Zinazohusiana
- [Moduli za Microsoft Learn](https://docs.microsoft.com/learn/)
- [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
- [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:
Kwa maelekezo ya kina juu ya miradi binafsi, rejea faili za README katika:
- `quiz-app/README.md` - Programu ya kucheza quiz ya Vue 3
- `quiz-app/README.md` - Programu ya mtihani ya Vue 3
- `7-bank-project/README.md` - Programu ya benki yenye uthibitishaji
- `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
- `6-space-game/README.md` - Maendeleo ya mchezo wa Canvas
- `9-chat-project/README.md` - Mradi wa msaidizi wa mazungumzo wa AI
- `9-chat-project/README.md` - Mradi wa msaidizi wa mazungumzo wa AI
### Muundo wa Monorepo
### Muundo wa Monorepo
Ingawa si monorepo ya kawaida, hifadhidata hii ina miradi kadhaa huru:
Ingawa sio monorepo ya kawaida, hazina hii ina miradi huru mingi:
- Kila somo ni tegemezi la pekee
- Kila somo limejitegemea
- Miradi haishiriki tegemezi
- Miradi haishiriki utegemezi
- Fanya kazi kwenye miradi binafsi bila kuathiri mingine
- 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 -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Angalizo**:
**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 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.
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]
5 months ago