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
- **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
- **Praktické projekty**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor a AI Chat Assistant
- **Interaktivní kvízy**: 48 kvízů se 3 otázkami každý (hodnocení před a po lekci)
- **Interaktivní kvízy**: 48 kvízů s 3 otázkami každý (před/po lekci)
- **Podpora více jazyků**: Automatické překlady pro více než 50 jazyků pomocí GitHub Actions
- **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
- [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:
Pro podrobné instrukce k jednotlivým projektům viz README soubory v:
- `quiz-app/README.md` - Vue 3 kvízová aplikace
- `quiz-app/README.md` - Vue 3 aplikace kvízu
- `7-bank-project/README.md` - Bankovní aplikace s autentifikací
- `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 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
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Struktura monorepa
### 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á
- Každá lekce je samostatná
- Projekty nesdílí závislosti
- Projekty nesdílejí závislosti
- Pracujte na jednotlivých projektech, aniž byste ovlivnili ostatní
- Pracujte na jednotlivých projektech bez ovlivnění ostatních
- Pro plný kurz si naklonujte celý repozitář
- Pro plný zážitek klonujte celý repozitář kurikula
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vyloučení odpovědnosti**:
**Prohlášení o 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.
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
- `6-space-game/README.md` - Canvas alapú játékfejlesztés
- `9-chat-project/README.md` - AI chat asszisztens projekt
- `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:
Bár nem hagyományos monorepóról van szó, ez a tárhely több független projektet tartalmaz:
- Minden lecke önálló
- Minden lecke önálló egység
- Projektek nem osztoznak függőségeken
- A projektek nem osztanak meg függőségeket
- Egyedi projekteken dolgozhatsz anélkül, hogy a többit érintenéd
- Egyedi projekteken dolgozhatsz anélkül, hogy másokat befolyásolnál
- A teljes tantervi élményhez klónozd az egész tárat
- Teljes tananyag élményéhez klónozd az egész tárhelyet
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Felelősségkizárás**:
**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.
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
- **Maudhui ya Elimu**: Masomo 24 yaliyopangwa katika moduli za mradi
- **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
- **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
- **Mitozo ya Kuingiliana**: Mitozo 48 yenye maswali 3 kila mmoja (vipimo kabla/baada ya somo)
- **Mtihani wa Kuingiliana**: Maswali 48 yenye maswali 3 kila mmoja (vipimo kabla/baada ya somo)
- **Msaada wa Lugha Nyingi**: Tafsiri za kiotomatiki kwa lugha 50+ kupitia GitHub Actions
- **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
- Tumia VS Code na programu-jalizi ya Live Server kwa miradi ya HTML
- Sakinisha ugani za ESLint na Prettier kwa panga msimbo mzuri
- Sakinisha programu-jalizi za ESLint na Prettier kwa ulinganisho mzuri wa fomati
- Tumia DevTools za kivinjari kwa kufuatilia JavaScript
- Tumia DevTools za kivinjari kwa utambuzi wa makosa ya JavaScript
- Kwa miradi ya Vue, install ugani wa Vue DevTools wa kivinjari
- Kwa miradi ya Vue, sakinisha programu-jalizi ya Vue DevTools ya kivinjari
### Mambo ya Kufikiria Kuhusu Utendaji
### Mambo ya Kufikiria Kuhusu Utendaji
- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) husababisha nakala nzito
- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) inafanya kloni kamili kuwa kubwa
- Tumia shallow clone kama unafanya kazi tu na maudhui: `git clone --depth 1`
- Tumia shallow clone ikiwa unafanya kazi na maudhui pekee: `git clone --depth 1`
- Zuia tafsiri katika utafutaji unapotumia maudhui ya Kiingereza
- Epuka tafsiri katika utafutaji wakati wa kazi za Kiingereza
- Mchakato wa ujenzi unaweza kuwa polepole mara ya kwanza (npm install, ujenzi wa Vite)
- Michakato ya ujenzi inaweza kuchelewa mara ya kwanza (npm install, ujenzi wa Vite)
## Masuala ya Usalama
## Mambo ya Usalama
### Mabadiliko ya Mazingira
### Mabadiliko ya Mazingira
- Funguo za API hazipaswi kuwekwa hifadhidatani
- Funguo za API hazipaswi kuwekwa kwenye hazina
- Tumia faili za `.env` (siku hizi ziko`.gitignore`)
- Tumia faili `.env` (zimeorodheshwa tayari katika`.gitignore`)
- Elezea mabadiliko ya mazingira yanayohitajika kwenye README za miradi
- Elezea mabadiliko ya mazingira yanayohitajika katika README za miradi
### Miradi ya Python
### Miradi ya Python
- Tumia mazingira ya mtandao wa virtual: `python -m venv venv`
- Tumia mazingira ya virtual: `python -m venv venv`
- Sasisha tegemezi mara kwa mara
- Shikilia utegemezi umeboreshwa
- Tokeni za GitHub ziwe na idhini kidogo inayohitajika
- 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
- Tokeni za Ufikiaji wa Binafsi (PAT) zinahitajika kwa GitHub Models
- Tokens ziwekewe kama mabadiliko ya mazingira (environment variables)
- Tokeni zipo hifadhiwa kama mabadiliko ya mazingira
- Usiweze kuweka tokens au nyaraka za usalama hifadhidatani
- Kamwe usiweka tokeni au vitambulisho kwenye hazina
## Vidokezo Zaidi
## Vidokezo Zaidi
### Walengwa
### Hadhira Lengwa
- Wanaoanza kabisa katika maendeleo ya wavuti
- Waanzilishi kamili wa maendeleo ya wavuti
- Wanafunzi na wanaojifunza peke yao
- Wanafunzi na wanaojifunza peke yao
- Walimu wanaotumia mtaala darasani
- 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
### Falsafa ya Elimu
- Mbinu ya kujifunza kwa miradi
- Mbinu za kujifunza kwa mradi
- Ukaguzi wa mara kwa mara wa maarifa (mitihani)
- Vipimo vya mara kwa mara vya maarifa (quiz)
- Mazoezi ya msimbo ya vitendo
- Mazoezi ya msimbo kwa vitendo
- Mifano halisi ya utekelezaji
- Mifano ya matumizi halisi
- Lengo la msingi kabla ya majukwaa
- Kuzingatia misingi kabla ya fremu za kazi
### Matunzo ya Hifadhidata
### Matengenezo ya Hazina
- Jamii hai ya wanafunzi na wachangiaji
- Jamii yenye shughuli za wanafunzi na wachangiaji
- Sasisho la mara kwa mara kwa tegemezi na maudhui
- Sasisho za mara kwa mara vya utegemezi na maudhui
- Masuala na mijadala ikifuatiliwa na watunzaji
- Masuala na majadiliano yanasimamiwa na wasimamizi
- Sasisho za tafsiri kwa njia ya kiotomatiki kupitia GitHub Actions
- Sasisho za tafsiri za 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 Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inapendekezwa kwa wanaojifunza
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inapendekezwa kwa wanafunzi
- Kozi za ziada: AI ya Asili, Sayansi ya Takwimu, ML, na mtaala wa IoT zinapatikana
- Kozi za ziada: AI Inayotengeneza, Sayansi ya Data, ML, na mtaala wa IoT upo
### Kufanya Kazi na Miradi Maalum
### Kufanya Kazi na Miradi Maalum
Kwa maelekezo ya kina juu ya miradi binafsi, rejelea faili za README katika:
Kwa maelekezo ya undani kuhusu miradi binafsi, rejelea faili za README katika:
- `quiz-app/README.md` - Programu ya mtihani ya Vue 3
- `quiz-app/README.md` - Programu ya quiz 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` - Ukuaji wa kiongezi cha kivinjari
- `5-browser-extension/README.md` - Maendeleo ya kiongezi cha kivinjari
- `6-space-game/README.md` - Ukuaji wa mchezo wa Canvas
- `6-space-game/README.md` - Uundaji wa 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 huru mingi:
Ingawa si monorepo ya kawaida, hazina hii ina miradi huru mingi:
- Kila somo ni huru
- Kila somo ni huru
- Miradi haiungi mkono tegemezi zao
- Miradi haiwasiliani katika utegemezi
- Fanya kazi kwenye miradi binafsi bila kuathiri mingine
- 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 -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Kiarifu cha Kutokujali**:
**Tangazo la 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.
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]
6 months ago