msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

chore(i18n): sync translations with latest source changes (chunk 1/1, 9 changes)

Browse Source
pull/1781/head
localizeflow[bot] 6 months ago
parent 85c373d0cb
commit 3a6dc390f4
9 changed files with 865 additions and 863 deletions
Show Stats Download Patch File Download Diff File

6
translations/cs/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T19:45:54+00:00", "translation_date": "2026-04-06T15:52:25+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "cs" "language_code": "cs"
}, },
@ -516,8 +516,8 @@
"language_code": "cs" "language_code": "cs"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T15:57:56+00:00", "translation_date": "2026-04-06T15:48:38+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "cs" "language_code": "cs"
}, },

290
translations/cs/AGENTS.md
Unescape View File

@ -2,29 +2,29 @@
## Přehled projektu ## Přehled projektu
Toto je vzdělávací repozitář kurikula pro výuku základů webového vývoje pro začátečníky. Kurikulum představuje 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. Kurikulum je komplexní 12týdenní kurz vyvinutý Microsoft Cloud Advocates, obsahující 24 praktických lekcí zaměřených na JavaScript, CSS a HTML.
### Klíčové komponenty ### Klíčové součásti
- **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**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor a AI Chat Assistant - **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ý (před/po lekci) - **Interaktivní kvízy**: 48 kvízů s 3 otázkami každého (před a po lekci)
- **Podpora více jazyků**: Automatické překlady do více než 50 jazyků pomocí GitHub Actions - **Podpora vícejazyčnosti**: Automatizované překlady do více než 50 jazyků pomocí GitHub Actions
- **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pro AI projekty) - **Technologie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pro AI projekty)
### Architektura ### Architektura
- Vzdělávací repozitář s lekčně založenou strukturou - Vzdělávací repozitář se strukturou založenou na lekcích
- Každá složka lekce obsahuje README, příklady kódu a řešení - Každá složka lekce obsahuje README, příklady kódu a řešení
- Samostatné projekty v oddělených adresářích (quiz-app, různé projekty lekcí) - Samostatné projekty v oddělených adresářích (quiz-app, různorodé projekty lekcí)
- Překladový systém využívající GitHub Actions (co-op-translator) - Překladový systém používající GitHub Actions (co-op-translator)
- Dokumentace poskytována přes Docsify a dostupná i jako PDF - Dokumentace poskytována přes Docsify a dostupná jako PDF
## Příkazy pro nastavení ## Příkazy pro nastavení
Tento repozitář je primárně určen ke konzumaci vzdělávacího obsahu. Pro práci se specifickými projekty: Tento repozitář je primárně určen ke konzumaci vzdělávacího obsahu. Pro práci s konkrétními projekty:
### Nastavení hlavního repozitáře ### Hlavní nastavení repozitáře
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -41,17 +41,17 @@ npm run build # Sestavit pro produkci
npm run lint # Spustit ESLint npm run lint # Spustit ESLint
``` ```
### Bankovní projekt API (Node.js + Express) ### Bankovní API projekt (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Spustit API server npm start # Spusťte API server
npm run lint # Spustit ESLint npm run lint # Spusťte ESLint
npm run format # Formátovat pomocí Prettier npm run format # Formátujte pomocí Prettier
``` ```
### Projekty pro rozšíření prohlížeče ### Projekty rozšíření prohlížeče
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
@ -59,7 +59,7 @@ npm install
# Postupujte podle pokynů pro načítání rozšíření specifických pro prohlížeč # Postupujte podle pokynů pro načítání rozšíření specifických pro prohlížeč
``` ```
### Projekty hry ve vesmíru ### Projekty vesmírné hry
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
@ -67,7 +67,7 @@ npm install
# Otevřete index.html v prohlížeči nebo použijte Live Server # Otevřete index.html v prohlížeči nebo použijte Live Server
``` ```
### Chat projekt (Python backend) ### Chat projekt (Python Backend)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
@ -78,201 +78,201 @@ python api.py
## Vývojový workflow ## Vývojový workflow
### Pro přispěvatele obsahu ### Pro přispěvovatele obsahu
1. **Vytvořte fork repozitáře** do svého GitHub účtu 1. **Forkujte repozitář** do svého GitHub účtu
2. **Naklonujte svojí větev** lokálně 2. **Klonujte svůj fork** lokálně
3. **Vytvořte novou větev** pro své změny 3. **Vytvořte novou větev** pro své změny
4. Proveďte změny v obsahu lekcí nebo příkladech kódu 4. Proveďte změny v obsahu lekcí nebo příkladech kódu
5. Otestujte změny v příslušných projektech 5. Testujte jakékoliv změny kódu v příslušných adresářích projektů
6. Odešlete pull requesty dle zásad přispívání 6. Odešlete pull requesty podle pokynů pro přispívání
### Pro studenty ### Pro studenty
1. Vytvořte fork nebo klonujte repozitář 1. Forkujte nebo klonujte repozitář
2. Postupujte sekvenčně do adresářů lekcí 2. Procházejte složky lekcí sekvenčně
3. Čtěte README soubory každé lekce 3. Čtěte README soubory každé lekce
4. Dokončete před/po- lekční kvízy na https://ff-quizzes.netlify.app/web/ 4. Dokončete před- lekční kvízy na https://ff-quizzes.netlify.app/web/
5. Procvičujte si příklady kódu v adresářích lekcí 5. Procházejte příklady kódu ve složkách lekcí
6. Plňte úkoly a výzvy 6. Dokončete úkoly a výzvy
7. Absolvujte závěrečné kvízy 7. Udělejte post- lekční kvízy
### Živý vývoj ### Živý vývoj
- **Dokumentace**: Spusťte `docsify serve` v kořenovém adresáři (port 3000) - **Dokumentace**: Spusťte `docsify serve` v kořenovém adresáři (port 3000)
- **Quiz App**: Spusťte `npm run dev` v adresáři quiz-app - **Quiz App**: Spusťte `npm run dev` ve složce quiz-app
- **Projekty**: Použijte VS Code Live Server rozšíření pro HTML projekty - **Projekty**: Použijte VS Code Live Server rozšíření pro HTML projekty
- **API projekty**: Spusťte `npm start` v příslušných API složkách - **API projekty**: Spusťte `npm start` v příslušných API adresářích
## Testování ## Instrukce k testování
### Testování Quiz App ### Testování Quiz App
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Zkontrolujte problémy se stylem kódu npm run lint # Zkontrolujte problémy se stylem kódu
npm run build # Ověřte, že sestavení proběhlo úspěšně npm run build # Ověřte, že sestavení proběhne úspěšně
``` ```
### Testování Bank API ### Testování Bank API
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Zkontrolujte problémy se stylem kódu npm run lint # Zkontrolujte problémy s kódovacím stylem
node server.js # Ověřte, zda server startuje bez chyb node server.js # Ověřte, že server startuje bez chyb
``` ```
### Obecný přístup k testování ### Obecný přístup k testování
- Tento repozitář je vzdělávací a nemá komplexní automatizované testy - Toto je vzdělávací repozitář bez komplexních automatizovaných testů
- Manuální testování se zaměřuje na: - Manuální testování se zaměřuje na:
- Spuštění příkladů kódu bez chyb - Příkladový kód bez chyb při spuštění
- Funkčnost odkazů v dokumentaci - Funkčnost odkazů v dokumentaci
- Úspěšné sestavení projektů - Úspěšné sestavení projektů
- Dodržování osvědčených postupů v příkladech - Příklady vyhovují zásadám best practices
### Předodeslání kontroly ### Kontroly před odesláním změn
- Spusťte `npm run lint` v adresářích s package.json - Spusťte `npm run lint` ve složkách s package.json
- Ověřte platnost markdown odkazů - Ověřte, že odkazy v markdownu jsou platné
- Testujte příklady kódu v prohlížeči nebo Node.js - Otestujte příklady kódu v prohlížeči nebo Node.js
- Zkontrolujte, že překlady zachovávají správnou strukturu - Zkontrolujte, že překlady zachovávají správnou strukturu
## Směrnice pro styl kódu ## Směrnice stylu kódu
### JavaScript ### JavaScript
- Používejte moderní ES6+ syntaxi - Používejte moderní ES6+ syntaxi
- Dodržujte standardní ESLint nastavení v projektech - Dodržujte standardní konfigurace ESLint v projektech
- Používejte smysluplná jména proměnných a funkcí pro lepší porozumění - Používejte názvy proměnných a funkcí, které jsou srozumitelné pro výuku
- Přidávejte komentáře vysvětlující pojmy pro studenty - Přidávejte komentáře vysvětlující koncepty pro studenty
- Formátujte kód pomocí Prettier tam, kde je nastaveno - Formátujte pomocí Prettier tam, kde je nakonfigurováno
### HTML/CSS ### HTML/CSS
- Semantické elementy HTML5 - Semantické HTML5 prvky
- Principy responzivního designu - Principy responzivního designu
- Jasné konvence pojmenování tříd - Jasná konvence pojmenování tříd
- Komentáře vysvětlující CSS techniky pro studenty - Komentáře vysvětlující CSS techniky pro studenty
### Python ### Python
- Dodržujte stylové pravidla PEP 8 - Směrnice stylu PEP 8
- Jasné, vzdělávací příklady kódu - Jasné, vzdělávací příklady kódu
- Používejte typové anotace tam, kde je to pro učení užitečné - Typové nápovědy tam, kde pomáhají s učením
### Markdown dokumentace ### Markdown dokumentace
- Jasná hierarchie nadpisů - Jasná hierarchie nadpisů
- Bloky kódu s určením jazyka - Bloky kódu s označením jazyka
- Odkazy na další zdroje - Odkazy na doplňkové zdroje
- Snímky obrazovky a obrázky ve složce `images/` - Screenshoty a obrázky ve složkách `images/`
- Alt text pro obrázky pro zpřístupnění - Alternativní texty pro obrázky pro přístupnost
### Organizace souborů ### Organizace souborů
- Lekce číslované sekvenčně (1-getting-started-lessons, 2-js-basics apod.) - Lekce číslovány sekvenčně (1-getting-started-lessons, 2-js-basics, atd.)
- Každý projekt má složky `solution/` a často `start/` nebo `your-work/` - Každý projekt má složky `solution/` a často `start/` nebo `your-work/`
- Obrázky uložené ve složkách `images/` jednotlivých lekcí - Obrázky uložené v lekcemi specifických složkách `images/`
- Překlady ve struktuře `translations/{language-code}/` - Překlady ve struktuře `translations/{language-code}/`
## Build a nasazení ## Sestavení a nasazení
### Nasazení Quiz App (Azure Static Web Apps) ### Nasazení Quiz App (Azure Static Web Apps)
Quiz-app je nakonfigurována pro nasazení na Azure Static Web Apps: Quiz-app je nastaven pro nasazení na Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Vytváří složku dist/ npm run build # Vytváří složku dist/
# Nasazuje pomocí GitHub Actions workflow při pushi do main # Nasazuje přes workflow GitHub Actions při pushnutí na main
``` ```
Konfigurace Azure Static Web Apps: Konfigurace Azure Static Web Apps:
- **Umístění aplikace**: `/quiz-app` - **Místo aplikace**: `/quiz-app`
- **Výstupní složka**: `dist` - **Výstupní umístění**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generování PDF dokumentace ### Generování PDF dokumentace
```bash ```bash
npm install # Nainstalujte docsify-to-pdf npm install # Nainstalujte docsify-to-pdf
npm run convert # Vygenerujte PDF z dokumentace npm run convert # Vygenerujte PDF z docs
``` ```
### Docsify dokumentace ### Dokumentace Docsify
```bash ```bash
npm install -g docsify-cli # Nainstalujte Docsify globálně npm install -g docsify-cli # Nainstalujte Docsify globálně
docsify serve # Přes server na localhost:3000 docsify serve # Serve na localhost:3000
``` ```
### Buildy specifické pro projekty ### Sestavení specifická pro projekty
Každý adresář projektu může mít vlastní build proces: Každý projekt může mít vlastní sestavovací proces:
- Vue projekty: `npm run build` vytváří produkční balíčky - Vue projekty: `npm run build` vytváří produkční balíčky
- Statické projekty: Bez build kroku, soubory se servírují přímo - Statické projekty: Žádný sestavovací krok, soubory se přímo servírují
## Směrnice pro Pull Requesty ## Směrnice pro pull requesty
### Formát názvu ### Formát názvů
Používejte jasné, popisné názvy vyjadřující oblast změny: Používejte jasné, popisné názvy indikující oblast změny:
- `[Quiz-app] Přidat nový kvíz pro lekci X` - `[Quiz-app] Přidat nový kvíz pro lekci X`
- `[Lesson-3] Opravit překlep v projektu terrarium` - `[Lesson-3] Opravit překlep v projekt terrária`
- `[Translation] Přidat španělský překlad pro lekci 5` - `[Translation] Přidat španělský překlad pro lekci 5`
- `[Docs] Aktualizovat instrukce nastavení` - `[Docs] Aktualizace instrukcí pro nastavení`
### Povinné kontroly ### Požadované kontroly
Před odesláním PR: Před odesláním PR:
1. **Kvalita kódu**: 1. **Kvalita kódu**:
- Spusťte `npm run lint` v dotčených projektech - Spusťte `npm run lint` ve zasažených projech složkách
- Opravte všechny chyby a varování - Opravte všechny linting chyby a varování
2. **Ověření buildů**: 2. **Ověření sestavení**:
- Spusťte `npm run build` kde je to potřeba - Spusťte `npm run build` pokud je to relevantní
- Zajistěte bezchybný build - Zajistěte, že nejsou chyby při sestavení
3. **Ověření odkazů**: 3. **Validace odkazů**:
- Otestujte všechny markdown odkazy - Otestujte všechny markdown odkazy
- Zkontrolujte funkčnost odkazů na obrázky - Ověřte funkčnost odkazů na obrázky
4. **Kontrola obsahu**: 4. **Kontrola obsahu**:
- Korektura pravopisu a gramatiky - Korektura pravopisu a gramatiky
- Ověřte správnost a edukační hodnotu příkladů kódu - Ověření správnosti a vzdělávací hodnoty příkladů kódu
- Překlady musí zachovat původný význam - Validace, že překlady zachovávají původní význam
### Požadavky na příspěvky ### Požadavky na přispívání
- Souhlas s Microsoft CLA (automatická kontrola při prvním PR) - Souhlas se smlouvou Microsoft CLA (automatická kontrola při prvním PR)
- Dodržovat [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Dodržování [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Viz [CONTRIBUTING.md](./CONTRIBUTING.md) pro podrobné pokyny - Viz [CONTRIBUTING.md](./CONTRIBUTING.md) pro podrobné pokyny
- Uveďte čísla issue v popisu PR, pokud je to relevantní - Odkazování na čísla issues v popisu PR, pokud je to relevantní
### Proces revize ### Proces revize
- PR jsou kontrolovány správci a komunitou - PRs jsou revidovány správci i komunitou
- Prioritní je srozumitelnost pro vzdělávání - Prioritizuje se vzdělávací srozumitelnost
- Příklady kódu by měly odpovídat aktuálním osvědčeným postupům - Příklady kódu by měly odpovídat aktuálním best practices
- Překlady jsou pečlivě revidovány pro přesnost a kulturní vhodnost - Překlady jsou kontrolovány na přesnost a kulturní vhodnost
## Překladový systém ## Překladový systém
### Automatický překlad ### Automatizovaný překlad
- Používá GitHub Actions s workflow co-op-translator - Používá GitHub Actions s workflow co-op-translator
- Automaticky překládá do více než 50 jazyků - Překládá do více než 50 jazyků automaticky
- Zdrojové soubory v hlavních adresářích - Zdrojové soubory v hlavních adresářích
- Přeložené soubory ve složkách `translations/{language-code}/` - Přeložené soubory v adresářích `translations/{language-code}/`
### Přidání manuálních vylepšení překladu ### Přidání manuálních vylepšení překladu
1. Najděte soubor ve složce `translations/{language-code}/` 1. Najděte soubor v `translations/{language-code}/`
2. Proveďte vylepšení se zachováním struktury 2. Proveďte vylepšení při zachování struktury
3. Ujistěte se, že příklady kódu zůstávají funkční 3. Zajistěte, že příklady kódu zůstanou funkční
4. Otestujte lokalizovaný obsah kvízů 4. Otestujte případný lokalizovaný obsah kvízů
### Metadata překladu ### Metadata překladu
@ -289,68 +289,68 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Ladění a řešení problémů ## Ladění a odstraňování potíží
### Běžné problémy ### Běžné problémy
**Quiz app se nespustí**: **Quiz app se nespustí**:
- Zkontrolujte verzi Node.js (doporučeno v14+) - Zkontrolujte verzi Node.js (doporučeno v14+)
- Odstraňte `node_modules` a `package-lock.json`, spusťte `npm install` znovu - Odstraňte `node_modules` a `package-lock.json`, znovu spusťte `npm install`
- Zkontrolujte konflikt portů (výchozí: Vite používá port 5173) - Zkontrolujte konflikty portu (výchozí: Vite používá port 5173)
**API server se nespustí**: **API server se nespustí**:
- Ověřte minimální verzi Node.js (node >=10) - Ověřte verzi Node.js (node >=10)
- Zkontrolujte, zda port není již obsazen - Zkontrolujte, zda port není již obsazen
- Ujistěte se, že jsou nainstalovány všechny závislosti pomocí `npm install` - Ujistěte se, že všechny závislosti jsou nainstalovány pomocí `npm install`
**Rozšíření prohlížeče se nenahraje**: **Rozšíření prohlížeče se nenačte**:
- Ověřte správné formátování manifest.json - Ověřte správné formátování manifest.json
- Zkontrolujte chyby v konzoli prohlížeče - Kontrolujte konzoli prohlížeče na chyby
- Postupujte podle pokynů instalace pro konkrétní prohlížeč - Postupujte podle specifických instrukcí pro instalaci rozšíření v daném prohlížeči
**Problémy s Python chat projektem**: **Problémy s Python chat projektem**:
- Ujistěte se, že balík OpenAI je nainstalovaný: `pip install openai` - Ujistěte se, že je nainstalovaný balíček OpenAI: `pip install openai`
- Ověřte nastavení proměnné prostředí GITHUB_TOKEN - Ověřte nastavení proměnné prostředí GITHUB_TOKEN
- Zkontrolujte přístupová práva k GitHub Models - Zkontrolujte oprávnění přístupu k GitHub Models
**Docsify neservíruje dokumentaci**: **Docsify neslouží dokumentaci**:
- Nainstalujte docsify-cli globálně: `npm install -g docsify-cli` - Nainstalujte docsify-cli globálně: `npm install -g docsify-cli`
- Spusťte z kořenového adresáře repozitáře - Spouštějte z kořenového adresáře repozitáře
- Ujistěte se, že existuje soubor `docs/_sidebar.md` - Ověřte, že existuje `docs/_sidebar.md`
### Tipy pro vývojové prostředí ### Tipy pro vývojové prostředí
- Používejte VS Code s rozšířením Live Server pro HTML projekty - Používejte VS Code s Live Server rozšířením pro HTML projekty
- Nainstalujte rozšíření ESLint a Prettier pro konzistentní formátování - Instalujte rozšíření ESLint a Prettier pro konzistentní formátování
- Používejte DevTools prohlížeče pro ladění JavaScriptu - Používejte DevTools prohlížeče pro ladění JavaScriptu
- Pro Vue projekty nainstalujte Vue DevTools rozšíření - Pro Vue projekty instalujte Vue DevTools rozšíření prohlížeče
### Výkonnostní úvahy ### Výkonové aspekty
- Velké množství přeložených souborů (50+ jazyků) znamená, že klony jsou velké - Velké množství přeložených souborů (50+ jazyků) znamená velké klony repozitáře
- Použijte shallow clone, pokud pracujete pouze s obsahem: `git clone --depth 1` - Použijte shallow clone, pokud pracujete jen s obsahem: `git clone --depth 1`
- Při práci na anglickém obsahu vynechejte překlady z vyhledávání - Při práci s anglickým obsahem vylučujte překlady z vyhledávání
- Build procesy mohou být pomalejší při prvním spuštění (npm install, Vite build) - Sestavovací procesy mohou být pomalé při prvním spuštění (npm install, Vite build)
## Bezpečnostní opatření ## Bezpečnostní aspekty
### Proměnné prostředí ### Proměnné prostředí
- API klíče nikdy nezadávejte do repozitáře - API klíče by neměly být nikdy commitnuty do repozitáře
- Používejte `.env` soubory (jsou uvedeny v `.gitignore`) - Používejte `.env` soubory (jsou v `.gitignore`)
- Dokumentujte požadované proměnné v README projektů - Dokumentujte požadované proměnné prostředí v README projektů
### Python projekty ### Python projekty
- Používejte virtuální prostředí: `python -m venv venv` - Používejte virtuální prostředí: `python -m venv venv`
- Udržujte závislosti aktuální - Udržujte závislosti aktualizované
- GitHub tokeny by měly mít minimální potřebná oprávnění - GitHub tokeny by měly mít minimální potřebná oprávnění
### Přístup k GitHub Models ### Přístup k GitHub Models
- Osobní přístupové tokeny (PAT) jsou nutné pro GitHub Models - Vyžaduje se osobní přístupový token (PAT)
- Tokeny by měly být uloženy jako proměnné prostředí - Tokeny ukládejte jako proměnné prostředí
- Nikdy neukládejte tokeny nebo přihlašovací údaje do repozitáře - Nikdy necommitujte tokeny nebo přihlašovací údaje
## Další poznámky ## Další poznámky
@ -358,51 +358,51 @@ CO_OP_TRANSLATOR_METADATA:
- Kompletní začátečníci ve webovém vývoji - Kompletní začátečníci ve webovém vývoji
- Studenti a samouci - Studenti a samouci
- Učitelé využívající kurikulum ve třídách - Učitelé používající kurikulum ve třídách
- Obsah je navržen pro přístupnost a postupné budování dovedností - Obsah je navržen pro přístupnost a postupné budování dovedností
### Vzdělávací filozofie ### Vzdělávací filozofie
- Přístup založený na projektech - Případová výuka založená na projektech
- Časté kontroly znalostí (kvízy) - Časté kontroly znalostí (kvízy)
- Praktická cvičení v kódování - Praktické programovací cvičení
- Příklady z reálného světa - Příklady reálného použití
- Zaměření na základy před frameworky - Zaměření na základy před frameworky
### Údržba repozitáře ### Údržba repozitáře
- Aktivní komunita studentů a přispěvatelů - Aktivní komunita studentů a přispěvatelů
- Pravidelné aktualizace závislostí a obsahu - Pravidelné aktualizace závislostí a obsahu
- Problémy a diskuze jsou monitorovány správci - Problémy a diskuze monitorované správci
- Aktualizace překladů jsou automatizovány přes GitHub Actions - Automatické aktualizace překladů přes GitHub Actions
### Související zdroje ### Související zdroje
- [Microsoft Learn moduly](https://docs.microsoft.com/learn/) - [Microsoft Learn moduly](https://docs.microsoft.com/learn/)
- [Student Hub zdroje](https://docs.microsoft.com/learn/student-hub/) - [Student Hub zdroje](https://docs.microsoft.com/learn/student-hub/)
- [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čeno pro studenty
- Další kurzy: Generative AI, Data Science, ML, IoT kurikula k dispozici - Další kurzy: Generativní AI, Data Science, ML, IoT kurikula dostupná
### Práce se specifickými projekty ### Práce s konkrétními projekty
Pro podrobné instrukce k jednotlivým projektům viz README soubory v: Pro detailní instrukce k jednotlivým projektům odkazujte na README soubory v:
- `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 autentizací - `7-bank-project/README.md` - Bankovní aplikace s ověřováním
- `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 na canvasu - `6-space-game/README.md` - Vývoj hry založené 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ž to není tradiční monorepo, tento repozitář obsahuje více nezávislých projektů: I když nejde o tradiční monorepo, tento repozitář obsahuje více nezávislých projektů:
- Každá lekce je samostatná - Každá lekce je samostatná
- Projekty nesdílejí závislosti - Projekty nesdílí závislosti
- Pracujte na jednotlivých projektech bez ovlivnění ostatních - Práce na jednotlivých projektech bez ovlivnění ostatních
- Pro plný zážitek klonujte celý repozitář kurikula - Klonujte celý repozitář pro plný zážitek z kurikula
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Prohlášení o vyloučení odpovědnosti**: **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 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. 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.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

225
translations/cs/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Webový vývoj pro začátečníky - kurikulum # Webový vývoj pro začátečníky - plán kurzu
Naučte se základy webového vývoje s naším 12týdenním komplexním kurzem od Microsoft Cloud Advocates. Každá ze 24 lekcí se zabývá JavaScriptem, CSS a HTML prostřednictvím praktických projektů, jako jsou terária, rozšíření pro prohlížeče a vesmírné hry. Zapojte se do kvízů, diskuzí a praktických úkolů. Zlepšete své dovednosti a optimalizujte uchování znalostí díky naší efektivní projektově orientované pedagogice. Začněte svou cestu programování ještě dnes! Naučte se základy webového vývoje s naším 12týdenním komplexním kurzem od Microsoft Cloud Advocates. Každá z 24 lekcí proniká do JavaScriptu, CSS a HTML prostřednictvím praktických projektů, jako jsou terária, rozšíření prohlížeče a vesmírné hry. Zapojte se do kvízů, diskuzí a praktických úkolů. Zlepšete své dovednosti a optimalizujte si uchování znalostí díky naší efektivní pedagogice založené na projektech. Začněte svou cestu kódováním ještě dnes!
Připojte se k Azure AI Foundry Discord komunitě Připojte se ke komunitě Azure AI Foundry na Discordu
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Postupujte podle těchto kroků, abyste začali používat tyto zdroje: Postupujte podle těchto kroků, abyste mohli začít používat tyto zdroje:
1. **Vytvořte Fork repozitáře**: Klikněte na [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **Vytvořte fork repozitáře**: Klikněte na [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Přidejte se k Azure AI Foundry Discord a poznejte experty a ostatní vývojáře**](https://discord.com/invite/ByRwuEEgH4) 3. [**Připojte se k Azure AI Foundry Discordu a setkejte se s experty a kolegy vývojáři**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Podpora více jazyků ### 🌐 Podpora více jazyků
#### Podporováno pomocí GitHub Action (automatizováno a vždy aktuální) #### Podporováno přes GitHub Action (automatizováno a vždy aktuální)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Čínština (zjednodušená)](../zh-CN/README.md) | [Čínština (tradiční, Hongkong)](../zh-HK/README.md) | [Čínština (tradiční, Macao)](../zh-MO/README.md) | [Čínština (tradiční, Tchaj-wan)](../zh-TW/README.md) | [Chorvatština](../hr/README.md) | [Čeština](./README.md) | [Dánština](../da/README.md) | [Nizozemština](../nl/README.md) | [Estonština](../et/README.md) | [Finština](../fi/README.md) | [Francouzština](../fr/README.md) | [Němčina](../de/README.md) | [Řečtina](../el/README.md) | [Hebrejština](../he/README.md) | [Hindština](../hi/README.md) | [Maďarština](../hu/README.md) | [Indonéština](../id/README.md) | [Italština](../it/README.md) | [Japonština](../ja/README.md) | [Kannadština](../kn/README.md) | [Korejština](../ko/README.md) | [Litevština](../lt/README.md) | [Malajština](../ms/README.md) | [Malayalam](../ml/README.md) | [Maráthština](../mr/README.md) | [Nepálština](../ne/README.md) | [Nigérijská pidžin](../pcm/README.md) | [Norština](../no/README.md) | [Perština (Farsi)](../fa/README.md) | [Polština](../pl/README.md) | [Portugalština (Brazílie)](../pt-BR/README.md) | [Portugalština (Portugalsko)](../pt-PT/README.md) | [Paňdžábština (Gurmukhí)](../pa/README.md) | [Rumunština](../ro/README.md) | [Ruština](../ru/README.md) | [Srbština (cyrilice)](../sr/README.md) | [Slovenština](../sk/README.md) | [Slovinština](../sl/README.md) | [Španělština](../es/README.md) | [Svahilština](../sw/README.md) | [Švédština](../sv/README.md) | [Tagalog (Filipínština)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugština](../te/README.md) | [Thajština](../th/README.md) | [Turečtina](../tr/README.md) | [Ukrajinština](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamština](../vi/README.md) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](./README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Raději klonovat lokálně?** > **Raději klonovat lokálně?**
> >
> Tento repozitář obsahuje více než 50 překladů jazyků, což výrazně zvětšuje velikost stahování. Pro klonování bez překladů použijte sparse checkout: > Tento repozitář obsahuje více než 50 jazykových překladů, což výrazně zvětšuje velikost stahování. Pro klonování bez překladů použijte sparse checkout:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,232 +48,233 @@ Postupujte podle těchto kroků, abyste začali používat tyto zdroje:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Tím získáte vše potřebné k dokončení kurzu s mnohem rychlejším stažením. > Tento způsob vám poskytne vše potřebné ke zvládnutí kurzu s mnohem rychlejším stažením.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Pokud chcete podporu dalších jazyků, jsou zde uvedeny podporované jazykové možnosti [zde](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Pokud si přejete podporu dalších překladových jazyků, jsou uvedeny [zde](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Otevřít ve Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Otevřít%20ve%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Jste student?_ #### 🧑‍🎓 _Jste student?_
Navštivte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde naleznete zdroje pro začátečníky, studentské balíčky a dokonce i způsoby, jak získat bezplatný certifikát. Tuto stránku si chcete zařadit mezi oblíbené a čas od času ji zkontrolovat, protože obsah měníme měsíčně. Navštivte [**Student Hub stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde naleznete zdroje pro začátečníky, studentské balíčky a dokonce i způsoby, jak získat voucher na bezplatný certifikát. Tuto stránku si chcete uložit do záložek a občas jí kontrolovat, protože obsah měníme každý měsíc.
### 📣 Oznámení - Nové výzvy režimu GitHub Copilot Agent k dokončení! ### 📣 Oznámení - Nové výzvy v režimu GitHub Copilot Agent k dokončení!
Přidána nová výzva, hledejte "GitHub Copilot Agent Challenge 🚀" ve většině kapitol. To je nová výzva, kterou máte dokončit pomocí GitHub Copilot a režimu Agent. Pokud jste režim Agent nikdy nepoužili, umožňuje nejen generovat text, ale také vytvářet a upravovat soubory, spouštět příkazy a další. Nová výzva přidána, hledejte "GitHub Copilot Agent Challenge 🚀" v většině kapitol. Je to nová výzva pro dokončení pomocí GitHub Copilot a režimu Agent. Pokud jste režim Agent dosud nepoužili, umožňuje nejen generovat text, ale také vytvářet a upravovat soubory, spouštět příkazy a další.
### 📣 Oznámení - _Nový projekt k vytvoření pomocí generativní AI_ ### 📣 Oznámení - _Nový projekt k vytvoření pomocí generativní AI_
Právě přidán nový projekt AI asistenta, podívejte se na [projekt](./9-chat-project/README.md) Právě přidán nový AI Assistant projekt, podívejte se na [projekt](./9-chat-project/README.md)
### 📣 Oznámení - _Nové kurikulum_ o generativní AI pro JavaScript bylo právě vydáno ### 📣 Oznámení - _Nový kurz_ o Generativní AI pro JavaScript byl právě zveřejněn
Nezmeškejte naše nové kurikulum Generativní AI! Nezmeškejte náš nový kurz Generativní AI!
Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte! Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte!
![Pozadí](../../translated_images/cs/background.148a8d43afde5730.webp) ![Background](../../translated_images/cs/background.148a8d43afde5730.webp)
- Lekce pokrývají vše od základů až po RAG. - Lekce pokrývají vše od základů po RAG.
- Komunikujte s historickými postavami pomocí GenAI a naší průvodní aplikace. - Interakce s historickými postavami pomocí GenAI a naší doprovodné aplikace.
- Zábavný a poutavý příběh, budete cestovat časem! - Zábavný a poutavý příběh, budete cestovat časem!
![postava](../../translated_images/cs/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/cs/character.5c0dd8e067ffd693.webp)
Každá lekce obsahuje úkol k dokončení, ověření znalostí a výzvu, která vás provede tématy jako: Každá lekce obsahuje úkol k dokončení, kontrolu znalostí a výzvu, které vás provedou tématy jako:
- Vytváření promptů a jejich inženýrství - Promptování a tvorba promptů (prompt engineering)
- Generování textových a obrazových aplikací - Generování textových a obrazových aplikací
- Vyhledávací aplikace - Vyhledávací aplikace
Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte! Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte!
## 🌱 Začínáme ## 🌱 Začínáme
> **Učitelé**, zahrnuli jsme [několik návrhů](for-teachers.md), jak použít toto kurikulum. Budeme rádi za vaši zpětnou vazbu [v našem diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Učitelé**, zahrnuli jsme [některé návrhy](for-teachers.md), jak tento plán kurzu používat. Budeme rádi za vaši zpětnou vazbu [v našem diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Studující](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, u každé lekce začněte přednáškovým kvízem a pokračujte čtením přednáškového materiálu, dokončením různých aktivit a ověřením porozumění pomocí povětrná přednáškového kvízu. **[Studenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pro každou lekci začněte přednáškovým kvízem a pokračujte čtením výukového materiálu, plněním různých aktivit a ověřte si své porozumění pomocí popřednáškového kvízu.
Pro lepší zkušenosti s učením se spojte s kolegy a pracujte na projektech společně! Diskuze jsou vítané v našem [diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde je k dispozici náš tým moderátorů, kteří vám pomohou. Pro zlepšení vašeho studijního zážitku se spojte s kolegy a pracujte společně na projektech! Diskuze jsou podporovány v našem [diskuzním fóru](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde je k dispozici tým moderátorů, aby zodpověděl vaše dotazy.
Pro další vzdělávání doporučujeme prozkoumat [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pro doplňující studijní materiály. Pro další vzdělávání důrazně doporučujeme prozkoumat [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pro doplňující studijní materiály.
### 📋 Nastavení vašeho prostředí ### 📋 Nastavení vašeho prostředí
Toto kurikulum má připravené vývojové prostředí! Na začátku si můžete vybrat, zda budete kurz spouštět v [Codespace](https://github.com/features/codespaces/) (_prohlížečem ovládané prostředí bez nutnosti instalace_), nebo lokálně na svém počítači pomocí textového editoru, například [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Tento plán kurzu má připravené vývojové prostředí! Na začátku si můžete vybrat, zda budete kurz spouštět v [Codespace](https://github.com/features/codespaces/) (_prohlížečové prostředí bez nutnosti instalací_) nebo lokálně na vašem počítači s použitím textového editoru, jako je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Vytvořte si vlastní repozitář #### Vytvořte svůj repozitář
Pro snadné ukládání vaší práce je doporučeno vytvořit si vlastní kopii tohoto repozitáře. Můžete tak učinit kliknutím na tlačítko **Použít tuto šablonu** na vrchu stránky. Tím se vytvoří nový repozitář na vašem GitHub účtu s kopií kurikula. Pro snadné ukládání své práce se doporučuje vytvořit si vlastní kopii tohoto repozitáře. To můžete udělat kliknutím na tlačítko **Use this template** v horní části stránky. Tím se vytvoří nový repozitář ve vašem GitHub účtu s kopií kurzu.
Postupujte následovně: Postupujte podle těchto kroků:
1. **Vytvořte Fork repozitáře**: Klikněte na tlačítko „Fork“ v pravém horním rohu této stránky. 1. **Vytvořte fork repozitáře**: Klikněte na tlačítko "Fork" v pravém horním rohu této stránky.
2. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Naklonujte repozitář**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Spuštění kurikula v Codespace #### Spuštění kurzu v Codespace
Ve své kopii repozitáře klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím vytvoříte nový Codespace, ve kterém můžete pracovat. Ve vaší kopii tohoto repozitáře klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím se vytvoří nový Codespace, ve kterém můžete pracovat.
![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.webp)
#### Spuštění kurikula lokálně na vašem počítači #### Spuštění kurzu lokálně na vašem počítači
Pro spuštění tohoto kurikula lokálně budete potřebovat textový editor, prohlížeč a nástroj příkazového řádku. Naše první lekce, [Úvod do programovacích jazyků a nástrojů](../../1-getting-started-lessons/1-intro-to-programming-languages), vás provede různými možnostmi pro každý z těchto nástrojů, abyste si vybrali, co vám vyhovuje nejvíce. Pro spuštění tohoto kurzu lokálně na vašem počítači budete potřebovat textový editor, prohlížeč a nástroj příkazového řádku. Naše první lekce, [Úvod do programovacích jazyků a nástrojů řemesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás provede různými možnostmi pro každý z těchto nástrojů, abyste si mohli vybrat, co vám nejvíce vyhovuje.
Doporučujeme použít [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako editor, který má také zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si můžete stáhnout [zde](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Doporučujeme používat [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) jako editor, který má také integrovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si můžete stáhnout [zde](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Naklonujte si své úložiště do počítače. Můžete to udělat kliknutím na tlačítko **Code** a zkopírováním URL: 1. Naklonujte si své úložiště do počítače. Můžete to udělat kliknutím na tlačítko **Code** a zkopírováním URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Poté otevřete [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ve [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spusťte následující příkaz, přičemž `<your-repository-url>` nahraďte právě zkopírovanou URL: Poté otevřete [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ve [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spusťte následující příkaz, přičemž `<your-repository-url>` nahraďte URL, kterou jste právě zkopírovali:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Otevřete složku ve Visual Studio Code. Můžete to udělat kliknutím na **File** > **Open Folder** a výběrem složky, kterou jste právě naklonovali. 2. Otevřete složku ve Visual Studio Code. Můžete to udělat kliknutím na **Soubor** > **Otevřít složku** a výběrem složky, kterou jste právě naklonovali.
> Doporučené rozšíření Visual Studio Code: > Doporučené rozšíření Visual Studio Code:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pro náhled HTML stránek přímo ve Visual Studio Code > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – pro náhled HTML stránek přímo ve Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pomáhá rychleji psát kód > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – pro rychlejší psaní kódu
## 📂 Každá lekce obsahuje: ## 📂 Každá lekce obsahuje:
- volitelnou náčrtnou poznámku (sketchnote) - volitelnou sketchnotu
- volitelné doplňkové video - volitelné doplňkové video
- rozcvičovací kvíz před lekcí - rozehřívací kvíz před lekcí
- psanou lekci - psanou lekci
- u lekcí založených na projektu krok za krokem průvodce, jak projekt postavit - u lekcí založených na projektech krok za krokem návody, jak projekt vybudovat
- kontrolní otázky - ověřování znalostí
- výzvu - výzvu
- doplňkové čtení - doplňující čtení
- úkol - úkol
- [kvíz po lekci](https://ff-quizzes.netlify.app/web/) - [kvíz po lekci](https://ff-quizzes.netlify.app/web/)
> **Poznámka ke kvízům**: Všechny kvízy jsou uloženy ve složce Quiz-app, celkem 48 kvízů po třech otázkách. Jsou dostupné [zde](https://ff-quizzes.netlify.app/web/), kvízovou aplikaci lze spustit lokálně nebo nasadit na Azure; postupujte podle instrukcí ve složce `quiz-app`. > **Poznámka ke kvízům**: Všechny kvízy jsou umístěny ve složce Quiz-app, celkem 48 kvízů se třemi otázkami každý. Jsou dostupné [zde](https://ff-quizzes.netlify.app/web/), aplikaci s kvízy lze spustit lokálně nebo publikovat na Azure; řiďte se pokyny ve složce `quiz-app`.
## 🗃️ Lekce ## 🗃️ Lekce
| | Název projektu | Naučené koncepty | Cíle učení | Propojená lekce | Autor | | | Název projektu | Naučené koncepty | Výukové cíle | Propojená lekce | Autor |
| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Začínáme | Úvod do programování a nástroje řemesla | Naučte se základní principy většiny programovacích jazyků a o softwaru, která pomáhá profesionálním vývojářům | [Úvod do programovacích jazyků a nástrojů](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Začínáme | Úvod do programování a nástroje oboru | Naučit se základní principy většiny programovacích jazyků a software, který pomáhá profesionálním vývojářům jejich práci | [Úvod do programovacích jazyků a nástrojů](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Začínáme | Základy GitHubu, včetně práce v týmu | Jak používat GitHub ve vašem projektu, jak spolupracovat s ostatními na kódu | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Začínáme | Základy GitHubu, práce v týmu | Jak používat GitHub ve svém projektu, jak spolupracovat s ostatními na kódu | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Začínáme | Přístupnost | Naučte se základy webové přístupnosti | [Základy přístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Začínáme | Přístupnost | Naučit se základy přístupnosti webu | [Základy přístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Základy JS | Datové typy JavaScriptu | Základy datových typů v JavaScriptu | [Datové typy](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | Základy JS | Datové typy v JavaScriptu | Základy datových typů v JavaScriptu | [Datové typy](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Základy JS | Funkce a metody | Naučte se o funkcích a metodách k řízení logiky aplikace | [Funkce a metody](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher | | 05 | Základy JS | Funkce a metody | Naučit se o funkcích a metodách pro řízení logiky aplikace | [Funkce a metody](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher |
| 06 | Základy JS | Rozhodování v JS | Naučte se vytvářet podmínky ve vašem kódu pomocí rozhodovacích metod | [Rozhodování](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | Základy JS | Rozhodování v JS | Naučit se vytvářet podmínky v kódu pomocí rozhodovacích metod | [Rozhodování](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Základy JS | Pole a cykly | Práce s daty pomocí polí a cyklů v JavaScriptu | [Pole a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | Základy JS | Pole a smyčky | Práce s daty pomocí polí a smyček v JavaScriptu | [Pole a smyčky](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvořte HTML pro online terárium, zaměřte se na tvorbu rozvržení | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvořit HTML pro online terrárium, zaměřit se na tvorbu rozložení | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvořte CSS pro stylování online terária, zaměřte se na základy CSS včetně responzivního designu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvořit CSS pro stylování online terrária, zaměřit se na základy CSS včetně responzivního designu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScriptové uzávěry, manipulace s DOM | Napište JavaScript, aby terárium fungovalo jako rozhraní drag/drop, zaměřte se na uzávěry a manipulaci s DOM | [JavaScriptové uzávěry, manipulace s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScriptové uzávěry, manipulace s DOM | Napsat JavaScript, aby terrárium fungovalo jako rozhraní drag/drop, zaměřit se na uzávěry a manipulaci s DOM | [JavaScriptové uzávěry, manipulace s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Vytvoření hry psaní na klávesnici | Naučte se používat události klávesnice k řízení logiky JavaScriptové aplikace | [Programování řízené událostmi](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Hra na psaní](./4-typing-game/solution/README.md) | Vytvoření hry na psaní | Naučit se používat klávesové události pro řízení logiky ve své JavaScriptové aplikaci | [Programování řízené událostmi](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Práce s prohlížeči | Naučte se, jak fungují prohlížeče, jejich historii a jak vytvářet základy rozšíření prohlížeče | [O prohlížečích](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Ekologické rozšíření pro prohlížeč](./5-browser-extension/solution/README.md) | Práce s prohlížeči | Naučit se, jak fungují prohlížeče, jejich historii a jak vytvořit první prvky rozšíření | [O prohlížečích](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Vytváření formuláře, volání API a ukládání proměnných v lokálním úložišti | Vytvořte JavaScriptové prvky rozšíření pro volání API pomocí proměnných uložených v lokálním úložišti | [API, formuláře a lokální úložiště](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Ekologické rozšíření pro prohlížeč](./5-browser-extension/solution/README.md) | Vytváření formuláře, volání API a ukládání proměnných v lokálním úložišti | Napsat JavaScriptové prvky rozšíření pro volání API a ukládání proměnných v lokálním úložišti | [API, formuláře a lokální úložiště](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Pozadí procesů v prohlížeči, webový výkon | Použijte pozadí prohlížeče ke správě ikony rozšíření; naučte se o výkonu webu a optimalizacích | [Pozadí úkolů a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Ekologické rozšíření pro prohlížeč](./5-browser-extension/solution/README.md) | Procesy na pozadí v prohlížeči, webový výkon | Použití procesů na pozadí pro správu ikon rozšíření; poznání webového výkonu a některých optimalizací pro zlepšení | [Úlohy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Pokročilejší vývoj her v JavaScriptu | Naučte se o dědičnosti pomocí tříd a kompozice a o vzoru Pub/Sub jako příprava na tvorbu hry | [Úvod do pokročilého vývoje her](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Kosmická hra](./6-space-game/solution/README.md) | Pokročilejší vývoj her v JavaScriptu | Naučit se o dědičnosti pomocí tříd a kompozice a o vzoru Pub/Sub, jako přípravu na tvorbu hry | [Úvod do pokročilého vývoje her](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Kreslení na plátno | Naučte se o Canvas API, které slouží k vykreslování prvků na obrazovku | [Kreslení na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Kosmická hra](./6-space-game/solution/README.md) | Kreslení na plátno | Naučit se o Canvas API používaném pro kreslení prvků na obrazovku | [Kreslení na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Pohyb prvků po obrazovce | Objevte, jak mohou prvky získat pohyb pomocí kartézských souřadnic a Canvas API | [Pohyb prvků](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Kosmická hra](./6-space-game/solution/README.md) | Pohyb prvků po obrazovce | Objevte, jak prvky získávají pohyb pomocí kartézských souřadnic a Canvas API | [Pohyb prvků po obrazovce](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Detekce kolizí | Udělejte, aby se prvky srážely a reagovaly na sebe pomocí stisků kláves a přidejte funkci chladnutí pro výkon hry | [Detekce kolizí](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Kosmická hra](./6-space-game/solution/README.md) | Detekce kolizí | Zajistit kolize a reakce prvků na sebe navzájem pomocí stisknutých kláves a přidat cooldown funkci pro výkon hry | [Detekce kolizí](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Udržování skóre | Proveďte matematické výpočty na základě stavu a výkonu hry | [Udržování skóre](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Kosmická hra](./6-space-game/solution/README.md) | Udržování skóre | Provádět matematické výpočty na základě stavu a výkonu hry | [Udržování skóre](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Ukončení a restartování hry | Naučte se o ukončení a restartování hry, včetně čištění zdrojů a resetování proměnných | [Podmínka ukončení](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Kosmická hra](./6-space-game/solution/README.md) | Ukončení a restartování hry | Naučit se o ukončení a restartování hry, včetně čištění zdrojů a resetování proměnných | [Podmínka ukončení](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML šablony a směrování ve webové aplikaci | Naučte se vytvářet architekturu vícestránkového webu pomocí směrování a HTML šablon | [HTML šablony a směrování](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Bankovní aplikace](./7-bank-project/solution/README.md) | HTML šablony a routování ve webové aplikaci | Naučit se vytvářet kostru vícestránkové webové stránky pomocí routování a HTML šablon | [HTML šablony a routování](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Vytvoření přihlašovacího a registračního formuláře | Naučte se o tvorbě formulářů a zpracování validací | [Formuláře](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Vytvoření přihlašovacího a registračního formuláře | Naučit se o tvorbě formulářů a zpracování validačních rutin | [Formuláře](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metody získávání a použití dat | Jak data proudí do a z vaší aplikace, jak je získávat, ukládat a odstraňovat | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Metody získávání a používání dat | Jak data proudí do aplikace i ven z ní, jak je načítat, ukládat a mažet | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučte se, jak vaše aplikace udržuje stav a jak ho programově spravovat | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Bankovní aplikace](./7-bank-project/solution/README.md) | Koncept správy stavu | Naučit se, jak si aplikace uchovává stav a jak ho programově ovládat | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Práce s VScode | Naučte se používat editor kódu | [Použití editoru kódu VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Kód prohlížeče/VScode](../../8-code-editor) | Práce s VScode | Naučte se používat editor kódu | [Použití editoru VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Práce s AI | Naučte se vytvořit vlastního AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris | | 26 | [AI asistenti](./9-chat-project/README.md) | Práce s AI | Naučte se vytvořit vlastního AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika ## 🏫 Pedagogika
Náš výukový plán je navržen s ohledem na dva klíčové pedagogické principy: Náš učební plán je navržený s dvěma klíčovými pedagogickými principy:
* učení založené na projektech * učení založené na projektech
* časté kvízy * časté kvízy
Program učí základy JavaScriptu, HTML a CSS, stejně jako nejnovější nástroje a techniky používané dnešními webovými vývojáři. Studenti budou mít možnost získat praktické zkušenosti stavbou hry psaní na klávesnici, virtuálního terária, ekologického rozšíření prohlížeče, hry ve stylu Space Invaders a bankovní aplikace pro firmy. Na konci série budou mít studenti pevné základy webového vývoje. Program vede základy JavaScriptu, HTML a CSS, stejně jako nejnovější nástroje a techniky používané dnešními webovými vývojáři. Studenti budou mít příležitost získat praktické zkušenosti vytvořením hry na psaní, virtuálního terrária, ekologického rozšíření pro prohlížeč, hry ve stylu space-invader a bankovní aplikace pro firmy. Na konci série budou mít studenti pevné porozumění webovému vývoji.
> 🎓 První lekce tohoto kurzu můžete absolvovat jako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn! > 🎓 První lekce v tomto kurikulu můžete absolvovat jako [Učební cestu](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Díky sladění obsahu s projekty je proces pro studenty zajímavější a zvyšuje se zapamatování konceptů. Také jsme napsali několik úvodních lekcí o základech JavaScriptu doplněných videi z kolekce "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", jejichž autoři se podíleli na tomto kurzu. Díky propojení obsahu s projekty je proces pro studenty poutavější a zlepšuje se zapamatování konceptů. Také jsme napsali několik úvodních lekcí o základech JavaScriptu, které představují koncepty, doprovázené videi ze série "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" – někteří autoři těchto videí přispěli do tohoto kurikula.
Navíc nízkorizikový kvíz před hodinou nastavuje záměr studenta se učit dané téma, zatímco druhý kvíz po hodině podporuje další zapamatování. Tento kurz je navržen tak, aby byl flexibilní a zábavný a lze ho absolvovat celý nebo částečně. Projekty začínají malé a na konci 12týdenního cyklu jsou stále složitější. Navíc nízkorizikový kvíz před lekcí pomáhá studentovi zaměřit se na téma, zatímco kvíz po lekci podpoří další zapamatování. Tento učební plán je navržen flexibilně a zábavně a lze ho absolvovat celý nebo částečně. Projekty začínají jednoduché a postupně se v průběhu 12 týdnů stávají složitějšími.
Záměrně jsme se vyhnuli zavádění JavaScriptových frameworků, abychom se soustředili na základní dovednosti potřebné jako webový vývojář před přijetím frameworku, dobrým dalším krokem po absolvování tohoto kurzu by bylo naučit se Node.js prostřednictvím jiné kolekce videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". I když jsme záměrně vynechali zavádění frameworků JavaScriptu, abychom se soustředili na základní dovednosti webového vývojáře před přijetím frameworku, dobrým dalším krokem po dokončení tohoto kurikula je naučit se o Node.js prostřednictvím další série videí: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Navštivte naše [Kodex chování](CODE_OF_CONDUCT.md) a [Přispívání](CONTRIBUTING.md). Těšíme se na vaše konstruktivní návrhy! > Navštivte naše [Kodex chování](CODE_OF_CONDUCT.md) a [Příspěvky](CONTRIBUTING.md) zásady. Vítáme vaše konstruktivní připomínky!
## 🧭 Offline přístup ## 🧭 Offline přístup
Tuto dokumentaci můžete spustit offline pomocí [Docsify](https://docsify.js.org/#/). Forkněte si toto repo, [nainstalujte Docsify](https://docsify.js.org/#/quickstart) na svém počítači a poté v kořenové složce tohoto repozitáře spusťte příkaz `docsify serve`. Webová stránka bude servírována na portu 3000 na vašem localhostu: `localhost:3000`. Tuto dokumentaci můžete používat offline pomocí [Docsify](https://docsify.js.org/#/). Forkněte si toto repozitář, [nainstalujte Docsify](https://docsify.js.org/#/quickstart) na svůj počítač a pak v kořenové složce repozitáře napište `docsify serve`. Webová stránka bude dostupná na portu 3000 na vašem localhostu: `localhost:3000`.
## 📘 PDF ## 📘 PDF
PDF všech lekcí naleznete [zde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). PDF všech lekcí lze nalézt [zde](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Ostatní kurzy ## 🎒 Další kurzy
Náš tým připravuje i další kurzy! Podívejte se na: Náš tým vytváří i další kurzy! Podívejte se na:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain4j pro začátečníky](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain.js pro začátečníky](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain pro začátečníky](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### Azure / Edge / MCP / Agents ### Azure / Edge / MCP / Agenti
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![AZD pro začátečníky](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI pro začátečníky](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP pro začátečníky](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI agenti pro začátečníky](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Generativní AI série ### Série Generativní AI
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generativní AI pro začátečníky](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generativní AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generativní AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) [![Generativní AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
--- ---
### Základní vzdělávání ### Základní vzdělávání
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML pro začátečníky](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science pro začátečníky](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI pro začátečníky](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Kybernetická bezpečnost pro začátečníky](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Kyberbezpečnost pro začátečníky](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Webový vývoj pro začátečníky](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![Webový vývoj pro začátečníky](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT pro začátečníky](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![IoT pro začátečníky](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![Vývoj XR pro začátečníky](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) [![XR vývoj pro začátečníky](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Série Copilot ### Série Copilot
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot pro AI párové programování](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot pro C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Získání pomoci ## Získání pomoci
Pokud se zaseknete nebo máte otázky ohledně tvorby AI aplikací, připojte se k ostatním studentům a zkušeným vývojářům v diskusích o MCP. Je to podpůrná komunita, kde jsou otázky vítány a znalosti se sdílejí otevřeně. Pokud budete mít potíže nebo nějaké dotazy ohledně vytváření AI aplikací, připojte se k ostatním studentům a zkušeným vývojářům v diskuzích o MCP. Je to vstřícná komunita, kde jsou otázky vítány a znalosti se sdílejí otevřeně.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Pokud máte zpětnou vazbu k produktu nebo narazíte na chyby během vývoje, navštivte: Pokud máte zpětnou vazbu k produktu nebo narazíte na chyby při tvorbě, navštivte:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Licence ## Licence
Tento repozitář je licencován pod licencí MIT. Více informací naleznete v souboru [LICENSE](../../LICENSE). Toto úložiště je licencováno pod licencí MIT. Pro více informací viz soubor [LICENSE](../../LICENSE).
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Prohlášení o vyloučení odpovědnosti**: **Zdroj informací**:
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. Originální 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. Za jakékoli nedorozumění nebo nesprávné výklady vzniklé z použití tohoto překladu neneseme odpovědnost. Tento dokument byl přeložen pomocí AI překladatelské služby [Co-op Translator](https://github.com/Azure/co-op-translator). Přestože 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 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 odpovědní za jakékoliv nedorozumění nebo nesprávné výklady vyplývající z použití tohoto překladu.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

6
translations/hu/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T19:44:46+00:00", "translation_date": "2026-04-06T15:51:17+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "hu" "language_code": "hu"
}, },
@ -516,8 +516,8 @@
"language_code": "hu" "language_code": "hu"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T15:50:16+00:00", "translation_date": "2026-04-06T15:46:20+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "hu" "language_code": "hu"
}, },

332
translations/hu/AGENTS.md
Unescape View File

@ -1,28 +1,28 @@
# AGENTS.md # AGENTS.md
## Projekt áttekintése ## Projekt áttekintés
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. 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.
### Főbb elemek ### Főbb elemek
- **Oktatási tartalom**: 24 strukturált lecke, projekt-alapú modulokba rendezve - **Oktatási tartalom**: 24 strukturált lecke, projekt alapú modulokba rendezve
- **Gyakorlati projektek**: Terrárium, Gépelős játék, Böngészőbővítmény, Űrjáték, Banki alkalmazás, Kódszerkesztő és AI csevegőasszisztens - **Gyakorlati projektek**: Terrárium, gépelős játék, böngészőbővítmény, űrjáték, banki alkalmazás, kódszerkesztő és AI chat asszisztens
- **Interaktív kvízek**: 48 kvíz, mindegyik 3 kérdéssel (elő- és utóleckés értékelések) - **Interaktív kvízek**: 48 kvíz, mindegyikben 3 kérdés (elő- és utóleckés értékelés)
- **Többnyelvű támogatás**: Automatikus fordítás 50+ nyelvre GitHub Actions segítségével - **Többnyelvű támogatás**: Automatikus fordítás 50+ nyelvre GitHub Actions használatával
- **Technológiák**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektekhez) - **Technológiák**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektekhez)
### Architektúra ### Architektúra
- Oktatási tárhely lecke-alapú struktúrával - Oktatási tárhely lecke-alapú szerkezettel
- Minden lecke mappája tartalmaz README-t, kódpéldákat és megoldásokat - Minden lecke mappa tartalmaz README fájlt, kód példákat és megoldásokat
- Önálló projektek külön könyvtárakban (quiz-app, különböző lecke projektek) - Önálló projektek külön könyvtárakban (quiz-app, különféle lecke projektek)
- Fordítási rendszer GitHub Actions (co-op-translator) használatával - Fordítási rendszer GitHub Actions segítségével (co-op-translator)
- Dokumentáció Docsify-val szolgáltatva és PDF-ben elérhető - Dokumentáció Docsify-n keresztül elérhető és PDF-ként is rendelkezésre áll
## Telepítési parancsok ## Beállítási parancsok
Ez a tárhely elsősorban oktatási tartalom fogyasztására szolgál. Egyedi projektekkel való munka esetén: Ez a tárhely elsősorban oktatási tartalom fogyasztására szolgál. Az egyes projektek használatához:
### Fő tárhely beállítása ### Fő tárhely beállítása
@ -31,13 +31,13 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Kvíz alkalmazás beállítása (Vue 3 + Vite) ### Quiz App beállítása (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Fejlesztői szerver indítása npm run dev # Fejlesztői szerver indítása
npm run build # Termelésre építés npm run build # Build előállítása éles környezetre
npm run lint # ESLint futtatása npm run lint # ESLint futtatása
``` ```
@ -56,7 +56,7 @@ npm run format # Formázás Prettier-rel
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Kövesse a böngészőspecifikus bővítménybetöltési utasításokat # Kövesse a böngészőspecifikus kiterjesztés betöltési utasításait
``` ```
### Űrjáték projektek ### Űrjáték projektek
@ -64,10 +64,10 @@ npm install
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# Nyisd meg az index.html-t böngészőben vagy használd a Live Server-t # Nyisd meg az index.html fájlt böngészőben vagy használd a Live Server-t
``` ```
### Csevegő projekt (Python háttér) ### Chat projekt (Python backend)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
@ -78,35 +78,35 @@ python api.py
## Fejlesztési munkafolyamat ## Fejlesztési munkafolyamat
### Tartalomszolgáltatók számára ### Tartalomközreműködőknek
1. **Forkold a tárhelyet** a saját GitHub fiókodba 1. **Forkold le a tárhelyet** a GitHub fiókodba
2. **Klónozd le** a forkot helyileg 2. **Clone-old le lokálisan** a saját forkodat
3. **Hozz létre egy új ágat** a változtatásaid számára 3. **Hozz létre egy új ágat** a változtatásaidnak
4. Módosítsd a lecke tartalmát vagy a kódpéldákat 4. Végezze el a változtatásokat a leckék tartalmában vagy kódpéldákban
5. Teszteld a kódváltoztatásokat a vonatkozó projekt könyvtáraiban 5. Teszteld a kódváltozásokat a projekt könyvtárakban
6. Küldj pull requesteket a hozzájárulási útmutató szerint 6. Küldj be pull request-et a hozzájárulási irányelvek szerint
### Tanulók számára ### Tanulóknak
1. Forkold vagy klónozd a tárhelyet 1. Forkold vagy clone-ld le a tárhelyet
2. Lépj sorban a lecke könyvtárakba 2. Haladj sorban a lecke könyvtárakban
3. Olvasd el az egyes leckék README fájljait 3. Olvasd el az egyes leckék README fájljait
4. Teljesítsd az előleckés kvízeket a https://ff-quizzes.netlify.app/web/ oldalon 4. Töltsd ki a tanulás előtti kvízeket a https://ff-quizzes.netlify.app/web/ oldalon
5. Dolgozz át a lecke mappák kódpéldáin 5. Haladj a lecke mappák kódpéldáin keresztül
6. Végezd el a feladatokat és kihívásokat 6. Végezd el a feladatokat és kihívásokat
7. Teljesítsd a utóleckés kvízeket 7. Töltsd ki az utóleckés kvízeket
### Élő fejlesztés ### Élő fejlesztés
- **Dokumentáció**: Futtasd a `docsify serve` parancsot a gyökérkönyvtárban (3000-es porton) - **Dokumentáció**: Futtasd a `docsify serve` parancsot a gyökérben (3000-es port)
- **Kvíz alkalmazás**: Futtasd az `npm run dev` parancsot a quiz-app könyvtárban - **Quiz App**: Futtasd az `npm run dev` parancsot a quiz-app könyvtárban
- **Projektek**: Használd a VS Code Live Server kiterjesztését HTML projektekhez - **Projektek**: Használd a VS Code Live Server kiterjesztést HTML projektekhez
- **API projektek**: Futtasd az `npm start` parancsot a megfelelő API könyvtárakban - **API projektek**: Futassd az `npm start` parancsot a megfelelő API könyvtárakban
## Tesztelési utasítások ## Tesztelési utasítások
### Kvíz alkalmazás tesztelése ### Quiz App tesztelése
```bash ```bash
cd quiz-app cd quiz-app
@ -119,164 +119,164 @@ npm run build # Ellenőrizze, hogy a build sikeres-e
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Ellenőrizze a kódstílus problémákat npm run lint # Ellenőrizze a kódstílus problémákat
node server.js # Ellenőrizze, hogy a szerver hibamentesen indul-e node server.js # Ellenőrizze, hogy a szerver hibák nélkül indul-e
``` ```
### Általános tesztelési megközelítés ### Általános tesztelési megközelítés
- Ez egy oktatási tárhely, átfogó automatikus tesztek nélkül - Ez egy oktatási tárhely, nem tartalmaz teljes körű automatizált teszteket
- Manuális tesztelés fókuszpontjai: - Kézi tesztelés fókuszpontjai:
- Kódpéldák hibamentes futása - A kódpéldák futnak hiba nélkül
- Dokumentáció linkjeinek helyessége - A dokumentációban lévő linkek működnek
- Projektek sikeres buildelése - A projekt build sikeres
- Példák legjobb gyakorlatokat követnek - A példák követik a legjobb gyakorlatokat
### Beküldés előtti ellenőrzések ### Beküldés előtti ellenőrzések
- Futtasd az `npm run lint` parancsot a package.json fájlt tartalmazó könyvtárakban - Futtasd az `npm run lint` parancsot a package.json-t tartalmazó könyvtárakban
- Ellenőrizd a markdown linkeket - Ellenőrizd a markdown linkek érvényességét
- Teszteld a kódpéldákat böngészőben vagy Node.js-ben - Teszteld a kódpéldákat böngészőben vagy Node.js alatt
- Ellenőrizd, hogy a fordítások megfelelő szerkezetet tartanak fenn - Ellenőrizd, hogy a fordítások megőrzik a megfelelő struktúrát
## Kódstílus irányelvek ## Kódstílus útmutató
### JavaScript ### JavaScript
- Használj modern ES6+ szintaxist - Használd a modern ES6+ szintaxist
- Kövesd a projektekben megadott szabványos ESLint konfigurációkat - Kövesd a projektekben adott standard ESLint konfigurációkat
- Használj érthető változó- és függvényneveket az oktatási érthetőségért - Használj jelentésgazdag változó- és függvényneveket oktatási tisztaság érdekében
- Adj hozzá kommenteket a fogalmak magyarázatához tanulók számára - Kommentáld a kódot a tanulók számára
- Formázd a kódot Prettier-rel, ahol be van állítva - Formázd a kódot Prettier-rel ahol be van állítva
### HTML/CSS ### HTML/CSS
- Szemantikus HTML5 elemek - Szémantikus HTML5 elemek
- Reszponzív tervezési elvek - Reszponzív dizájn elvek
- Áttekinthető osztályelnevezések - Egyértelmű osztálynevezések
- Kommentekkel magyarázott CSS technikák tanulóknak - Kommentáld a CSS technikákat a tanulók számára
### Python ### Python
- PEP 8 stílus előírások - Kövesd a PEP 8 stílus útmutatót
- Tiszta, oktató jellegű kódpéldák - Egyértelmű, oktatási kódpéldák
- Típusjelzések, ha hasznos a tanuláshoz - Használj típusjelöléseket, ha segítséget nyújt a tanulásban
### Markdown dokumentáció ### Markdown dokumentáció
- Világos címsor struktúra - Tiszta fejléc hierarchia
- Kódblokkok nyelvi megjelöléssel - Kódblokkok nyelvi megjelöléssel
- Hivatkozások további forrásokra - Linkek további erőforrásokhoz
- Képernyőképek és képek az `images/` könyvtárakban - Képernyőképek és képek az `images/` könyvtárakban
- Alternatív szöveg a képekhez hozzáférhetőség miatt - Alternatív szöveg a képekhez az akadálymentesség érdekében
### Fájlok szervezése ### Fájlok szervezése
- A leckék folyamatos számozással (1-getting-started-lessons, 2-js-basics stb.) - A leckék sorban számozva (1-getting-started-lessons, 2-js-basics stb.)
- Minden projektnek van `solution/`, gyakran `start/` vagy `your-work/` könyvtára - Minden projektnek van `solution/` és gyakran `start/` vagy `your-work/` könyvtára
- Képek lecke-specifikus `images/` mappákban tárolva - Képek lecke specifikus `images/` mappákban tárolva
- Fordítások a `translations/{language-code}/` struktúrában - Fordítások a `translations/{language-code}/` struktúrában
## Build és telepítés ## Build és telepítés
### Kvíz alkalmazás telepítése (Azure Static Web Apps) ### Quiz App telepítés (Azure Static Web Apps)
A quiz-app konfigurálva van Azure Static Web Apps telepítéshez: A quiz-app konfigurálva van Azure Static Web Apps telepítésre:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Létrehozza a dist/ mappát npm run build # Létrehozza a dist/ mappát
# GitHub Actions munkafolyamat segítségével telepít a main ágra történő push esetén # Telepítés GitHub Actions munkafolyamat révén a main ágba történő push esetén
``` ```
Azure Static Web Apps konfiguráció: Azure Static Web Apps konfiguráció:
- **App helye**: `/quiz-app` - **App helye**: `/quiz-app`
- **Kimeneti hely**: `dist` - **Kimeneti hely**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Munkafolyamat**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Dokumentáció PDF generálás ### Dokumentáció PDF generálás
```bash ```bash
npm install # Telepítse a docsify-to-pdf csomagot npm install # Telepítse a docsify-to-pdf csomagot
npm run convert # PDF generálása dokumentációból npm run convert # PDF generálása a docs-ból
``` ```
### Docsify dokumentáció ### Docsify dokumentáció
```bash ```bash
npm install -g docsify-cli # Docsify telepítése globálisan npm install -g docsify-cli # Telepítse a Docsify-t globálisan
docsify serve # Szolgáltatás futtatása a localhost:3000 címen docsify serve # Szolgáljon a localhost:3000 címen
``` ```
### Projekt-specifikus build folyamatok ### Projektspecifikus build folyamatok
Minden projekt könyvtárában lehet saját build lépés: Minden projekt könyvtárnak saját build folyamata lehet:
- Vue projektek: az `npm run build` elkészíti a gyártási csomagokat - Vue projektek: `npm run build`, amely létrehozza a produkciós csomagokat
- Statikus projektek: nincs külön build lépés, a fájlokat közvetlen szolgálja ki - Statikus projektek: nincs build lépés, a fájlokat közvetlenül szolgálják ki
## Pull request irányelvek ## Pull Request irányelvek
### Címsor formátum ### Cím formátum
Használj tiszta, leíró címsorokat, amelyek jelzik a változtatás területét: Használj tiszta, leíró címeket, amelyek jelzik a változtatás területét:
- `[Quiz-app] Új kvíz hozzáadása az X. leckéhez` - `[Quiz-app] Új kvíz hozzáadása az X. leckéhez`
- `[Lesson-3] Elírás javítása a terrárium projektben` - `[Lesson-3] Hibajavítás a terrárium projektben`
- `[Translation] Spanyol fordítás hozzáadása az 5. leckéhez` - `[Translation] Spanyol fordítás hozzáadása az 5. leckéhez`
- `[Docs] Telepítési utasítások frissítése` - `[Docs] Beállítási utasítások frissítése`
### Kötelező ellenőrzések ### Kötelező ellenőrzések
PR beküldése előtt: Pull request beküldése előtt:
1. **Kódminőség**: 1. **Kódminőség**:
- Futás `npm run lint` a érintett projekt könyvtáraiban - Futtasd az `npm run lint` parancsot az érintett projektek könyvtáraiban
- Javíts minden lint hibát és figyelmeztetést - Javíts minden lint hibát és figyelmeztetést
2. **Build ellenőrzés**: 2. **Build ellenőrzés**:
- Futtasd az `npm run build` parancsot, ha van ilyen lépés - Futtasd az `npm run build` parancsot ha szükséges
- Győződj meg, hogy nincs build hiba - Bizonyosodj meg, hogy nincs build hiba
3. **Hivatkozások ellenőrzése**: 3. **Link validáció**:
- Teszteld a markdown linkeket - Teszteld az összes markdown linket
- Ellenőrizd a kép hivatkozásokat - Ellenőrizd a kép hivatkozásokat
4. **Tartalom átnézése**: 4. **Tartalom átvizsgálás**:
- Ellenőrizd helyesírást és nyelvtant - Ellenőrizd a helyesírást és nyelvtant
- Győződj meg a kódpéldák helyességéről és oktatási jellegéről - Győződj meg róla, hogy a kódpéldák helyesek és oktatók
- Ellenőrizd, hogy a fordítások megőrzik az eredeti jelentést - Ellenőrizd, hogy a fordítások megőrzik az eredeti jelentést
### Hozzájárulási feltételek ### Hozzájárulási követelmények
- Fogadj el Microsoft CLA-t (automatikus ellenőrzés az első PR-nál) - Fogadd el a Microsoft CLA-t (automatikus ellenőrzés az első PR-nál)
- Kövesd a [Microsoft nyílt forráskódú magatartási kódexét](https://opensource.microsoft.com/codeofconduct/) - Kövesd a [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) irányelveit
- Részletes útmutatók a [CONTRIBUTING.md](./CONTRIBUTING.md) fájlban - Részletes irányelvek a [CONTRIBUTING.md](./CONTRIBUTING.md) fájlban
- Ha van, hivatkozz issue számokra a PR leírásában - Hivatkozz issue számokra a PR leírásában, ha alkalmazható
### Áttekintési folyamat ### Áttekintési folyamat
- A PR-eket a karbantartók és a közösség vizsgálja át - PR-eket fenntartók és a közösség is átnézi
- Oktatási érthetőség az elsődleges szempont - Oktatási érthetőség prioritás
- Kódpéldák kövessék a legjobb aktuális gyakorlatokat - Kódpéldák követik a jelenlegi legjobb gyakorlatokat
- A fordításokat pontosság és kulturális megfelelőség alapján értékelik - Fordításokat pontosság és kulturális megfelelőség szerint vizsgálják
## Fordítási rendszer ## Fordítási rendszer
### Automatikus fordítás ### Automatikus fordítás
- GitHub Actions használatával, co-op-translator workflow-val - GitHub Actions-t használ co-op-translator munkafolyamattal
- 50+ nyelvre automatikusan fordít - Több mint 50 nyelvre fordít automatikusan
- Forrásfájlok a fő könyvtárakban - Forrásfájlok a fő könyvtárakban
- Fordított fájlok a `translations/{language-code}/` mappákban - Fordított fájlok a `translations/{language-code}/` könyvtárakban
### Kézi fordítási javítások hozzáadása ### Kézi fordítási javítások hozzáadása
1. Keresd meg a fájlt a `translations/{language-code}/` könyvtárban 1. Keress rá a fájlra a `translations/{language-code}/` könyvtárban
2. Javításokat végezz a szerkezet megtartásával 2. Végezd el a javításokat a struktúra megtartásával
3. Biztosítsd, hogy a kódpéldák továbbra is működnek 3. Bizonyosodj meg róla, hogy a kódpéldák működőképesek maradnak
4. Teszteld a lokalizált kvíz tartalmakat 4. Teszteld a lokalizált kvíz tartalmakat
### Fordítás metaadatok ### Fordítási metaadatok
A fordított fájlok tartalmazzák az alábbi metaadat fejléceket: A fordított fájlok tartalmazzák a metaadat fejlécet:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
### Gyakori problémák ### Gyakori problémák
**Kvíz alkalmazás nem indul**: **Nem indul el a quiz app**:
- Ellenőrizd a Node.js verziót (v14+ ajánlott) - Ellenőrizd a Node.js verzióját (ajánlott v14+)
- Töröld a `node_modules` és a `package-lock.json` fájlokat, majd futtasd újra az `npm install` parancsot - Töröld a `node_modules` és `package-lock.json` fájlokat, majd futtasd újra az `npm install` parancsot
- Ellenőrizd a port ütközéseket (alapértelmezett: Vite 5173-as portot használ) - Ellenőrizd a port ütközéseket (alapértelmezett: Vite a 5173-as portot használja)
**API szerver nem indul**: **API szerver nem indul**:
- Ellenőrizd, hogy a Node.js verzió megfelel-e a minimum követelménynek (node >=10) - Győződj meg arról, hogy a Node.js verzió >=10
- Ellenőrizd, hogy a port nincs-e már használatban - Nézd meg, hogy a port nincs foglalva
- Győződj meg róla, hogy minden függőség telepítve van az `npm install` futtatásával - Ellenőrizd, hogy minden függőség fel van telepítve az `npm install`-lal
**Böngészőbővítmény nem töltődik be**: **Böngészőbővítmény nem töltődik be**:
- Ellenőrizd, hogy a manifest.json megfelelő formátumú - Ellenőrizd a manifest.json helyes formázását
- Nézd meg a böngésző konzolját hibák után - Nézd meg a böngésző konzolt hibák után
- Kövesd a böngésző-specifikus bővítmény telepítési utasításokat - Kövesd a böngésző specifikus bővítmény telepítési útmutatót
**Python chat projekt problémák**: **Python chat projekt problémák**:
- Győződj meg róla, hogy az OpenAI csomag telepítve van: `pip install openai` - Győződj meg arról, hogy az OpenAI csomag telepítve van: `pip install openai`
- Ellenőrizd, hogy a GITHUB_TOKEN környezeti változó be van-e állítva - Ellenőrizd a GITHUB_TOKEN környezeti változó meglétét
- Vizsgáld meg a GitHub Models hozzáférési jogosultságokat - Nézd meg a GitHub Modellekhez való hozzáférést
**Docsify nem szolgáltat dokumentációt**: **Docsify nem szolgálja ki a dokumentációt**:
- Telepítsd globálisan a docsify-cli-t: `npm install -g docsify-cli` - Telepítsd globálisan a docsify-cli-t: `npm install -g docsify-cli`
- Futtasd a parancsot a tárhely gyökeréből - Futtasd a tárhely gyökérkönyvtárából
- Ellenőrizd, hogy létezik a `docs/_sidebar.md` fájl - Ellenőrizd, hogy a `docs/_sidebar.md` fájl létezik
### Fejlesztési környezet tippek ### Fejlesztési környezet tippek
- Használj VS Code-ot Live Server kiterjesztéssel HTML projektekhez - Használd a VS Code Live Server kiterjesztését HTML projektekhez
- Telepítsd az ESLint és Prettier bővítményeket az egységes formázáshoz - Telepítsd az ESLint és Prettier kiterjesztéseket a konzisztens formázáshoz
- Használd a böngésző fejlesztői eszközeit JavaScript hibakereséshez - Használd a böngésző DevTools-t JavaScript hibakereséshez
- Vue projektekhez telepítsd a Vue DevTools böngésző kiterjesztést - Vue projektekhez telepítsd a Vue DevTools böngésző kiterjesztést
### Teljesítményre vonatkozó megfontolások ### Teljesítmény szempontok
- A több mint 50 nyelvű fordítás miatt a teljes klónozás nagy méretű lehet - Nagyszámú fordított fájl (50+ nyelv) miatt a teljes klón nagy méretű
- Használj sekély klónozást, ha csak a tartalmon dolgozol: `git clone --depth 1` - Használj shallow klónt, ha csak tartalmon dolgozol: `git clone --depth 1`
- A kereséseknél kizárhatod a fordításokat, ha csak angol tartalmon dolgozol - A keresésekből zárd ki a fordításokat, ha angol tartalmon dolgozol
- Az első futtatásnál (npm install, Vite build) lassúak lehetnek a build folyamatok - Az első futtatáskor (npm install, Vite build) a build folyamatok lassúak lehetnek
## Biztonsági megfontolások ## Biztonsági szempontok
### Környezeti változók ### Környezeti változók
- Az API kulcsokat soha ne köteleződjenek el a tárhelyen - API kulcsok soha ne kerüljenek a tárhelyre commitálásra
- Használj `.env` fájlokat (amelyek már benne vannak a `.gitignore`-ban) - Használj `.env` fájlokat (már a `.gitignore`-ban szerepelnek)
- Dokumentáld a szükséges környezeti változókat a projekt README fájljaiban - Dokumentáld a szükséges környezeti változókat a projekt README-jeiben
### Python projektek ### Python projektek
- Használj virtuális környezeteket: `python -m venv venv` - Használj virtuális környezeteket: `python -m venv venv`
- Tartsd naprakészen a függőségeket - Tartsd naprakészen a függőségeket
- A GitHub tokenek rendelkezzenek csak a szükséges minimális jogosultságokkal - A GitHub tokeneknek minimális jogosultságokkal kell rendelkezniük
### GitHub Models hozzáférés ### GitHub Modellekhez való hozzáférés
- Személyes hozzáférési token (PAT) szükséges a GitHub Models használatához - Személyes hozzáférési tokenek (PAT) szükségesek a GitHub Modellekhez
- A tokeneket környezeti változóként tárold - A tokeneket környezeti változóként kell tárolni
- Soha ne köteleződj el tokeneket vagy hitelesítő adatokat - Tokeneket és hitelesítő adatokat soha ne commitálj
## Egyéb megjegyzések ## Egyéb megjegyzések
### Célközönség ### Célközönség
- Teljesen kezdő webfejlesztők - Teljesen kezdők a webfejlesztésben
- Tanulók és önálló tanulók - Diákok és önálló tanulók
- Tanárok, akik az oktatási tananyagot osztálytermi használatra alkalmazzák - Tanárok, akik az oktatási anyagot osztályteremben használják
- A tartalom hozzáférhető és fokozatos képességfejlesztést biztosít - A tartalom akadálymentes és fokozatos készségfejlesztésre tervezett
### Oktatási filozófia ### Oktatási filozófia
- Projektalapú tanulás - Projekt alapú tanulás
- Gyakori tudásellenőrző kvízek - Gyakori tudásellenőrzések (kvízek)
- Gyakorlati kódolási feladatok - Gyakorlati kódolási feladatok
- Valós világban használható példák - Valós alkalmazási példák
- Alapokra fókuszálás a keretrendszerek előtt - Alapok előtérbe helyezése a keretrendszerek előtt
### Tárhely karbantartása ### Tárhely karbantartás
- Aktív tanulói és közreműködő közösség - Aktív közösség tanulókkal és hozzájárulókkal
- Rendszeres frissítések a függőségekhez és tartalomhoz - Rendszeres frissítések függőségekben és tartalomban
- Issue-k és beszélgetések karbantartói felügyelete - Az issue-k és viták fenntartók által monitorozva
- Fordítások automatikusan frissülnek GitHub Actions segítségével - Fordítások automatikusan frissülnek GitHub Actions segítségével
### Kapcsolódó források ### Kapcsolódó erőforrások
- [Microsoft Learn modulok](https://docs.microsoft.com/learn/) - [Microsoft Learn modulok](https://docs.microsoft.com/learn/)
- [Student Hub erőforrások](https://docs.microsoft.com/learn/student-hub/) - [Student Hub források](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ajánlott a tanulóknak - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ajánlott tanulóknak
- További kurzusok: Generatív AI, Data Science, ML, IoT tananyagok elérhetők - Egyéb kurzusok: Generatív AI, Adattudomány, ML, IoT tananyagok elérhetőek
### Egyedi projektek kezelése ### Egyedi projektek kezelése
Egyéni projektek részletes útmutatói elérhetők a README fájlokban: Az egyes projektek részletes útmutatói elérhetőek a README fájlokban:
- `quiz-app/README.md` - Vue 3 kvíz alkalmazás - `quiz-app/README.md` - Vue 3 kvíz alkalmazás
- `7-bank-project/README.md` - Banki alkalmazás hitelesítéssel - `7-bank-project/README.md` - Banki alkalmazás hitelesítéssel
- `5-browser-extension/README.md` - Böngészőbővítmény fejlesztés - `5-browser-extension/README.md` - Böngészőbővítmény fejlesztés
- `6-space-game/README.md` - Canvas alapú játék fejlesztés - `6-space-game/README.md` - Canvas alapú játék fejlesztés
- `9-chat-project/README.md` - AI csevegő asszisztens projekt - `9-chat-project/README.md` - AI chat asszisztens projekt
### Monorepo struktúra ### Monorepo szerkezet
Bár nem hagyományos monorepóról van szó, ez a tárhely több független projektet tartalmaz: Habár nem egy hagyományos monorepo, ez a tárhely több önálló projektet tartalmaz:
- Minden lecke önálló egység - Minden lecke önállóan működik
- A projektek nem osztanak meg függőségeket - A projektek nem osztanak meg függőségeket
- Egyedi projekteken dolgozhatsz anélkül, hogy másokat befolyásolnál - Az egyes projekteken önállóan dolgozhatsz befolyás nélkül a többire
- Teljes tananyag élményéhez klónozd az egész tárhelyet - A teljes tananyag élményért klónozd a teljes tárhelyet
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Felelősségkizárás**: **Felelősség kizárása**:
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. 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.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

249
translations/hu/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Webfejlesztés kezdőknek - Tananyag # Webfejlesztés kezdőknek - Tanmenet
Ismerd meg a webfejlesztés alapjait a Microsoft Cloud Advocates által tartott 12 hetes átfogó tanfolyamunkon. A 24 leckéből mindegyik JavaScriptet, CSS-t és HTML-t tárgyal, gyakorlati projektek révén, mint terráriumok, böngészőbővítmények és űrjátékok. Vegyél részt kvízekben, beszélgetésekben és gyakorlati feladatokban. Fejleszd készségeidet és optimalizáld a tudásod megtartását hatékony, projekt-alapú tanulási módszerünkkel. Kezdd el a kódolási utadat még ma! Ismerkedjen meg a webfejlesztés alapjaival a Microsoft Cloud Advocates által készített 12 hetes átfogó tanfolyamunkkal. Mind a 24 lecke a JavaScript, CSS és HTML témakörébe nyújt betekintést gyakorlati projektek segítségével, mint például terráriumok, böngészőkiegészítők és űrjátékok. Vegyen részt kvízekben, beszélgetésekben és gyakorlati feladatokban. Fejlessze képességeit és optimalizálja tudásának megőrzését hatékony, projekten alapuló oktatásunkkal. Kezdje el a kódolási kalandot még ma!
Csatlakozz az Azure AI Foundry Discord közösséghez Csatlakozzon az Azure AI Foundry Discord közösséghez
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Kövesd ezeket a lépéseket, hogy elkezdd használni ezeket az erőforrásokat: Kövesse az alábbi lépéseket, hogy elkezdje használni ezeket az erőforrásokat:
1. **Repozitorium klónozása**: Kattints ide [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **Forkolja a tárházat**: Kattintson ide [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Repozitorium klónozása**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Klónozza a tárházat**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Csatlakozz az Azure AI Foundry Discordhoz, és ismerkedj meg szakértőkkel és fejlesztőtársaiddal**](https://discord.com/invite/ByRwuEEgH4) 3. [**Csatlakozzon az Azure AI Foundry Discordhoz, hogy találkozzon szakértőkkel és fejlesztőtársaival**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Többnyelvű támogatás ### 🌐 Többnyelvű támogatás
#### GitHub Action segítségével támogatott (Automatikus és mindig naprakész) #### GitHub Action segítségével támogatott (Automatizált és Mindig naprakész)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](./README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) [Arab](../ar/README.md) | [Bengáli](../bn/README.md) | [Bolgár](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Kínai (egyszerűsített)](../zh-CN/README.md) | [Kínai (hagyományos, Hong Kong)](../zh-HK/README.md) | [Kínai (hagyományos, Makaó)](../zh-MO/README.md) | [Kínai (hagyományos, Tajvan)](../zh-TW/README.md) | [Horvát](../hr/README.md) | [Cseh](../cs/README.md) | [Dán](../da/README.md) | [Holland](../nl/README.md) | [Észt](../et/README.md) | [Finn](../fi/README.md) | [Francia](../fr/README.md) | [Német](../de/README.md) | [Görög](../el/README.md) | [Héber](../he/README.md) | [Hindi](../hi/README.md) | [Magyar](./README.md) | [Indonéz](../id/README.md) | [Olasz](../it/README.md) | [Japán](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Koreai](../ko/README.md) | [Litván](../lt/README.md) | [Maláj](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepáli](../ne/README.md) | [Nigériai pidgin](../pcm/README.md) | [Norvég](../no/README.md) | [Perzsa (Farsi)](../fa/README.md) | [Lengyel](../pl/README.md) | [Portugál (Brazília)](../pt-BR/README.md) | [Portugál (Portugália)](../pt-PT/README.md) | [Pandzsábi (Gurmukhi)](../pa/README.md) | [Román](../ro/README.md) | [Orosz](../ru/README.md) | [Szerb (cirill)](../sr/README.md) | [Szlovák](../sk/README.md) | [Szlovén](../sl/README.md) | [Spanyol](../es/README.md) | [Szuahéli](../sw/README.md) | [Svéd](../sv/README.md) | [Tagalog (Filippínó)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Török](../tr/README.md) | [Ukrán](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnami](../vi/README.md)
> **Szeretnéd helyben klónozni?** > **Szeretné helyben klónozni?**
> >
> Ez a repozitórium több mint 50 nyelvi fordítást tartalmaz, ami jelentősen megnöveli a letöltési méretet. Ha fordítások nélkül szeretnéd klónozni, használj sparse checkoutot: > Ez a tárház több mint 50 nyelvi fordítást tartalmaz, ami jelentősen megnöveli a letöltési méretet. Ha fordítások nélkül szeretné klónozni, használja a sparse checkout-ot:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,91 +48,92 @@ Kövesd ezeket a lépéseket, hogy elkezdd használni ezeket az erőforrásokat:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Így mindent megkapsz, amire szükséged van a tanfolyam elvégzéséhez, sokkal gyorsabb letöltéssel. > Ez mindent megad, amire szüksége van a tanfolyam elvégzéséhez sokkal gyorsabb letöltéssel.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Ha további nyelvű fordításokat szeretnél, ezek itt találhatók [itt](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Ha további támogatott fordítási nyelveket szeretne, azok [itt találhatók](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Megnyitás Visual Studio Code-ban](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Tanuló vagy?_ #### 🧑‍🎓 _Diák vagy?_
Látogasd meg a [**Hallgatói központ oldalt**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol megtalálod a kezdő erőforrásokat, hallgatói csomagokat és akár ingyenes tanúsítvány kupont is szerezhetsz. Ezt az oldalt érdemes elmenteni könyvjelzőnek és időnként ellenőrizni, mert havonta frissítjük a tartalmat. Látogass el a [**Diák Hub oldalra**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), ahol kezdő erőforrásokat, diák csomagokat és akár ingyenes tanúsítvány utalványokat is találsz. Ezt az oldalt érdemes rendszeresen könyvjelzőzni, mivel havonta frissítjük a tartalmat.
### 📣 Bejelentés - Új GitHub Copilot Agent mód kihívások várnak! ### 📣 Bejelentés - Új GitHub Copilot Agent mód kihívások!
Új kihívás került hozzáadásra, keresd a "GitHub Copilot Agent Challenge 🚀" feliratot a legtöbb fejezetben. Ez egy új kihívás, amelyet GitHub Copilot és Agent mód segítségével teljesíthetsz. Ha még nem használtad az Agent módot, tud szöveget generálni, fájlokat létrehozni és szerkeszteni, parancsokat futtatni és még sok mást. Új kihívás került hozzáadásra "GitHub Copilot Agent Challenge 🚀" néven a legtöbb fejezetben. Ez egy új kihívás, amit a GitHub Copilot és az Agent mód segítségével teljesíthetsz. Ha még nem használtad az Agent módot, az nemcsak szöveg generálására képes, hanem fájlok létrehozására és szerkesztésére, parancsok futtatására és még sok másra.
### 📣 Bejelentés - _Új projekt generatív MI használatával_ ### 📣 Bejelentés - _Új projekt a Generatív Mesterséges Intelligencia használatával_
Új AI asszisztens projekt került hozzáadásra, nézd meg a [projektet](./9-chat-project/README.md) Új AI asszisztens projekt került hozzáadásra, nézd meg a [projektdokumentációt](./9-chat-project/README.md)
### 📣 Bejelentés - _Új tananyag_ Generatív MI témában JavaScripthez ### 📣 Bejelentés - _Új tanmenet_ JavaScript Generatív MI témában jelent meg
Ne hagyd ki új generatív MI tananyagunkat! Ne hagyd ki új Generatív MI tanmenetünket!
Látogasd meg a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalt a kezdéshez! Látogass el a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalra, és kezdj bele!
![Háttér](../../translated_images/hu/background.148a8d43afde5730.webp) ![Háttér](../../translated_images/hu/background.148a8d43afde5730.webp)
- Leckék az alapoktól a RAG-ig. - Leckék az alapoktól a RAG-ig.
- Történelmi karakterekkel interakció GenAI-val és kísérő alkalmazásunkkal. - Történelmi szereplőkkel léphetsz interakcióba a Generatív MI és kísérő alkalmazásunk segítségével.
- Szórakoztató és lebilincselő történet, időutazás! - Szórakoztató és lebilincselő történet, időutazás élményével!
![karakter](../../translated_images/hu/character.5c0dd8e067ffd693.webp) ![szereplő](../../translated_images/hu/character.5c0dd8e067ffd693.webp)
Minden lecke tartalmaz egy kitöltendő feladatot, tudásellenőrzést és egy kihívást, amelyek segítenek a következők elsajátításában:
- Promptolás és prompttervezés Minden lecke egy feladatot, egy tudásellenőrzést és egy kihívást tartalmaz, hogy segítsen a következő témák elsajátításában:
- Szöveg és kép alkalmazás generálás - Promptolás és prompt mérnöki munka
- Szöveg- és képalkalmazás generálás
- Keresőalkalmazások - Keresőalkalmazások
Látogasd meg a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalt a kezdéshez! Látogass el a [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) oldalra, és kezdj bele!
## 🌱 Első lépések ## 🌱 Kezdés
> **Tanárok**, [tartalmazunk néhány javaslatot](for-teachers.md) a tananyag használatához. Visszajelzéseteket szívesen várjuk [a beszélgetési fórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Tanárként** néhány javaslatot [ide](for-teachers.md) tettünk közzé a tanmenet használatára. Szívesen fogadjuk visszajelzésedet [vitafórumunkban](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden leckéhez kezdjetek egy előadás előtti kvízzel, majd olvassátok el az előadás anyagát, végezzétek el a különféle feladatokat, és a végén a jó megértés érdekében oldjátok meg az előadás utáni kvízt. **[Tanulók](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, minden lecke előtt végezzetek bevezető kvízt, majd olvassátok el az anyagot, végezzétek el a feladatokat, és teszteljétek tudásotokat az utólagos kvízzel.
A tanulási élmény fokozása érdekében dolgozzatok együtt társaitokkal a projekteken! A beszélgetéseket ösztönözzük [beszélgetési fórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátoraink rendelkezésre állnak, hogy válaszoljanak kérdéseitekre. A tanulási élmény fokozása érdekében dolgozzatok együtt diáktársaitokkal a projekteken! A beszélgetések ösztönzöttek a [vitafórumunkon](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), ahol moderátor csapatunk készen áll válaszolni kérdéseitekre.
Tovább mélyítheted tudásodat, ha felfedezed a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) oldalát további tananyagokért. A tanulmányaitok elősegítéséhez erősen ajánljuk a [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) platform további anyagainak felfedezését.
### 📋 Környezeted beállítása ### 📋 Fejlesztői környezet beállítása
Ez a tananyag fejlesztői környezettel érkezik, ami készen áll a használatra! A kezdéshez választhatod, hogy a tananyagot egy [Codespace-ben](https://github.com/features/codespaces/) futtatod (_böngésző alapú, telepítés nélküli környezet_), vagy helyben a számítógépeden egy szövegszerkesztővel, például a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) alkalmazással. Ez a tanmenet egy működő fejlesztői környezettel érkezik! Kezdésként választhatjátok a tanmenet futtatását [Codespace-ben](https://github.com/features/codespaces/) (_böngésző alapú, telepítés nélküli környezet_), vagy helyben, a számítógépeden egy szövegszerkesztővel, például a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) segítségével.
#### Hozd létre saját repositorydat #### Hozd létre a saját tárházad
Ahhoz, hogy könnyen elmented a munkádat, ajánlott, hogy készíts saját másolatot erről a repozitóriumról. Ezt megteheted, ha a lap tetején a **Use this template** gombra kattintasz. Ez létrehoz egy új repozitóriumot a GitHub fiókodban a tananyag másolatával. A munkád biztonságos mentése érdekében ajánlott létrehoznod a saját példányodat ebből a tárházból. Ezt megteheted az oldal tetején található **Use this template** gombra kattintva. Ez egy új tárházat hoz létre GitHub fiókodban, a tanmenet másolatával.
Kövessétek ezeket a lépéseket: Lépések:
1. **Forráspont másolása (Fork)**: Kattints a "Fork" gombra a lap jobb felső sarkában. 1. **Forkold a tárházat**: Kattints a jobb felső sarokban lévő "Fork" gombra.
2. **Repo letöltése (Clone)**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Klónozd a tárházat**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### A tananyag futtatása Codespace-ben #### Tanmenet futtatása Codespace-ben
A saját másolatodban, amit létrehoztál, kattints a **Code** gombra, majd válaszd az **Open with Codespaces** lehetőséget. Ez új Codespace-et hoz létre a munkához. A tárházadban, amit létrehoztál, kattints a **Code** gombra, majd válaszd az **Open with Codespaces** opciót. Ez létrehoz egy új Codespace-t a munkához.
![Codespace](../../translated_images/hu/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/hu/createcodespace.0238bbf4d7a8d955.webp)
#### A tananyag helyi futtatása #### Tanmenet futtatása helyben a számítógépeden
A tananyag helyi futtatásához egy szövegszerkesztőre, böngészőre és parancssori eszközre lesz szükséged. Az első leckénk, [Bevezetés a programozási nyelvekbe és eszközökbe](../../1-getting-started-lessons/1-intro-to-programming-languages), bemutat különféle lehetőségeket ezek közül, hogy kiválaszthasd a számodra legmegfelelőbbet. A tanmenet helyi futtatásához szükséged lesz egy szövegszerkesztőre, egy böngészőre és egy parancssori eszközre. Az első leckénk, [Bevezetés a programozási nyelvekbe és eszközökbe](../../1-getting-started-lessons/1-intro-to-programming-languages) segít több lehetőség közötti választásban ezek közül.
Ajánljuk a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használatát szerkesztőként, amely beépített [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) is tartalmaz. A Visual Studio Code-ot innen töltheted le: [ide](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Ajánljuk a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) használatát szerkesztőként, amely beépített [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) is tartalmaz. A Visual Studio Code letölthető [innen](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klónozd le a tárolódat a számítógépedre. Ezt úgy teheted meg, hogy rákattintasz a **Code** gombra, majd kimásolod az URL-t: 1. Klónozd a tárolódat a számítógépedre. Ezt úgy teheted meg, hogy rákattintasz a **Code** gombra, és kimásolod az URL-t:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) alkalmazáson belül, és futtasd a következő parancsot, a `<your-repository-url>` helyére beillesztve az imént kimásolt URL-t: Ezután nyisd meg a [Terminált](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) belül, és futtasd a következő parancsot, az `<your-repository-url>` helyére beillesztve a most kimásolt URL-t:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt a **File** > **Open Folder** menüpont kiválasztásával, majd a klónozott mappa megadásával teheted meg. 2. Nyisd meg a mappát a Visual Studio Code-ban. Ezt úgy teheted meg, hogy rákattintasz a **File** > **Open Folder** menüpontra, majd kiválasztod a klónozott mappát.
> Ajánlott Visual Studio Code kiterjesztések: > Ajánlott Visual Studio Code kiterjesztések:
@ -144,136 +145,136 @@ Ajánljuk a [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academi
- opcionális vázlatrajzot - opcionális vázlatrajzot
- opcionális kiegészítő videót - opcionális kiegészítő videót
- leckét megelőző bemelegítő kvízt - tanóra előtti bemelegítő kvízt
- írott leckét - írott leckét
- projekt alapú leckékhez lépésről lépésre útmutatókat a projekt elkészítéséhez - projekt alapú leckékhez lépésről lépésre útmutatókat a projekt megépítéséhez
- tudásellenőrzőket - tudásellenőrzéseket
- kihívást - kihívást
- kiegészítő olvasnivalót - kiegészítő olvasnivalót
- feladatot - feladatot
- [lecke utáni kvízt](https://ff-quizzes.netlify.app/web/) - [tanóra utáni kvízt](https://ff-quizzes.netlify.app/web/)
> **Megjegyzés a kvízekhez**: Az összes kvíz a Quiz-app mappában található, összesen 48 darab, mindhárom kérdésből álló teszt. Elérhetők [itt](https://ff-quizzes.netlify.app/web/), a kvíz alkalmazás helyileg is futtatható vagy Azure-ra telepíthető; kövesd az utasításokat a `quiz-app` mappában. > **Megjegyzés a kvízekhez**: Minden kvíz a Quiz-app mappában található, összesen 48 kvíz három kérdéssel. Elérhetőek [itt](https://ff-quizzes.netlify.app/web/), a kvízalkalmazás futtatható helyileg vagy telepíthető Azure-ra; kövesd az utasításokat a `quiz-app` mappában.
## 🗃️ Leckék ## 🗃️ Leckék
| | Projekt neve | Tanított koncepciók | Tanulási célok | Kapcsolódó lecke | Szerző | | | Projekt neve | Tanított fogalmak | Tanulási célok | Hivatkozott lecke | Szerző |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Első lépések | Bevezetés a programozásba és a szakmában használt eszközök | Ismerd meg a legtöbb programozási nyelv alapjait és azokat a szoftvereket, amelyek segítik a profi fejlesztőket a munkájukban | [Bevezetés a programozási nyelvekbe és eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Kezdés | Bevezetés a programozásba és a szakmai eszközökbe | Ismerd meg a legtöbb programozási nyelv alapjait és azokat a szoftvereket, amelyek segítik a profi fejlesztők munkáját | [Bevezetés a programozási nyelvekbe és eszközökbe](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Első lépések | A GitHub alapjai, csapatmunkával együtt | Hogyan használd a GitHubot a projektedben, és hogyan működj össze másokkal egy kódalapon | [Bevezetés a GitHubba](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Kezdés | A GitHub alapjai, beleértve a csapatmunkát | Hogyan használd a GitHubot a projektedben, és hogyan működj együtt másokkal kódbázison | [Bevezetés a GitHubba](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Első lépések | Akadálymentesség | Ismerd meg a webes akadálymentesség alapjait | [Az akadálymentesség alapjai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Kezdés | Akadálymentesség | Ismerd meg a web akadálymentesség alapjait | [Akadálymentesség alapjai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Alapok | JavaScript adattípusok | A JavaScript adattípusainak alapjai | [Adattípusok](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS alapok | JavaScript adattípusok | A JavaScript adattípusok alapjai | [Adattípusok](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Alapok | Függvények és metódusok | Ismerd meg a függvényeket és metódusokat, amelyek az alkalmazás logikájának kezelésére szolgálnak | [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md) | Jasmine és Christopher | | 05 | JS alapok | Függvények és metódusok | Ismerd meg a függvényeket és metódusokat az alkalmazás logikájának kezeléséhez | [Függvények és metódusok](./2-js-basics/2-functions-methods/README.md) | Jasmine és Christopher |
| 06 | JS Alapok | Döntéshozatal JS-ben | Tanuld meg, hogyan készíts feltételeket a kódodban döntéshozó módszerekkel | [Döntéshozatal](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS alapok | Döntéshozatal JS-ben | Tanuld meg, hogyan hozz létre feltételeket a kódodban döntéshozatali módszerekkel | [Döntéshozatal](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Alapok | Tömbök és ciklusok | Dolgozz adatokkal tömbök és ciklusok segítségével JavaScriptben | [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS alapok | Tömbök és ciklusok | Dolgozz adatkezeléssel tömbök és ciklusok segítségével JavaScriptben | [Tömbök és ciklusok](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML a gyakorlatban | Építsd meg az online terrárium HTML-jét, fókuszálva a layout elkészítésére | [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML gyakorlatban | Építsd meg a HTML-t egy online terráriumhoz, a layout készítésére fókuszálva | [Bevezetés a HTML-be](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS a gyakorlatban | Építsd meg a CSS-t az online terrárium stílusához, beleértve az oldal reszponzívvá tételét is | [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS gyakorlatban | Építsd meg a CSS-t az online terráriumhoz, a CSS alapjaira fókuszálva, beleértve az oldal reszponzívvá tételét | [Bevezetés a CSS-be](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript lezárások, DOM kezelése | Építsd meg a JavaScript-et, hogy a terrárium drag/drop felületként működjön, fókuszálva a lezárásokra és a DOM kezelésére | [JavaScript lezárások, DOM kezelés](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript closures, DOM manipuláció | Építsd meg a JavaScript-et, hogy a terrárium drag/drop felületként működjön, fókuszálva a closures és a DOM kezelésére | [JavaScript closures, DOM manipuláció](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Billentyűzetes játék](./4-typing-game/solution/README.md) | Billentyűzetes játék építése | Tanulj meg billentyűeseményeket használni JavaScript alkalmazásod logikájának vezérléséhez | [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Gépelős játék](./4-typing-game/solution/README.md) | Gépelős játék építése | Tanuld meg, hogyan használd a billentyűzetes eseményeket appod logikájának vezérlésére | [Eseményvezérelt programozás](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Böngészőkkel való munka | Ismerd meg, hogyan működnek a böngészők, történetüket és hogyan készítsd el az első elemeket egy böngészőbővítményhez | [A böngészőkről](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Böngészőkkel való munka | Tanuld meg, hogyan működnek a böngészők, történetüket és hogyan használd a böngészőbővítmény első elemeinek létrehozásához | [A böngészőkről](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Űrlap készítése, API hívás és változók tárolása helyi tárolóban | Építsd meg a böngészőbővítmény JavaScript elemeit, hogy API-t hívj változók használatával, melyek helyileg tárolódnak | [API-k, űrlapok és helyi tárolók](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Űrlap készítése, API hívása és helyi tároló változók használata | Építsd meg a böngészőbővítményed JavaScript elemeit egy API meghívásához helyi tároló változókkal | [API-k, űrlapok és helyi tárolás](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Háttérfolyamatok a böngészőben, webteljesítmény | Használd a böngésző háttérfolyamatait az ikon kezelésére; ismerd meg a webteljesítményt és néhány optimalizálást | [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Zöld böngészőbővítmény](./5-browser-extension/solution/README.md) | Háttérfolyamatok a böngészőben, web teljesítmény | Használd a böngésző háttérfolyamatait az ikonjának kezelésére; ismerd meg a web teljesítményét és néhány optimalizálási módszert | [Háttérfeladatok és teljesítmény](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Űrjáték](./6-space-game/solution/README.md) | Haladóbb játékfejlesztés JavaScript-tel | Tanuld meg az öröklődést osztályok és kompozíció segítségével, valamint a Pub/Sub mintát egy játék fejlesztéséhez | [Bevezetés a haladó játékfejlesztésbe](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Űr játék](./6-space-game/solution/README.md) | Fejlettebb játékfejlesztés JavaScript-tel | Ismerd meg az öröklést osztályok és összetétel (composition) használatával, valamint a Pub/Sub mintát, hogy előkészülj egy játék építésére | [Bevezetés a fejlett játékfejlesztésbe](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Űrjáték](./6-space-game/solution/README.md) | Rajzolás vászonra | Ismerd meg a Canvas API-t, amely elemek rajzolására szolgál a képernyőre | [Rajzolás vászonra](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Űr játék](./6-space-game/solution/README.md) | Rajzolás a vászonra | Ismerd meg a Canvas API-t, amellyel elemeket rajzolhatunk a képernyőre | [Rajzolás a vászonra](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Űrjáték](./6-space-game/solution/README.md) | Mozgatás a képernyőn | Fedezd fel, hogyan mozdíthatók el elemek kartézián koordináták és a Canvas API segítségével | [Elemmozgatás](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Űr játék](./6-space-game/solution/README.md) | Mozgatás a képernyőn | Fedezd fel, hogyan kaphatnak mozgást az elemek a kartézián koordináták és a Canvas API segítségével | [Elemek mozgatása](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Űrjáték](./6-space-game/solution/README.md) | Ütközésérzékelés | Tedd lehetővé, hogy az elemek ütközzenek, reagáljanak egymásra billentyűleütések alapján, és legyen visszaállító funkció a teljesítmény érdekében | [Ütközésérzékelés](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Űr játék](./6-space-game/solution/README.md) | Ütközésészlelés | Készíts ütközéseket és reagálást az elemek között billentyűleütésekkel és adj hozzá hűlési funkciót a játék teljesítményének biztosítására | [Ütközésészlelés](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Űrjáték](./6-space-game/solution/README.md) | Pontszámlálás | Végezz matematikai számításokat a játék állapotának és teljesítményének megfelelően | [Pontszámlálás](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Űr játék](./6-space-game/solution/README.md) | Pontszám nyilvántartás | Végez matematika műveleteket a játék állapota és teljesítménye alapján | [Pontszámlálás](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Űrjáték](./6-space-game/solution/README.md) | A játék befejezése és újraindítása | Ismerd meg, hogyan zárd le és indítsd újra a játékot, beleértve az erőforrások felszabadítását és a változók alaphelyzetbe állítását | [A befejezés feltétele](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Űr játék](./6-space-game/solution/README.md) | A játék befejezése és újraindítása | Tanuld meg a játék befejezését és újraindítását, beleértve az erőforrások takarítását és a változó értékek visszaállítását | [A befejezési feltétel](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banki alkalmazás](./7-bank-project/solution/README.md) | HTML sablonok és útvonalak egy webalkalmazásban | Tanuld meg, hogyan készítsd el egy többlapos weboldal architektúrájának alapját útvonalak és HTML sablonok használatával | [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banki alkalmazás](./7-bank-project/solution/README.md) | HTML sablonok és útvonalak egy webalkalmazásban | Tanuld meg, hogyan készítsd el egy többoldalas weboldal felépítését routinggal és HTML sablonokkal | [HTML sablonok és útvonalak](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Belépési és regisztrációs űrlap készítése | Tanuld meg az űrlapok építését és az érvényesítés kezelését | [Űrlapok](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Bejelentkezési és regisztrációs űrlap készítése | Tanuld meg az űrlapkészítést és az érvényesítési rutinok kezelését | [Űrlapok](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Az adatok lekérése és használata | Hogyan áramlanak az adatok az alkalmazásban, hogyan kérhetők le, tárolhatók és törölhetők | [Adatok](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Adatok lekérése és használata | Hogyan áramlanak be és ki az adatok az alkalmazásból, hogyan kérd le, tárold és szabadulj meg tőlük | [Adatok](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Állapotkezelés alapjai | Tanuld meg, hogyan őrzi meg az alkalmazás az állapotot, és hogyan kezelheted programozottan | [Állapotkezelés](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banki alkalmazás](./7-bank-project/solution/README.md) | Állapotkezelés fogalmai | Tanuld meg, hogyan őrzi meg az alkalmazás az állapotot és hogyan kezeld programozottan | [Állapotkezelés](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Böngésző / VScode kód](../../8-code-editor) | VScode használata | Tanuld meg a kódszerkesztő használatát | [VScode kódszerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Böngésző/VScode kód](../../8-code-editor) | Munka VScode-dal | Tanulj meg kódszerkesztőt használni | [VScode kódszerkesztő használata](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asszisztensek](./9-chat-project/README.md) | Mesterséges intelligenciával való munka | Tanuld meg, hogyan építsd fel a saját AI asszisztensedet | [AI asszisztens projekt](./9-chat-project/README.md) | Chris | | 26 | [Mesterséges intelligencia asszisztensek](./9-chat-project/README.md) | Munkavégzés MI-vel | Tanuld meg, hogyan építsd fel a saját MI asszisztensed | [MI asszisztens projekt](./9-chat-project/README.md) | Chris |
## 🏫 Didaktika ## 🏫 Pedagógia
Tananyagunk kialakításánál két alapvető didaktikai elv vezérelt minket: Tananyagunk két fontos pedagógiai elv szerint készült:
* projektalapú tanulás * projekt alapú tanulás
* gyakori kvízek * gyakori kvízek
A program a JavaScript, HTML és CSS alapjait, valamint a mai webfejlesztők által használt legújabb eszközöket és technikákat tanítja. A diákoknak lehetőségük lesz gyakorlati tapasztalatot szerezni egy billentyűzetes játék, virtuális terrárium, környezetbarát böngészőbővítmény, űrinváziós stílusú játék és egy banki alkalmazás építésével. A tanfolyam végére szilárd webfejlesztési ismeretekkel rendelkeznek majd. A program JavaScript, HTML és CSS alapjait tanítja meg, valamint a legújabb eszközöket és technikákat, amelyeket a mai webfejlesztők használnak. A diákoknak lehetőségük nyílik gyakorlati tapasztalat szerzésére gépelős játék, virtuális terrárium, környezetbarát böngészőbővítmény, űrhajós játék és üzleti bankalkalmazás építésével. A sorozat végére alapos webfejlesztési tudásra tesznek szert.
> 🎓 Az első pár leckét ebben a tananyagban egy [tanulási útvonal](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) formájában is elvégezheted a Microsoft Learn-en! > 🎓 Az első néhány leckét ebben a tananyagban Microsoft Learn-ön [Tanulási útvonalként](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) is végezheted!
Az anyag projektekhez igazítása által a folyamat élvezetesebb lesz a diákok számára, és növeli a koncepciók elsajátítását. Emellett több bevezető leckét is írtunk a JavaScript alapjairól, kiegészítve a "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videós oktatóanyag gyűjtemény egyik videójával, amelynek néhány szerzője közreműködött ebben a tananyagban. Azáltal, hogy a tartalom a projektekhez igazodik, a folyamat érdekesebb a diákok számára, és a fogalmak megtartása is javul. Több kezdő leckét is írtunk JavaScript alapokból, hogy megismertessük az alapfogalmakat, kiegészítve a "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" videósorozat néhány szerzőjének oktató videóival, akik szintén hozzájárultak ehhez a tananyaghoz.
Továbbá, egy alacsony tétű kvíz az óra előtt segíti a tanuló elköteleződését a téma iránt, míg egy második kvíz az óra után tovább erősíti a tudás megszilárdítását. Ez a tananyag rugalmas és szórakoztató, egészben vagy részleteiben is végezhető. A projektek kicsiben indulnak, és a 12 hetes ciklus végére egyre összetettebbekké válnak. Továbbá egy alacsony tétű kvíz óra előtt beállítja a diák szándékát a tanulásra, míg egy második kvíz óra után elősegíti a tudás mélyebb rögzítését. Ez a tananyag rugalmas és szórakoztató, egészben vagy részleteiben is végezhető. A projektek kicsiben indulnak és fokozatosan egyre összetettebbek lesznek a 12 hetes ciklus végére.
Miközben szándékosan mellőztük JavaScript keretrendszerek bemutatását, hogy a webfejlesztőként szükséges alapvető készségekre koncentráljunk, mielőtt keretrendszert alkalmaznánk, egy jó következő lépés a tananyag elvégzése után a Node.js megismerése lehet a következő videósorozaton keresztül: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Bár tudatosan kerültük a JavaScript keretrendszerek bevezetését, hogy az alapvető webfejlesztői készségekre koncentráljunk a keretrendszerhasználat előtt, a tananyag elvégzése után jó következő lépés a Node.js megismerése egy másik videósorozat segítségével: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Látogasd meg a [Viselkedési kódexünket](CODE_OF_CONDUCT.md) és a [Hozzájárulás](CONTRIBUTING.md) irányelveinket. Örömmel fogadjuk konstruktív visszajelzésed! > Látogasd meg [Viselkedési Kódexünket](CODE_OF_CONDUCT.md) és [Hozzájárulás](CONTRIBUTING.md) irányelveinket. Szívesen fogadjuk építő jellegű visszajelzéseidet!
## 🧭 Offline használat ## 🧭 Offline hozzáférés
Ez a dokumentáció offline is használható a [Docsify](https://docsify.js.org/#/) használatával. Forkold ezt a repo-t, telepítsd a Docsify-t helyileg a gépeden, majd a repo gyökerében írd be, hogy `docsify serve`. A weboldal a 3000-es porton lesz elérhető a localhostodon: `localhost:3000`. Ezt a dokumentációt offline is futtathatod a [Docsify](https://docsify.js.org/#/) használatával. Fork-old ezt a repót, [telepítsd a Docsify-t](https://docsify.js.org/#/quickstart) a helyi gépedre, majd a repó gyökérmappájában írd be: `docsify serve`. Az oldal a 3000-es porton lesz elérhető a localhostodon: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Az összes leckéről készült PDF [itt található](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). A PDF az összes leckéről megtalálható [itt](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Egyéb tanfolyamok ## 🎒 Egyéb kurzusok
Csapatunk más tanfolyamokat is készít! Nézd meg: Csapatunk más kurzusokat is készít! Nézd meg:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain4j kezdőknek](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain.js kezdőknek](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain kezdőknek](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### Azure / Edge / MCP / Ügynökök ### Azure / Edge / MCP / Ügynökök
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![AZD kezdőknek](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI kezdőknek](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP kezdőknek](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI ügynökök kezdőknek](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Generatív AI sorozat ### Generatív AI sorozat
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generatív AI kezdőknek](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generatív AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generatív AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) [![Generatív AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
--- ---
### Alapvető tanulás ### Alapvető tanulás
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Gépi tanulás kezdőknek](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Adattudomány kezdőknek](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI kezdőknek](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Kiberbiztonság kezdőknek](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![Webes fejlesztés kezdőknek](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![IoT kezdőknek](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) [![XR fejlesztés kezdőknek](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Copilot sorozat ### Copilot sorozat
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot AI páros programozáshoz](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot C#/.NET-hez](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Copilot kaland](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Segítségkérés ## Segítségkérés
Ha elakadsz vagy kérdésed van az AI alkalmazások építésével kapcsolatban, csatlakozz más tanulókhoz és tapasztalt fejlesztőkhöz az MCP-ről szóló beszélgetésekben. Ez egy támogató közösség, ahol a kérdéseket örömmel fogadják és a tudást szabadon megosztják. Ha elakadsz vagy kérdésed van AI alkalmazások fejlesztésével kapcsolatban. Csatlakozz tanulótársaidhoz és tapasztalt fejlesztőkhöz a MCP témájú beszélgetésekben. Ez egy támogató közösség, ahol a kérdések szívesen látottak, és a tudás szabadon megosztott.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ha termék-visszajelzésed vagy hibajelentésed van fejlesztés közben, látogass el ide: Ha visszajelzésed vagy hibák vannak a fejlesztés közben, látogass el ide:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Licenc ## Licenc
Ez a tároló az MIT licenc alatt áll. Részletekért lásd a [LICENSE](../../LICENSE) fájlt. Ez a tároló az MIT licenc alatt áll. További információért lásd a [LICENSE](../../LICENSE) fájlt.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Jóváhagyási nyilatkozat**: **Felelősség kizárása**:
Ezt a dokumentumot az AI fordító szolgáltatás, a [Co-op Translator](https://github.com/Azure/co-op-translator) használatával fordítottuk le. Bár a pontosságra törekszünk, kérjük, vegye figyelembe, hogy az automatikus fordítások tartalmazhatnak hibákat vagy pontatlanságokat. Az eredeti, anyanyelvi dokumentum tekintendő a hiteles forrásnak. Kritikus információk esetén professzionális, 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. Ezt a dokumentumot az AI fordító szolgáltatás [Co-op Translator](https://github.com/Azure/co-op-translator) segítségével fordítottuk. 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 a saját nyelvén tekintendő hivatalos forrásnak. Kritikus információk esetén professzionális emberi fordítás javasolt. Nem vállalunk felelősséget a fordítás használatából eredő félreértésekért vagy félreértelmezésekért.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

6
translations/sw/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T19:43:29+00:00", "translation_date": "2026-04-06T15:50:02+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "sw" "language_code": "sw"
}, },
@ -516,8 +516,8 @@
"language_code": "sw" "language_code": "sw"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T15:43:54+00:00", "translation_date": "2026-04-06T15:44:10+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "sw" "language_code": "sw"
}, },

350
translations/sw/AGENTS.md
Unescape View File

@ -2,29 +2,29 @@
## Muhtasari wa Mradi ## Muhtasari wa Mradi
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. 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.
### Vipengele Vikuu ### Vipengele Muhimu
- **Maudhui ya Elimu**: Masomo 24 yaliyopangwa katika moduli za mradi - **Maudhui ya Elimu**: Masomo 24 yaliyopangiliwa kwa muundo wa moduli zinazotegemea miradi
- **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 - **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
- **Mtihani wa Kuingiliana**: Maswali 48 yenye maswali 3 kila mmoja (vipimo kabla/baada ya somo) - **Mitihani ya Kuingiliana**: Mitihani 48 yenye maswali 3 kila moja (mapema/kwa baada ya somo)
- **Msaada wa Lugha Nyingi**: Tafsiri za moja kwa moja kwa lugha 50+ kupitia GitHub Actions - **Usaidi wa Lugha Nyingi**: Tafsiri za moja kwa moja kwa lugha zaidi ya 50 kupitia GitHub Actions
- **Teknolojia**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (kwa miradi ya AI) - **Teknolojia**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (kwa miradi ya AI)
### Miamala ### Miundo
- Hazina ya elimu yenye muundo wa masomo - Hifadhidata ya elimu yenye muundo wa somo kwa somo
- Kila folda ya somo ina README, mifano ya msimbo, na suluhisho - Kila folda ya somo ina README, mifano ya nambari, na suluhisho
- Miradi huru katika folda tofauti (quiz-app, miradi mbalimbali ya somo) - Miradi huru katika saraka tofauti (quiz-app, miradi mbalimbali ya somo)
- Mfumo wa tafsiri kutumia GitHub Actions (co-op-translator) - Mfumo wa tafsiri ukitumia GitHub Actions (co-op-translator)
- Nyaraka zinatolewa kupitia Docsify na zinapatikana kama PDF - Nyaraka zinatolewa kupitia Docsify na zinapatikana kama PDF
## Amri za Usanidi ## Amri za Usanidi
Hazina hii ni kwa ajili ya matumizi ya maudhui ya elimu pekee. Kwa kazi na miradi maalum: Hifadhidata hii ni hasa kwa matumizi ya maudhui ya kielimu. Kwa kufanya kazi na miradi maalum:
### Usanidi wa Hazina Kuu ### Usanidi Mkuu wa Hifadhidata
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@ -36,19 +36,19 @@ cd Web-Dev-For-Beginners
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Anzisha server ya maendeleo npm run dev # Anzisha seva ya maendeleo
npm run build # Tengeneza kwa ajili ya uzalishaji npm run build # Tengeneza kwa ajili ya uzalishaji
npm run lint # Endesha ESLint npm run lint # Endesha ESLint
``` ```
### Mradi wa API ya Benki (Node.js + Express) ### API ya Mradi wa Benki (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Anzisha seva ya API npm start # Anzisha seva ya API
npm run lint # Endesha ESLint npm run lint # Endesha ESLint
npm run format # Panga kwa Prettier npm run format # Panga kwa kutumia Prettier
``` ```
### Miradi ya Kiongezi cha Kivinjari ### Miradi ya Kiongezi cha Kivinjari
@ -56,7 +56,7 @@ npm run format # Panga kwa Prettier
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Fuata maelekezo ya upakiaji ya nyongeza za kivinjari maalum # Fuata maelekezo ya kupakia ugani kwa kivinjari maalum
``` ```
### Miradi ya Mchezo wa Anga ### Miradi ya Mchezo wa Anga
@ -72,128 +72,128 @@ npm install
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# Weka variable ya mazingira ya GITHUB_TOKEN # Weka mazingira ya mabadiliko ya GITHUB_TOKEN
python api.py python api.py
``` ```
## Mchakato wa Maendeleo ## Mtiririko wa Maendeleo
### Kwa Wachangiaji wa Maudhui ### Kwa Wachangiaji wa Maudhui
1. **Fanya fork ya hazina** kwenye akaunti yako ya GitHub 1. **Fungua hifadhidata** kwenye akaunti yako ya GitHub
2. **Clone fork yako** kwa ndani 2. **Dondoa hifadhidata hii** mahali pako pa kazi
3. **Tengeneza tawi jipya** kwa mabadiliko yako 3. **Tengeneza tawi jipya** kwa mabadiliko yako
4. Fanya mabadiliko kwenye maudhui ya somo au mifano ya msimbo 4. Fanya mabadiliko kwenye maudhui ya somo au mifano ya nambari
5. Jaribu mabadiliko yoyote ya msimbo katika folda za miradi husika 5. Jaribu mabadiliko ya nambari katika saraka za miradi husika
6. Wasilisha maombi ya pull baada ya kufuata miongozo ya mchango 6. Tuma ombi la mvutano kwa kufuata miongozo ya mchango
### Kwa Wanafunzi ### Kwa Wanafunzi
1. Fanya fork au clone ya hazina 1. Fungua au dondoa hifadhidata
2. Tembelea folda za masomo kwa mfululizo 2. Pitia saraka za masomo kwa mpangilio
3. Soma faili za README kwa kila somo 3. Soma mafaili ya README kwa kila somo
4. Kamilisha mitihani ya kabla ya somo kwenye https://ff-quizzes.netlify.app/web/ 4. Maliza mitihani ya kabla ya somo kwenye https://ff-quizzes.netlify.app/web/
5. Fanya kazi kupitia mifano ya msimbo katika folda za masomo 5. Fanya kazi kwa mfano wa nambari katika folda za somo
6. Kamilisha kazi za nyumbani na changamoto 6. Maliza kazi na changamoto
7. Fanya mitihani ya baada ya somo 7. Fanya mitihani ya baada ya somo
### Maendeleo ya Moja kwa Moja ### Maendeleo Unaioishi
- **Nyaraka**: Endesha `docsify serve` kwenye mzizi (bandari 3000) - **Nyaraka**: Endesha `docsify serve` katika saraka kuu (bandari 3000)
- **Quiz App**: Endesha `npm run dev` kwenye folda ya quiz-app - **Quiz App**: Endesha `npm run dev` katika saraka ya quiz-app
- **Miradi**: Tumia VS Code Live Server kwa miradi ya HTML - **Miradi**: Tumia ugani wa VS Code Live Server kwa miradi ya HTML
- **Miradi ya API**: Endesha `npm start` katika folda husika za API - **Miradi ya API**: Endesha `npm start` katika saraka husika za API
## Maelekezo ya Kujaribu ## Maelekezo ya Kupima
### Kujaribu Quiz App ### Upimaji wa Quiz App
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Angalia matatizo ya mtindo wa msimbo npm run lint # Angalia matatizo ya mtindo wa msimbo
npm run build # Thibitisha kuwa ujenzi unafanikiwa npm run build # Thibitisha ujenzi unafanikiwa
``` ```
### Kujaribu API ya Benki ### Upimaji wa Bank API
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Angalia matatizo ya mtindo wa msimbo npm run lint # Angalia masuala ya mtindo wa msimbo
node server.js # Thibitisha seva inaanza bila makosa node server.js # Thibitisha seva inaanza bila makosa
``` ```
### Mbinu ya Kujaribu kwa Jumla ### Mbinu ya Upimaji kwa Jumla
- Hii ni hazina ya elimu bila majaribio ya moja kwa moja kamili - Hii ni hifadhidata ya elimu isiyo na majaribio ya moja kwa moja ya kina
- Kujaribu kwa mkono kunaangazia: - Upimaji wa mikono unalenga:
- Mifano ya msimbo inaendesha bila makosa - Mifano ya nambari iaendeshwe bila makosa
- Viungo katika nyaraka vinafanya kazi vizuri - Viungo katika nyaraka vifanye kazi kwa usahihi
- Miradi inajengwa kwa mafanikio - Ujenzi wa mradi ukamilike kwa mafanikio
- Mifano inafuata mbinu bora - Mifano ifuatilie mbinu bora
### Ukaguzi Kabla ya Kuwasilisha ### Ukaguzi wa Kabla ya Kuwasilisha
- Endesha `npm run lint` katika folda zilizo na package.json - Endesha `npm run lint` katika saraka zenye package.json
- Hakiki viungo vya markdown ni sahihi - Hakiki viungo vya markdown viko sahihi
- Jaribu mifano ya msimbo katika kivinjari au Node.js - Jaribu mifano ya nambari kwenye kivinjari au Node.js
- Angalia tafsiri zinadumisha muundo sahihi - Hakiki tafsiri zihakikishe muundo unahifadhiwa
## Miongozo ya Mtindo wa Msimbo ## Miongozo ya Mtindo wa Msimbo
### JavaScript ### JavaScript
- Tumia sintaksia ya kisasa ya ES6+ - Tumia msimbo wa kisasa wa ES6+
- Fuata usanidi wa ESLint uliotolewa katika miradi - Fuata mipangilio ya ESLint inayotolewa katika miradi
- Tumia majina yenye maana kwa mabadiliko na kazi kwa uwazi wa elimu - Tumia majina ya maana kwa vigezo na kazi kwa uwazi wa kielimu
- Ongeza maelezo ya kuelezea dhana kwa wanafunzi - Ongeza maelezo kuelezea dhana kwa wanafunzi
- Fomatoa kwa kutumia Prettier pale inapopangwa - Tumia Prettier kwa uundaji ikiwa imewekwa
### HTML/CSS ### HTML/CSS
- Vipengele vya HTML5 vinavyofaa - Vipengele vya semantic vya HTML5
- Kanuni za muundo unaojibadilisha (responsive) - Misingi ya muundo wa kujibadilisha (responsive)
- Miongozo wazi ya majina ya darasa - Miundo ya majina ya darasa wazi
- Maelezo yanayobainisha mbinu za CSS kwa wanafunzi - Maelezo yanayoelezea mbinu za CSS kwa wanafunzi
### Python ### Python
- Miongozo ya mtindo wa PEP 8 - Miongozo ya mtindo wa PEP 8
- Mifano wazi, ya elimu ya msimbo - Mifano ya nambari wazi, ya kielimu
- Vidokezo vya aina ya data pale panaposaidia kujifunza - Maelezo ya aina pale yanaposaidia kujifunza
### Nyaraka za Markdown ### Nyaraka za Markdown
- Mpangilio wazi wa vichwa - Muundo wazi wa vichwa
- Vizuizi vya msimbo na lugha iliyobainishwa - Vizuizi vya msimbo na maelezo ya lugha
- Viungo kwa rasilimali za ziada - Viungo vya rasilimali za ziada
- Picha na skrini katika folda za `images/` - Picha za skrini na picha katika saraka `images/`
- Maandishi ya alt kwa picha kwa upatikanaji - Maandishi ya alt kwa picha kwa upatikanaji
### Mpangilio wa Faili ### Mpangilio wa Faili
- Masomo yamewekwa nambari mfululizo (1-getting-started-lessons, 2-js-basics, n.k.) - Masomo yametambuliwa kwa mfuatano (1-getting-started-lessons, 2-js-basics, nk)
- Kila mradi una folda ya `solution/` na mara nyingi `start/` au `your-work/` - Kila mradi una saraka za `solution/` na mara nyingi `start/` au `your-work/`
- Picha zimehifadhiwa katika folda maalum za masomo `images/` - Picha zinahifadhiwa katika saraka maalum za `images/` kwa somo
- Tafsiri ziko katika muundo wa folda `translations/{language-code}/` - Tafsiri ziko katika muundo wa `translations/{language-code}/`
## Ujenzi na Utoaji ## Ujenzi na Utoaji
### Utoaji wa Quiz App (Azure Static Web Apps) ### Utoaji wa Quiz App (Azure Static Web Apps)
Quiz-app imewekwa kwa ajili ya utoaji kwenye Azure Static Web Apps: quiz-app imewekwa kwa ajili ya utoaji wa Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Inaunda folda ya dist/ npm run build # Inaunda folda ya dist/
# Inatekeleza kupitia mtiririko wa kazi wa GitHub Actions wakati wa kusukuma kwenye main # Inaweka kupitia mtiririko wa kazi wa GitHub Actions wakati wa kusukuma kwenye main
``` ```
Mabadiliko ya Azure Static Web Apps: Usanidi wa Azure Static Web Apps:
- **Mahali pa App**: `/quiz-app` - **Mahali pa app**: `/quiz-app`
- **Mahali pa Toa**: `dist` - **Mahali pa pato**: `dist`
- **Mchakato wa Kazi**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Mtiririko wa kazi**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Uundaji wa PDF wa Nyaraka ### Uzalishaji PDF wa Nyaraka
```bash ```bash
npm install # Sakinisha docsify-to-pdf npm install # Sakinisha docsify-to-pdf
@ -203,80 +203,80 @@ npm run convert # Tengeneza PDF kutoka kwa docs
### Nyaraka za Docsify ### Nyaraka za Docsify
```bash ```bash
npm install -g docsify-cli # Sambaza Docsify kimataifa npm install -g docsify-cli # Install Docsify ulimwenguni kote
docsify serve # Tumikia kwenye localhost:3000 docsify serve # Hudumia kwenye localhost:3000
``` ```
### Ujenzi wa Miradi Maalum ### Ujenzi Maalum wa Miradi
Kila folda ya mradi itaweza kuwa na mchakato wake wa ujenzi: Kila saraka ya mradi inaweza kuwa na mchakato wake wa ujenzi:
- Miradi ya Vue: `npm run build` huunda pakiti za uzalishaji - Miradi ya Vue: `npm run build` hutengeneza vifurushi vya uzalishaji
- Miradi ya static: Hakuna hatua ya ujenzi, hudumishwa faili moja kwa moja - Miradi ya static: Hakuna hatua ya ujenzi, hudumu faili moja kwa moja
## Miongozo ya Maombi ya Pull ## Miongozo ya Ombi la Mvutano
### Muundo wa Kichwa ### Muundo wa Kichwa
Tumia vichwa wazi, vinavyoelezea mabadiliko yaliyofanywa: Tumia vichwa vya wazi vinavyoelezea eneo la mabadiliko:
- `[Quiz-app] Ongeza mtihani mpya kwa somo X` - `[Quiz-app] Ongeza mtihani mpya kwa somo X`
- `[Lesson-3] Rekebisha typo katika mradi wa terrarium` - `[Lesson-3] Rekebisha tahajia katika mradi wa terrarium`
- `[Translation] Ongeza tafsiri ya Kihispania kwa somo 5` - `[Translation] Ongeza tafsiri ya Kihispania kwa somo 5`
- `[Docs] Sasisha maelekezo ya usanidi` - `[Docs] Sasisha maelekezo ya usanidi`
### Ukaguzi unaohitajika ### Ukaguzi unaohitajika
Kabla ya kuwasilisha PR: Kabla ya kuwasilisha ombi:
1. **Ubora wa Msimbo**: 1. **Ubora wa Msimbo**:
- Endesha `npm run lint` katika folda za miradi zilizoathirika - Endesha `npm run lint` katika saraka za mradi zilizoathirika
- Rekebisha makosa na tahadhari zote za lint - Rekebisha makosa na tahadhari zote za lint
2. **Uhakiki wa Ujenzi**: 2. **Uhakiki wa Ujenzi**:
- Endesha `npm run build` kama inahitajika - Endesha `npm run build` ikiwa inahitajika
- Hakikisha hakuna makosa ya ujenzi - Hakikisha hakuna makosa ya ujenzi
3. **Uthibitisho wa Viungo**: 3. **Uhakiki wa Viungo**:
- Jaribu viungo vyote vya markdown - Jaribu viungo vyote vya markdown
- Hakiki rejea za picha zinafanya kazi - Hakiki marejeo ya picha yanafanya kazi
4. **Ukaguzi wa Maudhui**: 4. **Ukaguzi wa Maudhui**:
- Soma kwa makini spelling na sarufi - Soma tena kwa tahajia na sarufi
- Hakikisha mifano ya msimbo ni sahihi na ya elimu - Hakikisha mifano ya nambari ni sahihi na ya kielimu
- Thibitisha tafsiri zinahifadhi maana asili - Hakiki tafsiri zihakikishe maana asili inahifadhiwa
### Masharti ya Mchango ### Mahitaji ya Mchango
- Kubali Microsoft CLA (ukaguzi wa moja kwa moja kwenye PR ya kwanza) - Kubali Microsoft CLA (ukaguzi wa moja kwa moja kwenye PR ya kwanza)
- Fuata [Kanuni ya Maadili ya Chanzo Huria ya Microsoft](https://opensource.microsoft.com/codeofconduct/) - Fuata [Kanuni ya Maadili ya Chanzo Huria ya Microsoft](https://opensource.microsoft.com/codeofconduct/)
- Angalia [CONTRIBUTING.md](./CONTRIBUTING.md) kwa miongozo ya kina - Tazama [CONTRIBUTING.md](./CONTRIBUTING.md) kwa miongozo ya kina
- Taja nambari za masuala katika maelezo ya PR ikiwa zinahitajika - Taja nambari za masuala katika maelezo ya PR ikiwa zinahusika
### Mchakato wa Ukaguzi ### Mchakato wa Mapitio
- PR zinakaguliwa na wasimamizi na jamii - PR hupitiwa na watunza na jamii
- Uwazekano wa elimu unazingatiwa - Uwiano wa elimu unapewa kipaumbele
- Mifano ya msimbo inapaswa kufuata mbinu bora za sasa - Mifano ya nambari ifuatilie mbinu bora za sasa
- Tafsiri zinakaguliwa kwa usahihi na kuzingatia tamaduni - Tafsiri hupitiwa kwa usahihi na ulinganishaji wa kitamaduni
## Mfumo wa Tafsiri ## Mfumo wa Tafsiri
### Tafsiri za Moja kwa Moja ### Tafsiri ya Moja kwa Moja
- Inatumia GitHub Actions na mtiririko wa kazi wa co-op-translator - Inatumia GitHub Actions na mtiririko wa co-op-translator
- Hutoa tafsiri za lugha 50+ kiotomatiki - Hutoa tafsiri za lugha zaidi ya 50 moja kwa moja
- Faili za asili ziko katika folda kuu - Faili za chanzo ziko katika saraka kuu
- Faili zilizotafsiriwa ziko katika folda `translations/{language-code}/` - Faili zilizotafsiriwa ziko katika saraka `translations/{language-code}/`
### Kuongeza Maboresho ya Tafsiri kwa Mikono ### Kuongeza Maboresho ya Tafsiri ya Mikono
1. Tafuta faili katika `translations/{language-code}/` 1. Tafuta faili katika `translations/{language-code}/`
2. Fanya maboresho huku ukidumisha muundo 2. Fanya maboresho huku ukihifadhi muundo
3. Hakikisha mifano ya msimbo inabaki pia kufanya kazi 3. Hakikisha mifano ya nambari inaendelea kufanya kazi
4. Jaribu maudhui yoyote ya mtihani yaliyoko kwa lugha hiyo 4. Jaribu maudhui ya mitihani ya eneo waliloitafsiriwa
### Meta Data ya Tafsiri ### Meta-data ya Tafsiri
Faili zilizotafsiriwa zina kichwa cha meta data: Faili zilizotafsiriwa zina kichwa cha metadata:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Utambuzi na Utatuzi wa Matatizo ## Utafutaji na Utatuzi wa Matatizo
### Masuala Yaanayojitokeza Mara kwa Mara ### Masuala ya Kawaida
**Quiz app haianzi**: **App ya quiz haianzi**:
- Hakiki toleo la Node.js (v14+ inapendekezwa) - Angalia toleo la Node.js (v14+ inapendekezwa)
- Futa `node_modules` na `package-lock.json`, kisha endesha `npm install` tena - Futa `node_modules` na `package-lock.json`, endesha `npm install` tena
- Hakiki migongano ya bandari (Vite kwa kawaida hutumia bandari 5173) - Hakiki mgongano wa bandari (kawaida: Vite hutumia bandari 5173)
**Seva ya API haishiriki**: **Server ya API haishi**:
- Hakiki toleo la Node.js linakidhi angalau (node >=10) - Thibitisha toleo la Node.js linakidhi minimum (node >=10)
- Angalia kama bandari tayari inatumika - Angalia ikiwa bandari imeshatumika tayari
- Hakikisha utegemezi wote umewekwa kwa kutumia `npm install` - Hakikisha tegemezi zote zimewekwa kwa `npm install`
**Kiongezi cha kivinjari hakitolei mzigo**: **Kiongezi cha kivinjari hakianzi**:
- Hakiki muundo wa manifest.json upo sawa - Hakiki kuwa manifest.json imepangwa kwa usahihi
- Hakiki vibao vya makosa (console) vya kivinjari - Angalia console ya kivinjari kwa makosa
- Fuata maelekezo maalum ya usakinishaji wa kiongezi cha kivinjari - Fuata maelekezo ya usakinishaji wa kiongezi cha kivinjari maalum
**Matatizo ya mradi wa mazungumzo ya Python**: **Masuala ya mradi wa mazungumzo wa Python**:
- Hakikisha kifurushi cha OpenAI kimesakinishwa: `pip install openai` - Thibitisha kifurushi cha OpenAI kimesakinishwa: `pip install openai`
- Hakiki kwamba variable ya mazingira GITHUB_TOKEN imewekwa - Hakiki mazingira ya GITHUB_TOKEN yamewekwa
- Angalia ruhusa za ufikiaji wa GitHub Models - Angalia ruhusa za GitHub Models
**Docsify haiservi nyaraka**: **Docsify haitumii nyaraka**:
- Sakinisha docsify-cli kitaifa: `npm install -g docsify-cli` - Sakinisha docsify-cli duniani: `npm install -g docsify-cli`
- Endesha kutoka kwa mzizi wa hazina - Endesha kutoka saraka kuu ya hifadhidata
- Hakiki kwamba `docs/_sidebar.md` ipo - Hakiki kuwa `docs/_sidebar.md` ipo
### Vidokezo vya Mazingira ya Maendeleo ### Vidokezo vya Mazingira ya Maendeleo
- Tumia VS Code na programu-jalizi ya Live Server kwa miradi ya HTML - Tumia VS Code na ugani wa Live Server kwa miradi ya HTML
- Sakinisha programu-jalizi za ESLint na Prettier kwa ulinganisho mzuri wa fomati - Sakinisha ugani za ESLint na Prettier kwa uundaji thabiti
- Tumia DevTools za kivinjari kwa utambuzi wa makosa ya JavaScript - Tumia DevTools za kivinjari kutatua matatizo ya JavaScript
- Kwa miradi ya Vue, sakinisha programu-jalizi ya Vue DevTools ya kivinjari - Kwa miradi ya Vue, sakinisha Vue DevTools ugani wa kivinjari
### Mambo ya Kufikiria Kuhusu Utendaji ### Masharti ya Utendaji
- Idadi kubwa ya faili zilizotafsiriwa (lugha 50+) inafanya kloni kamili kuwa kubwa - Idadi kubwa ya faili zilizotafsiriwa (zaidi ya 50) inasababisha vane kubwa kwa clone kamili
- Tumia shallow clone ikiwa unafanya kazi na maudhui pekee: `git clone --depth 1` - Tumia shallow clone wakati unafanya kazi tu na maudhui: `git clone --depth 1`
- Epuka tafsiri katika utafutaji wakati wa kazi za Kiingereza - Epuka tafsiri wakati wa kufanya kazi na maudhui ya Kiingereza
- Michakato ya ujenzi inaweza kuchelewa mara ya kwanza (npm install, ujenzi wa Vite) - Mchakato wa ujenzi unaweza kuwa polepole kwa mara ya kwanza (npm install, ujenzi wa Vite)
## Mambo ya Usalama ## Mambo ya Usalama
### Mabadiliko ya Mazingira ### Mabadiliko ya Mazingira
- Funguo za API hazipaswi kuwekwa kwenye hazina - Funguo za API hazipaswi kung’olewa hifadhidatani
- Tumia faili `.env` (zimeorodheshwa tayari katika `.gitignore`) - Tumia faili za `.env` (zipo tayari katika `.gitignore`)
- Elezea mabadiliko ya mazingira yanayohitajika katika README za miradi - Andika 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 virtual: `python -m venv venv`
- Shikilia utegemezi umeboreshwa - Dumisha dependencies zikisasishwa
- Tokeni za GitHub ziwe na ruhusa ndogo zinazohitajika pekee - Tokens za GitHub zisiwe na ruhusa zaidi ya zisizohitajika
### Ufikiaji wa GitHub Models ### Ufikiaji wa GitHub Models
- Tokeni za Ufikiaji wa Binafsi (PAT) zinahitajika kwa GitHub Models - Tokens za Ufikiaji Binafsi (PAT) zinahitajika kwa GitHub Models
- Tokeni zipo hifadhiwa kama mabadiliko ya mazingira - Tokens zihifadhiwe kama mabadiliko ya mazingira
- Kamwe usiweka tokeni au vitambulisho kwenye hazina - Kamwe usiweke tokens au nyaraka za usalama hifadhidatani
## Vidokezo Zaidi ## Vidokezo Zaidi
### Hadhira Lengwa ### Hadhira Lengwa
- Waanzilishi kamili wa maendeleo ya wavuti - Waanzilishi kabisa wa maendeleo ya wavuti
- Wanafunzi na wanaojifunza peke yao - Wanafunzi na wanaojifunza peke yao
- Walimu wanaotumia mtaala darasani - Walimu wanaotumia mtaala katika madarasa
- Maudhui yameundwa kwa upatikanaji na ukuaji wa ujuzi polepole - Maudhui yamebuniwa kwa upatikanaji na kujenga ujuzi polepole
### Falsafa ya Elimu ### Falsafa ya Elimu
- Mbinu za kujifunza kwa mradi - Mbinu ya kujifunza kwa mradi
- Vipimo vya mara kwa mara vya maarifa (quiz) - Vipimo vya mara kwa mara vya maarifa (quiz)
- Mazoezi ya msimbo kwa vitendo - Mazoezi ya kuandika msimbo kwa mikono
- Mifano ya matumizi halisi - Mifano ya matumizi halisi
- Kuzingatia misingi kabla ya fremu za kazi - Kuzingatia misingi kabla ya mifumo ya kazi
### Matengenezo ya Hazina ### Matunzo ya Hifadhidata
- Jamii yenye shughuli za wanafunzi na wachangiaji - Jamii hai ya wanafunzi na wachangiaji
- Sasisho za mara kwa mara vya utegemezi na maudhui - Sasisho za mara kwa mara kwa tegemezi na maudhui
- Masuala na majadiliano yanasimamiwa na wasimamizi - Masuala na majadiliano yanatiliwa mkazo na watunza
- Sasisho za tafsiri za moja kwa moja kupitia GitHub Actions - Sasisho za tafsiri kwa njia ya otomatiki 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 wanafunzi - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) inashauriwa kwa wanafunzi
- Kozi za ziada: AI Inayotengeneza, Sayansi ya Data, ML, na mtaala wa IoT upo - Kozi za ziada: AI ya kizazi, Sayansi ya Data, ML, IoT zinapatikana
### Kufanya Kazi na Miradi Maalum ### Kufanya Kazi na Miradi Maalum
Kwa maelekezo ya undani kuhusu miradi binafsi, rejelea faili za README katika: Kwa maelekezo ya kina ya miradi binafsi, rejelea mafaili ya README katika:
- `quiz-app/README.md` - Programu ya quiz ya Vue 3 - `quiz-app/README.md` - Programu ya kucheza 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` - Maendeleo ya kiongezi cha kivinjari - `5-browser-extension/README.md` - Maendeleo ya kiongezi cha kivinjari
- `6-space-game/README.md` - Uundaji wa 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, hazina hii ina miradi huru mingi: Ingawa si monorepo ya kawaida, hifadhidata hii ina miradi kadhaa huru:
- Kila somo ni huru - Kila somo ni tegemezi la pekee
- Miradi haiwasiliani katika utegemezi - Miradi haishiriki tegemezi
- Fanya kazi kwenye miradi binafsi bila kuathiri mingine - Fanya kazi kwenye miradi binafsi bila kuathiri mingine
- Clone hazina nzima kwa uzoefu wa mtaala kamili - Dondoa hifadhidata nzima kwa uzoefu kamili wa mtaala
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Tangazo la kutokujali**: **Angalizo**:
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. 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.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

250
translations/sw/README.md
Unescape View File

@ -1,38 +1,38 @@
[![Leseni ya GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) [![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![Wadau wa GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![Masuala ya GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![Maombi ya kuvuta GitHub](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) [![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Karibu](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![Watalii wa GitHub](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) [![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![Matawi ya GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![Nyota za GitHub](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) [![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Maendeleo ya Wavuti kwa Waanzilishi - Mtaala # Maendeleo ya Wavuti kwa Waanzilishi - Mtaala
Jifunze misingi ya maendeleo ya wavuti na kozi yetu kamili ya wiki 12 iliyotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, virutubisho vya kivinjari, na michezo ya anga. Shirikiana na vipimo, mijadala, na waraka wa vitendo. Boresha ujuzi wako na boresha ufahamu wako kwa mbinu bora ya kujifunza kupitia miradi. Anza safari yako ya kuweka nambari leo! Jifunze misingi ya maendeleo ya wavuti kupitia kozi yetu kamili ya wiki 12 inayotolewa na Microsoft Cloud Advocates. Kila somo kati ya 24 linachunguza JavaScript, CSS, na HTML kupitia miradi ya vitendo kama vile terrariums, nyongeza za kivinjari, na michezo ya anga. Shirikiana na maswali ya mtihani, mijadala, na kazi za vitendo. Boresha ujuzi wako na uboresha kumbukumbu yako kwa kutumia mfumo wetu mzuri wa kujifunza unaotegemea miradi. Anza safari yako ya kuandika msimbo leo!
Jiunge na Jumuiya ya Azure AI Foundry Discord Jiunge na Jamii ya Azure AI Foundry kwenye Discord
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Fuata hatua hizi kuanza kutumia rasilimali hizi: Fuata hatua hizi kuanza kutumia rasilimali hizi:
1. **Fagia Repository**: Bonyeza [![Matawi ya GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **Fanya Nakala ya Hifadhi**: Bonyeza [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Nakili Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Nakili Hifadhi**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Jiunge na Azure AI Foundry Discord na ukutane na wataalamu na wajasiliamali wenzako**](https://discord.com/invite/ByRwuEEgH4) 3. [**Jiunge na Azure AI Foundry Discord na ukutane na wataalamu na watengenezaji wenzako**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Msaada wa Lugha Nyingi ### 🌐 Msaada wa Lugha Nyingi
#### Umahiri kupitia Hatua za GitHub (Moja kwa moja & Daima Sasishwa) #### Inasaidiwa kupitia GitHub Action (Moja kwa moja & daima Inayosasishwa)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Kiarabu](../ar/README.md) | [Kibangla](../bn/README.md) | [Kibelgaria](../bg/README.md) | [Kirumi (Myanmar)](../my/README.md) | [Kichina (Rahisi)](../zh-CN/README.md) | [Kichina (Mila, Hong Kong)](../zh-HK/README.md) | [Kichina (Mila, Macau)](../zh-MO/README.md) | [Kichina (Mila, Taiwan)](../zh-TW/README.md) | [Kroatia](../hr/README.md) | [Kicheki](../cs/README.md) | [Kidenmaki](../da/README.md) | [Kiholanzi](../nl/README.md) | [Kiestonia](../et/README.md) | [Kifini](../fi/README.md) | [Kifaransa](../fr/README.md) | [Kijerumani](../de/README.md) | [Kigiriki](../el/README.md) | [Kiebrania](../he/README.md) | [Kihindi](../hi/README.md) | [Kihungari](../hu/README.md) | [Kihindonesia](../id/README.md) | [Kiitaliano](../it/README.md) | [Kijapani](../ja/README.md) | [Kikannada](../kn/README.md) | [Kikorea](../ko/README.md) | [Kilithuania](../lt/README.md) | [Kimalay](../ms/README.md) | [Kimalayalam](../ml/README.md) | [Kimarathi](../mr/README.md) | [Kinepali](../ne/README.md) | [Kipidgin cha Nigeria](../pcm/README.md) | [Kinorwe](../no/README.md) | [Kifarsi (Farsi)](../fa/README.md) | [Kipolandi](../pl/README.md) | [Kireno (Brazil)](../pt-BR/README.md) | [Kireno (Portugal)](../pt-PT/README.md) | [Kipunjabi (Gurmukhi)](../pa/README.md) | [Kiromania](../ro/README.md) | [Kirusi](../ru/README.md) | [Kiserbia (Cyrillic)](../sr/README.md) | [Kislovaki](../sk/README.md) | [Kislovenia](../sl/README.md) | [Kihispania](../es/README.md) | [Kiswahili](./README.md) | [Kiswidi](../sv/README.md) | [Kitagalog (Filipino)](../tl/README.md) | [Kitamili](../ta/README.md) | [Kitelugu](../te/README.md) | [Kitai](../th/README.md) | [Kituruki](../tr/README.md) | [Kiukrania](../uk/README.md) | [Kiurdu](../ur/README.md) | [Kivietinamu](../vi/README.md) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](./README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Unapendelea Kukopa Kwenye Kompyuta Yako?** > **Ungependa Kwenye Nakala Kwenye Kompyuta?**
> >
> Hii repository ina jumla ya tafsiri 50+ za lugha ambazo huongeza kiasi cha kupakua. Ili kukopa bila tafsiri, tumia sparse checkout: > Hifadhi hii ina tafsiri za lugha 50+ ambazo huongeza sana ukubwa wa kupakua. Ili kukopa bila tafsiri, tumia sparse checkout:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,43 +48,43 @@ Fuata hatua hizi kuanza kutumia rasilimali hizi:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Hii itakupa kila kitu unachohitaji kukamilisha kozi kwa upakuaji wa haraka zaidi. > Hii itakupa kila kitu unachohitaji kukamilisha kozi kwa usakinishaji wa haraka zaidi.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Ikiwa unataka kuongezwa kwa lugha za tafsiri zinazoungwa mkono zimetajwa [hapa](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Ikiwa unataka lugha za ziada za tafsiri kuungwa mkono zimetajwa [hapa](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Fungua katika Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Fungua%20katika%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Je, wewe ni mwanafunzi?_ #### 🧑‍🎓 _Je, wewe ni mwanafunzi?_
Tembelea [**ukurasa wa Kituo cha Wanafunzi**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ambapo utapata rasilimali za waanzilishi, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ndio ukurasa unaotaka kuweka alama na kuangalia mara kwa mara tunapobadilisha maudhui kila mwezi. Tembelea [**ukurasa wa Kituo cha Wanafunzi**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ambapo utapata rasilimali za wanaoanza, vifurushi vya wanafunzi na hata njia za kupata vocha ya cheti bure. Huu ndio ukurasa unaotaka kuweka kama alama na kuangalia mara kwa mara tunapobadilisha maudhui kila mwezi.
### 📣 Tangazo - Changamoto Mpya za GitHub Copilot Agent Mode za Kumaliza! ### 📣 Tangazo - Changamoto Mpya za Mode ya GitHub Copilot Agent kukamilisha!
Changamoto mpya imeongezwa, tafuta "GitHub Copilot Agent Challenge 🚀" katika sura nyingi. Hiyo ni changamoto mpya kwa ajili yako kukamilisha ukitumia GitHub Copilot na Agent mode. Ikiwa hujawahi kutumia Agent mode hapo awali, ina uwezo wa si tu kuzalisha maandishi bali pia kuunda na kuhariri faili, kuendesha amri zaidi. Changamoto Mpya imeongezwa, tafuta "GitHub Copilot Agent Challenge 🚀" katika sura nyingi. Hiyo ni changamoto mpya kwako kukamilisha ukiwa unatumia GitHub Copilot na Mode ya Agent. Ikiwa hujawahi kutumia Mode ya Agent hapo awali, ina uwezo si tu wa kuandika maandishi bali pia kuunda na kuhariri mafaili, kuendesha amri na mengineyo.
### 📣 Tangazo - _Mradi Mpya wa Kujenga kwa Kutumia AI ya Kizazi_ ### 📣 Tangazo - _Mradi Mpya wa kujenga kwa kutumia AI ya Kizazi_
Mradi mpya wa Msaidizi wa AI umeongezwa, angalia [mradi](./9-chat-project/README.md) Mradi mpya wa Msaidizi wa AI umeongezwa, angalia [mradi](./9-chat-project/README.md)
### 📣 Tangazo - _Mtaala Mpya_ juu ya AI ya Kizazi kwa JavaScript umeachiliwa tu ### 📣 Tangazo - _Mtaala Mpya_ kuhusu AI ya Kizazi kwa JavaScript umeachiliwa
Usikose mtaala wetu mpya wa AI ya Kizazi! Usikose mtaala wetu mpya wa AI ya Kizazi!
Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza! Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza!
![Mandhari](../../translated_images/sw/background.148a8d43afde5730.webp) ![Background](../../translated_images/sw/background.148a8d43afde5730.webp)
- Masomo yanayohusu kila kitu kutoka misingi hadi RAG. - Masomo yanayohusisha kila kitu tangu misingi hadi RAG.
- Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mshirika. - Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya mpenzi.
- Hadithi ya kufurahisha na yenye kuvutia, utasafiri kwa wakati! - Hadithi ya kufurahisha na kuvutia, utasafiri kwa wakati!
![husika](../../translated_images/sw/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/sw/character.5c0dd8e067ffd693.webp)
Kila somo linajumuisha kazi za kumaliza, ukaguzi wa maarifa na changamoto itakayokuongoza kujifunza mada kama: Kila somo linajumuisha kazi za kukamilisha, mtihani wa maarifa na changamoto ya kukuongoza kujifunza mada kama:
- Uongozi wa maswali na uhandisi wa maswali - Kutoa maagizo na uhandisi wa maagizo
- Uundaji wa programu ya maandishi na picha - Kutengeneza programu za maandishi na picha
- Programu za utafutaji - Programu za utafutaji
Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza! Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza!
@ -93,37 +93,37 @@ Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza
## 🌱 Kuanzia ## 🌱 Kuanzia
> **Walimu**, tumetoa [mapendekezo baadhi](for-teachers.md) juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yenu [katika jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Walimu**, tumetoa [mapendekezo kadhaa](for-teachers.md) juu ya jinsi ya kutumia mtaala huu. Tunapenda maoni yako [katika jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Wanafunzi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kwa kila somo, anza na jaribio la kabla ya mhadhara na fuata kwa kusoma nyenzo za mhadhara, kukamilisha shughuli mbalimbali na angalia ufahamu wako na jaribio la baada ya mhadhara. **[Wanafunzi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kwa kila somo, anza na mtihani kabla ya mihadhara na fuata kwa kusoma nyenzo za mihadhara, kukamilisha shughuli mbalimbali na hakikisha unaelewa kupitia mtihani baada ya mihadhara.
Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzao kufanya miradi pamoja! Majadiliano yanahimizwa katika [jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ambapo timu yetu ya wasimamizi itakuwa inapatikana kujibu maswali yako. Ili kuboresha uzoefu wako wa kujifunza, ungana na wenzako kufanya miradi pamoja! Majadiliano yanahimizwa katika [jukwaa letu la majadiliano](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ambapo timu yetu ya wasimamizi itakuwepo kujibu maswali yako.
Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) kwa nyenzo zaidi za masomo. Ili kuendeleza elimu yako, tunapendekeza sana kuchunguza [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) kwa nyenzo zaidi za kusoma.
### 📋 Kuweka mazingira yako ### 📋 Kuandaa mazingira yako
Mtaala huu una mazingira ya maendeleo tayari kufanya kazi! Unapoanza unaweza kuchagua kuendesha mtaala kwenye [Codespace](https://github.com/features/codespaces/) (_eneo la kivinjari lisilo hitaji usakinishaji_), au sokoni kwenye kompyuta yako ukitumia mhariri wa maandishi kama [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Mtaala huu una mazingira ya maendeleo tayari! Unapoanza unaweza kuchagua kuendesha mtaala katika [Codespace](https://github.com/features/codespaces/) (_mazingira ya kivinjari, yasiyo na usakinishaji yanayohitajika_), au eneo la karibu kwenye kompyuta yako ukitumia mhariri wa maandishi kama [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Unda repository yako #### Tengeneza hifadhi yako
Ili kukuwezesha kuhifadhi kazi yako kwa urahisi, inashauriwa uunde nakala yako mwenyewe ya repository hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha **Use this template** juu ya ukurasa huu. Hii itaunda repository mpya kwenye akaunti yako ya GitHub na nakala ya mtaala. Ili iwe rahisi kuhifadhi kazi yako, inapendekezwa kutengeneza nakala yako mwenyewe ya hifadhi hii. Unaweza kufanya hivyo kwa kubonyeza kitufe cha **Use this template** juu ya ukurasa. Hii itatengeneza hifadhi mpya katika akaunti yako ya GitHub yenye nakala ya mtaala.
Fuata hatua hizi: Fuata hatua hizi:
1. **Fagia Repository**: Bonyeza kitufe cha "Fork" kilichopo kona ya juu-kulia ya ukurasa huu. 1. **Fanya Nakala ya Hifadhi**: Bonyeza kitufe cha "Fork" upande wa juu-mwenye kulia wa ukurasa huu.
2. **Nakili Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Nakili Hifadhi**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Kuendesha mtaala kwenye Codespace #### Kuendesha mtaala katika Codespace
Katika nakala yako ya repository uliyoiunda, bonyeza kitufe cha **Code** na chagua **Open with Codespaces**. Hii itaunda Codespace mpya utakayofanyia kazi. Katika nakala yako ya hifadhi uliyotengeneza, bonyeza kitufe cha **Code** kisha chagua **Open with Codespaces**. Hii itatengeneza Codespace mpya utakaoweza kufanya kazi ndani yake.
![Codespace](../../translated_images/sw/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/sw/createcodespace.0238bbf4d7a8d955.webp)
#### Kuendesha mtaala sokoni kwenye kompyuta yako #### Kuendesha mtaala eneo la karibu kwenye kompyuta yako
Ili kuendesha mtaala huu sokoni kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na chombo cha mstari wa amri. Somo letu la kwanza, [Utangulizi wa Lugha za Programu na Vifaa vya Biashara](../../1-getting-started-lessons/1-intro-to-programming-languages), litakuongoza kupitia chaguzi mbalimbali za kila chombo ili uchague kinachofaa zaidi kwako. Ili kuendesha mtaala huu eneo la karibu kwenye kompyuta yako, utahitaji mhariri wa maandishi, kivinjari na zana za mstari wa amri. Somo letu la kwanza, [Utangulizi wa Lugha za Programu na Zana za Kazi](../../1-getting-started-lessons/1-intro-to-programming-languages), litakuongoza kupitia chaguzi mbalimbali za kila zana ili kuchagua kama inakufaa.
Mapendekezo yetu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kama mhariri wako, ambao pia una [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) iliyojengwa ndani. Unaweza kupakua Visual Studio Code [hapa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Pendekezo letu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kama mhariri wako, ambao pia una [Terminali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) iliyojengwa ndani. Unaweza kupakua Visual Studio Code [hapa](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Nakili hazina yako kwenye kompyuta yako. Unaweza kufanya hivyo kwa kubofya kitufe cha **Code** na kunakili URL: 1. Nakili hazina yako kwenye kompyuta yako. Unaweza kufanya hivi kwa kubofya kitufe cha **Code** kisha kunakili URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
@ -133,134 +133,134 @@ Mapendekezo yetu ni kutumia [Visual Studio Code](https://code.visualstudio.com/?
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Fungua folda ndani ya Visual Studio Code. Unaweza kufanya hivyo kwa kubofya **File** > **Open Folder** na kuchagua folda uliyoinakili hivi karibuni. 2. Fungua folda katika Visual Studio Code. Unaweza kufanya hivi kwa kubofya **File** > **Open Folder** na kuchagua folda uliyoinakili hivi karibuni.
> Vipengele vya ziada vya Visual Studio Code vinavyopendekezwa: > Virahisi vinavyopendekezwa vya Visual Studio Code:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - kutazama ukurasa wa HTML ndani ya Visual Studio Code > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - kutazama mapokeo ya kurasa za HTML ndani ya Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kusaidia kuandika msimbo haraka zaidi > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kusaidia kuandika msimbo haraka zaidi
## 📂 Kila somo linajumuisha: ## 📂 Kila somo linajumuisha:
- sketchnote hiari - sketchnote hiari
- video ya ziada hiari - video ya ziada ya hiari
- mtihani wa kujiandaa kabla ya somo - zoezi la kuwajalia kabla ya somo
- somo lililoandikwa - somo lililoandikwa
- kwa masomo yanayohusiana na miradi, mwongozo wa hatua kwa hatua jinsi ya kujenga mradi - kwa masomo yanayotegemea miradi, miongozo ya hatua kwa hatua ya jinsi ya kujenga mradi
- ukaguzi wa maarifa - ukaguzi wa maarifa
- changamoto - changamoto
- usomaji wa ziada - usomaji wa ziada
- kazi ya nyumbani - kazi ya nyumbani
- [mtihani baada ya somo](https://ff-quizzes.netlify.app/web/) - [zoezi la baada ya somo](https://ff-quizzes.netlify.app/web/)
> **Kumbuka kuhusu mitihani**: Mitihani yote ipo katika folda ya Quiz-app, mitihani 48 kwa jumla yenye maswali matatu kila moja. Inapatikana [hapa](https://ff-quizzes.netlify.app/web/) programu ya mtihani inaweza kuendeshwa kwa ndani au kuwekwa katika Azure; fuata maelekezo katika folda ya `quiz-app`. > **Kumbukumbu kuhusu mazoezi ya maswali**: Mazoezi yote yapo katika folda ya Quiz-app, jumla ya mazoezi 48 yenye maswali matatu kila moja. Yapatikana [hapa](https://ff-quizzes.netlify.app/web/), programu ya mazoezi inaweza kuendeshwa kwa ndani au kutolewa Azure; fuata maelekezo katika folda `quiz-app`.
## 🗃️ Masomo ## 🗃️ Masomo
| | Jina la Mradi | Dhana Zinazofundishwa | Malengo ya Kujifunza | Somo Linalohusiana | Mwandishi | | | Jina la Mradi | Mada Zinazofundishwa | Malengo ya Kujifunza | Somo Lililohusishwa | Mwandishi |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :----------------------------------------------------------: | :-----------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
| 01 | Kuanzisha | Utangulizi wa Programu na Zana za Kazi | Jifunze msingi wa 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](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Kuanzia | Utangulizi wa Programu na Vifaa vya Kazi | Jifunze misingi ya lugha nyingi za programu na kuhusu programu zinazosaidia waendelezaji wa kitaalamu kufanya kazi zao | [Utangulizi wa Lugha za Programu na Vifaa vya Kazi](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Kuanzisha | Misingi ya GitHub, pamoja na kufanya kazi na timu | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine kwenye msimbo wa msingi | [Utangulizi wa GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Kuanzia | Msingi wa GitHub, ikijumuisha kazi ya timu | Jinsi ya kutumia GitHub katika mradi wako, jinsi ya kushirikiana na wengine katika msimbo wa programu | [Utangulizi wa GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Kuanzisha | Ufikikaji | Jifunze misingi ya upatikanaji wa mtandao | [Misingi ya Ufikikaji](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Kuanzia | Upatikanaji | Jifunze misingi ya upatikanaji wa wavuti | [Misingi ya Upatikanaji](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Misingi ya JS | Aina za Data za JavaScript | Misingi ya aina za data za JavaScript | [Aina za Data](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | Misingi ya JS | Aina za Data za JavaScript | Misingi ya aina za data za JavaScript | [Aina za Data](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Misingi ya JS | Vifunction na Mbinu | Jifunze kuhusu vifunction na mbinu za kusimamia mtiririko wa mantiki ya programu | [Vifunction na Mbinu](./2-js-basics/2-functions-methods/README.md) | Jasmine na Christopher | | 05 | Misingi ya JS | Kazi na Mbinu | Jifunze kuhusu kazi na mbinu za kusimamia mtiririko wa mantiki ya programu | [Kazi na Mbinu](./2-js-basics/2-functions-methods/README.md) | Jasmine na Christopher |
| 06 | Misingi ya JS | Kufanya Maamuzi kwa JS | Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi | [Kufanya Maamuzi](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | Misingi ya JS | Kufanya Maamuzi na JS | Jifunze jinsi ya kuunda masharti katika msimbo wako kwa kutumia mbinu za kufanya maamuzi | [Kufanya Maamuzi](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Misingi ya JS | Miskani na Mizunguko | Fanya kazi na data kwa kutumia miskani na mizunguko katika JavaScript | [Miskani na Mizunguko](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | Misingi ya JS | Array na Loops | Fanya kazi na data kwa kutumia array na loops katika JavaScript | [Array na Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Katika Vitendo | Jenga HTML kuunda terrarium mtandaoni, ukielekeza kwenye kuunda mpangilio | [Utangulizi wa HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML Katika Vitendo | Jenga HTML ili kuunda terrarium mtandaoni, ukizingatia ujenzi wa mpangilio | [Utangulizi wa HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Katika Vitendo | Jenga CSS kupamba terrarium mtandaoni, ukielekeza misingi ya CSS ikijumuisha kupangilia ukurasa iwe rahisi kubadilika | [Utangulizi wa CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS Katika Vitendo | Jenga CSS kuunda mtindo wa terrarium mtandaoni, ukizingatia misingi ya CSS ikiwa pamoja na kufanya ukurasa uwe wa responsive | [Utangulizi wa CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Kufunga za JavaScript, usimamizi wa DOM | Jenga JavaScript ili kufanya terrarium kufanya kazi kama interface ya buruta/achilia, ukielekeza kwenye kufunga na usimamizi wa DOM | [Kufunga za JavaScript, usimamizi wa DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | Jifunze JavaScript Closures, na uendeshaji DOM | Jenga JavaScript ili terrarium ifanye kazi kama interface ya buruta/acha, ukizingatia closures na uendeshaji wa DOM | [JavaScript Closures, uendeshaji wa DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Jenga Mchezo wa Kuandika | Jifunze jinsi ya kutumia matukio ya kibodi kuendesha mantiki ya programu yako ya JavaScript | [Programu Inayoendeshwa na Matukio](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Jenga Mchezo wa Kuandika | Jifunze jinsi ya kutumia matukio ya keyboard kuendesha mantiki ya app yako ya JavaScript | [Programu Dhirio kwa Matukio](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kufanya kazi na Vivinjari | Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuanzisha vipengele vya kwanza vya kiendelezaji cha kivinjari | [Kuhusu Vivinjari](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kazi na Vivinjari | Jifunze jinsi vivinjari vinavyofanya kazi, historia yao, na jinsi ya kuunda vipengele vya awali vya kiendelezi cha kivinjari | [Kuhusu Vivinjari](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Kujenga fomu, kuitisha API na kuhifadhi vigezo katika hifadhi ya ndani | Jenga vipengele vya JavaScript vya kiendelezaji chako cha kivinjari kuitisha API kwa kutumia vigezo vilivyohifadhiwa katika hifadhi ya ndani | [API, Fomu, na Hifadhi ya Ndani](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Jenga fomu, piga API na hifadhi mabadiliko kwenye hifadhi ya ndani | Jenga vipengele vya JavaScript vya kiendelezi chako cha kivinjari kupiga API kwa kutumia mabadiliko yaliyohifadhiwa kwenye hifadhi ya ndani | [API, Fomu, na Hifadhi ya Ndani](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Mchakato wa nyuma katika kivinjari, utendakazi wa wavuti | Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiendelezaji; jifunze kuhusu utendakazi wa wavuti na baadhi ya maboresho ya kufanya | [Mchakato wa Nyuma na Utendakazi](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Michakato ya nyuma katika kivinjari, utendaji wa wavuti | Tumia michakato ya nyuma ya kivinjari kusimamia ikoni ya kiendelezi; jifunze kuhusu utendaji wa wavuti na baadhi ya mbinu za kuboresha kufanya kazi vizuri | [Kazi za Nyuma na Utendaji](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Maendeleo ya Mchezo wa Juu zaidi na JavaScript | Jifunze kuhusu Urithi kwa kutumia Madarasa na Muundo pamoja na muundo wa Pub/Sub, tayari kwa kujenga mchezo | [Utangulizi wa Maendeleo ya Mchezo ya Juu](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | Maendeleo ya Mchezo Zaidi kwa JavaScript | Jifunze kuhusu Urithi kwa kutumia madarasa na muundo pamoja na muundo wa Pub/Sub, tayari kwa kujenga mchezo | [Utangulizi kwa Maendeleo ya Mchezo Zaidi](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Kuchora kwenye turubai | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini | [Kuchora kwenye Turubai](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | Kuchora kwenye Canvas | Jifunze kuhusu API ya Canvas, inayotumika kuchora vipengele kwenye skrini | [Kuchora kwenye Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Kusogeza vipengele kwenye skrini | Gundua jinsi vipengele vinavyoweza kupata mwendo kwa kutumia makosari ya Cartesian na API ya Canvas | [Kusogeza Vipengele](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | Kuhamisha vipengele kwenye skrini | Gundua jinsi vipengele vinaweza kupata mwendo kwa kutumia koordineti za Cartesian na API ya Canvas | [Kuhamisha Vipengele](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Ugunduzi wa Migongano | Fanya vipengele kugongana na kuathiriana kwa kutumia kubofya funguo na toa kipengele cha mapumziko kuhakikisha utendakazi bora wa mchezo | [Ugunduzi wa Migongano](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | Ugunduzi wa Mgongano | Fanya vipengele vikagongane na kujibu kwa kila mmoja kwa kutumia vitufe vya kuandika na toa kazi ya hifadhi ili kuhakikisha utendaji mzuri wa mchezo | [Ugunduzi wa Mgongano](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Kuhifadhi alama | Fanya mahesabu ya hisabati kulingana na hali na utendakazi wa mchezo | [Kuhifadhi Alama](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | Kuhifadhi alama | Fanya mahesabu ya hisabati kulingana na hali na utendaji wa mchezo | [Kuhifadhi alama](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Kuhitimisha na kuanzisha upya mchezo | Jifunze kuhusu kumaliza na kuanzisha upya mchezo, pamoja na kusafisha rasilimali na kuweka upya thamani za vigezo | [Hali ya Kumaliza](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | Kumaliza na kuanza upya mchezo | Jifunze kuhusu kumaliza na kuanza upya mchezo, ikijumuisha kusafisha mali na kuweka tena thamani za mabadiliko | [Hali ya Kumaliza](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | Violezo vya HTML na Njia katika Tovuti Mtandao | Jifunze jinsi ya kuunda muundo wa tovuti yenye kurasa nyingi kwa kutumia routing na violezo vya HTML | [Violezo vya HTML na Njia](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | Violezo vya HTML na Njia katika Programu ya Wavuti | Jifunze jinsi ya kuunda miundo ya tovuti yenye kurasa nyingi kwa kutumia njia na violezo vya HTML | [Violezo vya HTML na Njia](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Jenga Fomu ya Kuingia na Usajili | Jifunze kuhusu ujenzi wa fomu na kushughulikia taratibu za uhakiki | [Fomu](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Jenga Fomu ya Kuingia na Usajili | Jifunze kuhusu ujenzi wa fomu na kushughulikia taratibu za uthibitishaji | [Fomu](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Mbinu za Kupata na Kutumia Data | Jinsi data inavyotiririka ndani na nje ya app yako, jinsi ya kuipata, kuhifadhi na kuizitupa | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | Mbinu za Kupata na Kutumia Data | Jinsi data inavyoingia na kutoka kwenye app yako, jinsi ya kuipata, kuihifadhi, na kuitupa | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Dhana za Usimamizi wa Hali | Jifunze jinsi app yako inavyodumisha hali na jinsi ya kuiendesha kwa mpangilio | [Usimamizi wa Hali](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | Misingi ya Usimamizi wa Hali | Jifunze jinsi app yako inavyohifadhi hali na jinsi ya kuisimamia kwa njia ya programu | [Usimamizi wa Hali](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Kufanya kazi na VScode | Jifunze jinsi ya kutumia mhariri wa msimbo| [Tumia Mhariri wa Msimbo wa VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | Kazi na VScode | Jifunze jinsi ya kutumia mhariri wa msimbo | [Tumia Mhariri wa VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Kufanya kazi na AI | Jifunze jinsi ya kujenga msaidizi wako wa AI | [Mradi wa Msaidizi wa AI](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Kazi na AI | Jifunze jinsi ya kujenga msaidizi wako wa AI | [Mradi wa Msaidizi wa AI](./9-chat-project/README.md) | Chris |
## 🏫 Falsafa ya Mafunzo ## 🏫 Mbinu ya Kufundishia
Mtaala wetu umeundwa kwa kanuni mbili muhimu za kielimu: Mtaala wetu umeundwa kwa misingi miwili muhimu ya kielimu:
* kujifunza kwa miradi * kujifunza kupitia miradi
* mitihani ya mara kwa mara * mazoezi ya mara kwa mara
Mpango huu hufundisha 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 kufanya mazoezi kwa mikono kwa kujenga mchezo wa kuandika, terrarium halisi mtandaoni, kiendelezaji cha kivinjari kinachozingatia mazingira, mchezo wa aina ya wavamizi wa anga, na programu ya benki kwa biashara. Mwisho wa mfululizo huu, wanafunzi watakuwa na uelewa thabiti wa uendelezaji wa wavuti. Mpango huu hufundisha misingi ya JavaScript, HTML, na CSS, pamoja na zana na mbinu za hivi karibuni zinazotumiwa na waendelezaji wa wavuti wa leo. Wanafunzi watapata fursa ya kupata uzoefu wa vitendo kwa kujenga mchezo wa kuandika, terrarium wa kidijitali, kiendelezi cha kivinjari rafiki wa mazingira, mchezo wa wavamizi wa anga, na programu ya benki kwa biashara. Mwisho wa mfululizo huu, wanafunzi watakuwa na uelewa mzuri wa maendeleo ya wavuti.
> 🎓 Unaweza kuchukua masomo ya mwanzo ya mtaala huu kama [Njia ya Kujifunza](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kwenye Microsoft Learn! > 🎓 Unaweza kuchukua masomo machache ya kwanza katika mtaala huu kama [Njia ya Kujifunza](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kwenye Microsoft Learn!
Kwa kuhakikisha kuwa maudhui yanahusiana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na uhifadhi wa dhana utaongezeka. Pia tuliandika masomo kadhaa ya mwanzo kuhusu misingi ya JavaScript kuanzisha dhana, pamoja na video kutoka kwenye mkusanyo wa “"[Mfululizo wa Waanzilishi wa: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” ya mafunzo ya video, baadhi ya waandishi wake walichangia kwa mtaala huu. Kwa kuhakikisha kuwa maudhui yanaendana na miradi, mchakato unakuwa wa kuvutia zaidi kwa wanafunzi na kuhifadhi dhana kutaboreshwa. Pia tuliandika masomo kadhaa ya mwanzo juu ya misingi ya JavaScript ili kuanzisha dhana, yanayounganishwa na video kutoka kwa mkusanyiko wa "[Mfululizo wa Waanzilishi kwa: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ambapo baadhi ya waandishi wake walichangia mtaala huu.
Pia, mtihani wa chini kabla ya darasa unaweka nia ya mwanafunzi kuelekea kujifunza somo, wakati mtihani wa pili baada ya darasa unahakikisha uhifadhi zaidi. Mtaala huu umeundwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa ujumla au sehemu. Miradi huanza ndogo na kuendelea kuwa ngumu zaidi mwishoni mwa mzunguko wa wiki 12. Aidha, zoezi la nyepesi kabla ya darasa hutoa nia kwa mwanafunzi kuelekea kujifunza mada, wakati zoezi la pili baada ya darasa linahakikisha uhifadhi wa zaidi. Mtaala huu umetengenezwa kuwa rahisi na wa kufurahisha na unaweza kuchukuliwa kwa mkamilifu au sehemu. Miradi huanza midogo na kuwa changamoto zaidi mwishoni mwa mzunguko wa wiki 12.
Ingawa tumependelea kuepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama mendelezaji wa wavuti kabla ya kutumia mfumo, hatua njema inayofuata baada ya kukamilisha mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyo mwingine wa video: "[Mfululizo wa Waanzilishi wa: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Ingawa tuliepuka kuanzisha mifumo ya JavaScript ili kuzingatia ujuzi wa msingi unaohitajika kama msanidi wa wavuti kabla ya kutumia mfumo, hatua nzuri inayofuata kumalizia mtaala huu ni kujifunza kuhusu Node.js kupitia mkusanyiko mwingine wa video: "[Mfululizo wa Waanzilishi kwa: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Tembelea [Kanuni Zetu za Maadili](CODE_OF_CONDUCT.md) na miongozo ya [Kushiriki](CONTRIBUTING.md). Tunakukaribisha maoni yako yenye kujenga! > Tembelea [Kanuni zetu za Maadili](CODE_OF_CONDUCT.md) na mwongozo wa [Kushiriki](CONTRIBUTING.md). Tunakaribisha maoni yako ya kujenga!
## 🧭 Upatikanaji bila Mtandao ## 🧭 Ufikiaji wa Kupatikana Bila Mtandao
Unaweza kuendesha nyaraka hii bila mtandao kwa kutumia [Docsify](https://docsify.js.org/#/). Nakili repozitori hii, [sakinisha Docsify](https://docsify.js.org/#/quickstart) kwenye mashine yako ya ndani, kisha katika folda kuu ya repozitori hii, andika `docsify serve`. Tovuti itahudumiwa kwenye lango la 3000 kwenye localhost yako: `localhost:3000`. Unaweza kuendesha nyaraka hii bila mtandao kwa kutumia [Docsify](https://docsify.js.org/#/). Fanya fork ya repo hii, [sakinisha Docsify](https://docsify.js.org/#/quickstart) kwenye kompyuta yako, kisha katika folda ya mizizi ya repo hii, andika `docsify serve`. Tovuti itapelekwa kwenye bandari 3000 kwenye localhost yako: `localhost:3000`.
## 📘 PDF ## 📘 PDF
PDF ya masomo yote inaweza kupatikana [hapa](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). PDF ya masomo yote inapatikana [hapa](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Kozi Nyingine ## 🎒 Kozi Nyingine
Timu yetu hutengeneza kozi nyingine! Angalia: Timu yetu hutoa kozi nyingine! Angalia:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain4j kwa Waanzilishi](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain.js kwa Waanzilishi](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain kwa Waanzilishi](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### Azure / Edge / MCP / Agents ### Azure / Edge / MCP / Agents
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![AZD kwa Waanzilishi](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI kwa Waanzilishi](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP kwa Waanzilishi](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) [![Maajenti wa AI kwa Waanzilishi](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Mfululizo wa AI Inayotengeneza ### Mfululizo wa AI ya Kizazi
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI ya Kizazi kwa Waanzilishi](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![AI ya Kizazi (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![AI ya Kizazi (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) [![AI ya Kizazi (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
--- ---
### Msingi wa Kujifunza ### Kujifunza Msingi
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML kwa Waanzilishi](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Sayansi ya Takwimu kwa Waanzilishi](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI kwa Waanzilishi](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[![Cybersecurity for Beginners](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung) [![Usalama wa Mtandao kwa Waanzilishi](https://img.shields.io/badge/Cybersecurity%20for%20Beginners-F97316?style=for-the-badge&labelColor=E5E7EB&color=F97316)](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[![Web Dev for Beginners](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst) [![Uendelezaji wa Mtandao kwa Waanzilishi](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT for Beginners](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst) [![IoT kwa Waanzilishi](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) [![Maendeleo ya XR kwa Waanzilishi](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Mfululizo wa Copilot ### Mfululizo wa Copilot
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot kwa Programu ya AI Paired](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot kwa C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Michezo ya Copilot](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Kupata Msaada ## Kupata Msaada
Ikiwa umekwama au una maswali 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 husambazwa kwa huru. Ikiwa unaenda kikwazo au una maswali yoyote kuhusu ujenzi wa programu za AI. Jiunge na wanafunzi wenzako na watengenezaji wenye uzoefu katika mijadala kuhusu MCP. Ni jamii ya kusaidia ambapo maswali yanakaribishwa na maarifa hushirikiwa kwa uhuru.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
@ -270,11 +270,11 @@ Ikiwa una maoni kuhusu bidhaa au makosa wakati wa kujenga tembelea:
## Leseni ## Leseni
Hifadhidata hii imepewa leseni chini ya leseni ya MIT. Angalia faili la [LICENSE](../../LICENSE) kwa maelezo zaidi. Hazina hii inalindwa chini ya leseni ya MIT. Tazama faili la [LICENSE](../../LICENSE) kwa maelezo zaidi.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Takwimu ya Kukataa**: **Sekela**:
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 fahamu kuwa tafsiri za moja kwa moja zinaweza kuwa na makosa au kasoro. Hati ya awali katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo chenye mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu na ya binadamu inapendekezwa. Hatuwajibiki kwa kutoelewana au tafsiri mbaya yatokanayo 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). Ingawa tunajitahidi kufikia usahihi, tafadhali fahamuni kwamba tafsiri za moja kwa moja zinaweza kuwa na makosa au upungufu. Hati asilia katika lugha yake ya asili inapaswa kuzingatiwa kama chanzo chenye mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatubebwi dhamana kwa kutoelewana au tafsiri potofu zinazotokana na matumizi ya tafsiri hii.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save