Toto je vzdělávací repozitář pro výuku základů webového vývoje pro začátečníky. Kurikul je komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících 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. Kurikulumpředstavuje komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí pokrývajících JavaScript, CSS a HTML.
### Klíčové prvky
### 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, Hra ve vesmíru, Bankovní aplikace, Editor kódu a AI chatovací asistent
- **Interaktivní kvízy**: 48 kvízů se 3 otázkami každý (hodnocení před a po lekci)
- **Podpora více jazyků**: Automatické překlady pro více než 50 jazyků pomocí GitHub Actions
- **Praktické projekty**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor a AI Chat Assistant
- **Interaktivní kvízy**: 48 kvízů s 3 otázkami každý (před/po lekci)
- **Podpora více jazyků**: Automatické překlady do více než 50 jazyků pomocí GitHub Actions
- [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: Generative AI, Data Science, ML, IoT kurikula k dispozici
### Práce s konkrétními projekty
### Práce se specifickými projekty
Pro podrobné instrukce k jednotlivým projektům viz README soubory v:
- `quiz-app/README.md` - Vue 3 kvízová aplikace
- `7-bank-project/README.md` - Bankovní aplikace s autentifikací
- `quiz-app/README.md` - Vue 3 aplikace kvízu
- `7-bank-project/README.md` - Bankovní aplikace s autentizací
- `5-browser-extension/README.md` - Vývoj rozšíření prohlížeče
- `6-space-game/README.md` - Vývoj hry s využitím Canvas
- `6-space-game/README.md` - Vývoj hry na canvasu
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Struktura monorepa
I když se nejedná o tradiční monorepo, tento repozitář obsahuje více nezávislých projektů:
I když to není tradiční monorepo, tento repozitář obsahuje více nezávislých projektů:
- Každá lekce je samostatná
- Projekty nesdílí závislosti
- Pracujte na jednotlivých projektech, aniž byste ovlivnili ostatní
- Pro plný kurz si naklonujte celý repozitář
- Projekty nesdílejí závislosti
- Pracujte na jednotlivých projektech bez ovlivnění ostatních
- Pro plný zážitek klonujte celý repozitář kurikula
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vyloučení odpovědnosti**:
Tento dokument byl přeložen pomocí služby automatického překladu [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. Originální dokument v jeho původním jazyce by měl být považován za závazný zdroj. Pro důležité informace doporučujeme profesionální lidský překlad. Nejsme odpovědni za jakékoliv nedorozumění či nesprávné výklady 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 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 autoritativní zdroj. Pro kritické informace je doporučen profesionální lidský překlad. Nejsme odpovědní za jakákoliv nedorozumění nebo chybné interpretace vyplývající z použití tohoto překladu.
Ez egy oktatási tanterv-tár, amely a 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, 24 gyakorlati órával, amelyek JavaScript-et, CSS-t és HTML-t fednek le.
Ez egy oktatási tananyag-tár, amely a webfejlesztés alapjainak tanítására szolgál kezdők számára. A tananyag egy átfogó, 12 hetes kurzus, amelyet a Microsoft Cloud Advocates fejlesztett ki, és 24 gyakorlati leckét tartalmaz, amelyek JavaScript-et, CSS-t és HTML-t fednek le.
- `6-space-game/README.md` - Canvas alapú játékfejlesztés
- `9-chat-project/README.md` - AI chat asszisztens projekt
- `6-space-game/README.md` - Canvas alapú játékfejlesztés
- `9-chat-project/README.md` - AI csevegő asszisztens projekt
### Monorepo szerkezet
### Monorepo struktúra
Bár nem hagyományos monorepo, ez a tár több független projektet tartalmaz:
- Minden lecke önálló
- Projektek nem osztoznak függőségeken
- Egyedi projekteken dolgozhatsz anélkül, hogy a többit érintenéd
- A teljes tantervi élményhez klónozd az egész tárat
Bár nem hagyományos monorepóról van szó, ez a tárhely több független projektet tartalmaz:
- Minden lecke önálló egység
- A projektek nem osztanak meg függőségeket
- Egyedi projekteken dolgozhatsz anélkül, hogy másokat befolyásolnál
- Teljes tananyag élményéhez klónozd az egész tárhelyet
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Felelősségkizárás**:
Ezt a dokumentumot a [Co-op Translator](https://github.com/Azure/co-op-translator) mesterséges intelligencia fordító szolgáltatás segítségével fordítottuk le. Bár az pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hivatalos forrásnak. Kritikus információk esetén szakmai emberi fordítást javaslunk. Nem vállalunk felelősséget az ebből a fordításból eredő félreértésekért vagy félreértelmezésekért.
**Felelősségkizárás**:
Ez a dokumentum az [Co-op Translator](https://github.com/Azure/co-op-translator) AI fordító szolgáltatás segítségével készült. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az anyanyelvén tekintendő hivatalos forrásnak. Kritikus információk esetén professzionális emberi fordítást javasolt igénybe venni. Nem vállalunk felelősséget semmilyen félreértésért vagy helytelen értelmezésért, amely ebből a fordításból adódik.
Hii ni hifadhidata ya mtaala wa kielimu kwa kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala huu ni kozi kamili ya wiki 12 iliyotengenezwa na Wakili wa Microsoft Cloud, ikiwa na masomo 24 ya vitendo yanayohusisha JavaScript, CSS, na HTML.
Huu ni hazina ya mtaala wa elimu kwa kufundisha misingi ya maendeleo ya wavuti kwa wanaoanza. Mtaala huu ni kozi kamili ya wiki 12 iliyotengenezwa na Wataalamu wa Microsoft Cloud, ikijumuisha masomo 24 ya vitendo kuhusu JavaScript, CSS, na HTML.
### Sehemu Muhimu
### Vipengele Vikuu
- **Maudhui ya Kielimu**: Masomo 24 yaliyopangwa katika moduli za miradi
- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kutaipa, Kiongezi cha Kivinjari, Mchezo wa Anga, Programu ya Benki, Mhariri wa Msimbo, na Msaidizi wa Mazungumzo wa AI
- **Mitozo ya Kuingiliana**: Mitozo 48 yenye maswali 3 kila mmoja (vipimo kabla/baada ya somo)
- **Msaada wa Lugha Nyingi**: Tafsiri za kiotomatiki kwa lugha 50+ kupitia GitHub Actions
- **Maudhui ya Elimu**: Masomo 24 yaliyopangwa katika moduli za mradi
- **Miradi ya Vitendo**: Terrarium, Mchezo wa Kuandika, Kiongezi cha Kivinjari, Mchezo wa Anga, Programu ya Benki, Mhariri wa Msimbo, na Msaidizi wa Mazungumzo wa AI
- **Mtihani wa Kuingiliana**: Maswali 48 yenye maswali 3 kila mmoja (vipimo kabla/baada ya somo)
- **Msaada wa Lugha Nyingi**: Tafsiri za moja kwa moja kwa lugha 50+ kupitia GitHub Actions
- Tumia VS Code na ugani wa Live Server kwa miradi ya HTML
- Sakinisha ugani za ESLint na Prettier kwa panga msimbo mzuri
- Tumia DevTools za kivinjari kwa kufuatilia JavaScript
- Kwa miradi ya Vue, install ugani wa Vue DevTools wa kivinjari
- Tumia VS Code na programu-jalizi ya Live Server kwa miradi ya HTML
- Sakinisha programu-jalizi za ESLint na Prettier kwa ulinganisho mzuri wa fomati
- Tumia DevTools za kivinjari kwa utambuzi wa makosa ya JavaScript
- Kwa miradi ya Vue, sakinisha programu-jalizi ya Vue DevTools ya kivinjari
### Mambo ya Kufikiria Kuhusu Utendaji
- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) husababisha nakala nzito
- Tumia shallow clone kama unafanya kazi tu na maudhui: `git clone --depth 1`
- Zuia tafsiri katika utafutaji unapotumia maudhui ya Kiingereza
- Mchakato wa ujenzi unaweza kuwa polepole mara ya kwanza (npm install, ujenzi wa Vite)
- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) inafanya kloni kamili kuwa kubwa
- Tumia shallow clone ikiwa unafanya kazi na maudhui pekee: `git clone --depth 1`
- Epuka tafsiri katika utafutaji wakati wa kazi za Kiingereza
- Michakato ya ujenzi inaweza kuchelewa mara ya kwanza (npm install, ujenzi wa Vite)
## Masuala ya Usalama
## Mambo ya Usalama
### Mabadiliko ya Mazingira
- Funguo za API hazipaswi kuwekwa hifadhidatani
- Tumia faili za `.env` (siku hizi ziko`.gitignore`)
- Elezea mabadiliko ya mazingira yanayohitajika kwenye README za miradi
- Funguo za API hazipaswi kuwekwa kwenye hazina
- Tumia faili `.env` (zimeorodheshwa tayari katika`.gitignore`)
- Elezea mabadiliko ya mazingira yanayohitajika katika README za miradi
### Miradi ya Python
- Tumia mazingira ya mtandao wa virtual: `python -m venv venv`
- Sasisha tegemezi mara kwa mara
- Tokeni za GitHub ziwe na idhini kidogo inayohitajika
- Tumia mazingira ya virtual: `python -m venv venv`
- Shikilia utegemezi umeboreshwa
- Tokeni za GitHub ziwe na ruhusa ndogo zinazohitajika pekee
### Upatikanaji wa GitHub Models
### Ufikiaji wa GitHub Models
- Tokens za Upatikanaji wa Kibinafsi (PAT) zinahitajika kwa GitHub Models
- Tokens ziwekewe kama mabadiliko ya mazingira (environment variables)
- Usiweze kuweka tokens au nyaraka za usalama hifadhidatani
- Tokeni za Ufikiaji wa Binafsi (PAT) zinahitajika kwa GitHub Models
- Tokeni zipo hifadhiwa kama mabadiliko ya mazingira
- Kamwe usiweka tokeni au vitambulisho kwenye hazina
## Vidokezo Zaidi
### Walengwa
### Hadhira Lengwa
- Wanaoanza kabisa katika maendeleo ya wavuti
- Waanzilishi kamili wa maendeleo ya wavuti
- Wanafunzi na wanaojifunza peke yao
- Walimu wanaotumia mtaala darasani
- Maudhui yameundwa kwa upatikanaji na uelekezaji wa hatua kwa hatua
- Maudhui yameundwa kwa upatikanaji na ukuaji wa ujuzi polepole
### Falsafa ya Elimu
- Mbinu ya kujifunza kwa miradi
- Ukaguzi wa mara kwa mara wa maarifa (mitihani)
- Mazoezi ya msimbo ya vitendo
- Mifano halisi ya utekelezaji
- Lengo la msingi kabla ya majukwaa
- Mbinu za kujifunza kwa mradi
- Vipimo vya mara kwa mara vya maarifa (quiz)
- Mazoezi ya msimbo kwa vitendo
- Mifano ya matumizi halisi
- Kuzingatia misingi kabla ya fremu za kazi
### Matunzo ya Hifadhidata
### Matengenezo ya Hazina
- Jamii hai ya wanafunzi na wachangiaji
- Sasisho la mara kwa mara kwa tegemezi na maudhui
- Masuala na mijadala ikifuatiliwa na watunzaji
- Sasisho za tafsiri kwa njia ya kiotomatiki kupitia GitHub Actions
- Jamii yenye shughuli za wanafunzi na wachangiaji
- Sasisho za mara kwa mara vya utegemezi na maudhui
- Masuala na majadiliano yanasimamiwa na wasimamizi
- Sasisho za tafsiri za 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/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inapendekezwa kwa wanaojifunza
- Kozi za ziada: AI ya Asili, Sayansi ya Takwimu, ML, na mtaala wa IoT zinapatikana
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inapendekezwa kwa wanafunzi
- Kozi za ziada: AI Inayotengeneza, Sayansi ya Data, ML, na mtaala wa IoT upo
### Kufanya Kazi na Miradi Maalum
Kwa maelekezo ya kina juu ya miradi binafsi, rejelea faili za README katika:
- `quiz-app/README.md` - Programu ya mtihani ya Vue 3
Kwa maelekezo ya undani kuhusu miradi binafsi, rejelea faili za README katika:
- `quiz-app/README.md` - Programu ya quiz ya Vue 3
- `7-bank-project/README.md` - Programu ya benki yenye uthibitishaji
- `5-browser-extension/README.md` - Ukuaji wa kiongezi cha kivinjari
- `6-space-game/README.md` - Ukuaji wa mchezo wa Canvas
- `5-browser-extension/README.md` - Maendeleo ya kiongezi cha kivinjari
- `6-space-game/README.md` - Uundaji wa 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 huru mingi:
Ingawa si monorepo ya kawaida, hazina hii ina miradi huru mingi:
- Kila somo ni huru
- Miradi haiungi mkono tegemezi zao
- Miradi haiwasiliani katika utegemezi
- Fanya kazi kwenye miradi binafsi bila kuathiri mingine
- Nakili hifadhidata yote kwa uzoefu kamili wa mtaala
- Clone hazina nzima kwa uzoefu wa mtaala kamili
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Kiarifu cha Kutokujali**:
Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali kumbuka kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au upungufu wa usahihi. Hati ya asili katika lugha yake ya mama inapaswa kuchukuliwa kama chanzo halali. Kwa taarifa muhimu, tafsiri ya mtaalamu wa kibinadamu inapendekezwa. Hatutawajibika kwa changamoto au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii.
**Tangazo la kutokujali**:
Nyaraka hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kwa usahihi, tafadhali fahamu kwamba tafsiri za kiotomatiki zinaweza kuwa na makosa au utata. Nyaraka ya asili kwa lugha yake ya asili inapaswa kuzingatiwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatuwajibiki kwa kutoelewana au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii.
localizeflow[bot]
3 months ago