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/1690/head
localizeflow[bot] 3 weeks ago
parent aaa35e5a9e
commit ded7bca881
9 changed files with 865 additions and 851 deletions
Show Stats Download Patch File Download Diff File

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:41:06+00:00",
"translation_date": "2026-02-06T10:13:06+00:00",
"source_file": "AGENTS.md",
"language_code": "hr"
},
@ -516,8 +516,8 @@
"language_code": "hr"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:14:11+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:06:32+00:00",
"source_file": "README.md",
"language_code": "hr"
},

298
translations/hr/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Pregled projekta
Ovo je repozitorij obrazovnog kurikuluma za podučavanje osnova web razvoja početnicima. Kurikulum je sveobuhvatan 12-tjedni tečaj koji su razvili Microsoft Cloud Advocates, a sadrži 24 praktične lekcije koje pokrivaju JavaScript, CSS i HTML.
Ovo je repozitorij kurikuluma za poučavanje osnova web razvoja početnicima. Kurikulum je sveobuhvatan tečaj u trajanju od 12 tjedana koji su razvili Microsoft Cloud Advocates, a sadrži 24 praktične lekcije koje pokrivaju JavaScript, CSS i HTML.
### Ključne komponente
- **Obrazovni sadržaj**: 24 strukturirane lekcije organizirane u module temeljene na projektima
- **Praktični projekti**: Terarij, igra tipkanja, proširenje za preglednik, svemirska igra, bankarska aplikacija, uređivač koda i AI chat asistent
- **Interaktivni kvizovi**: 48 kvizova s po 3 pitanja (procjene prije i poslije lekcije)
- **Podrška za više jezika**: Automatski prijevodi na više od 50 jezika putem GitHub Actions
- **Obrazovni sadržaj**: 24 strukturirane lekcije organizirane u module zasnovane na projektima
- **Praktični projekti**: Terrarij, Igra tipkanja, Proširenje preglednika, Igra svemira, Bankarska aplikacija, Uređivač koda i AI Chat pomoćnik
- **Interaktivni kvizovi**: 48 kvizova sa po 3 pitanja svaki (procjene prije i poslije lekcija)
- **Podrška za više jezika**: Automatski prijevodi za više od 50 jezika putem GitHub Actions
- **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte)
### Arhitektura
- Obrazovni repozitorij sa strukturom temeljenom na lekcijama
- Obrazovni repozitorij sa strukturom temeljnom na lekcijama
- Svaka mapa lekcije sadrži README, primjere koda i rješenja
- Samostalni projekti u zasebnim direktorijima (quiz-app, razni projekti lekcija)
- Sustav za prijevod pomoću GitHub Actions (co-op-translator)
- Dokumentacija dostupna putem Docsify i kao PDF
- Samostalni projekti u posebnim direktorijima (quiz-app, različiti projekti lekcija)
- Sustav prijevoda pomoću GitHub Actions (co-op-translator)
- Dokumentacija se poslužuje putem Docsify te je dostupna i kao PDF
## Postavljanje repozitorija
## Komande za postavljanje
Ovaj repozitorij prvenstveno je namijenjen konzumaciji obrazovnog sadržaja. Za rad na specifičnim projektima:
Ovaj repozitorij je prvenstveno za konzumaciju obrazovnog sadržaja. Za rad s određenim projektima:
### Postavljanje glavnog repozitorija
@ -31,122 +31,122 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Postavljanje aplikacije za kviz (Vue 3 + Vite)
### Postavljanje Quiz Aplikacije (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Pokreni razvojni poslužitelj
npm run build # Izgradi za produkciju
npm run lint # Pokreni ESLint
```
### API za bankarski projekt (Node.js + Express)
### Bankarski projekt API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Pokreni API poslužitelj
npm run lint # Pokreni ESLint
npm run format # Formatiraj s Prettierom
```
### Projekti proširenja za preglednik
### Projekti za Proširenje Pretraživača
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Slijedite upute za učitavanje ekstenzija specifične za preglednik
```
### Projekti svemirske igre
### Projekti igre svemira
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Otvorite index.html u pregledniku ili koristite Live Server
```
### Projekt za chat (Python backend)
### Chat projekt (Python Backend)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Postavite varijablu okoline GITHUB_TOKEN
python api.py
```
## Radni tijek razvoja
## Radni proces razvoja
### Za suradnike na sadržaju
1. **Forkajte repozitorij** na svoj GitHub račun
2. **Klonirajte svoj fork** lokalno
3. **Kreirajte novu granu** za svoje promjene
4. Napravite promjene u sadržaju lekcija ili primjerima koda
5. Testirajte promjene koda u relevantnim direktorijima projekata
6. Pošaljite pull requestove prema smjernicama za doprinos
2. **Kloneajte vaš fork** lokalno
3. **Kreirajte novu granu** za vaše promjene
4. Radite izmjene u sadržaju lekcija ili primjerima koda
5. Testirajte bilo koje promjene koda u relevantnim direktorijima projekata
6. Pošaljite pull requestove prateći pravila doprinosa
### Za učenike
1. Forkajte ili klonirajte repozitorij
2. Redom prolazite kroz direktorije lekcija
2. Krenite redom kroz direktorije lekcija
3. Čitajte README datoteke za svaku lekciju
4. Riješite kvizove prije lekcije na https://ff-quizzes.netlify.app/web/
5. Prođite kroz primjere koda u mapama lekcija
4. Odgovarajte na kvizove prije lekcija na https://ff-quizzes.netlify.app/web/
5. Radite kroz primjere koda u mapama lekcija
6. Završite zadatke i izazove
7. Riješite kvizove nakon lekcije
7. Uradite kvizove nakon lekcija
### Razvoj uživo
### Živi razvoj
- **Dokumentacija**: Pokrenite `docsify serve` u root direktoriju (port 3000)
- **Aplikacija za kviz**: Pokrenite `npm run dev` u direktoriju quiz-app
- **Dokumentacija**: Pokrenite `docsify serve` u root folderu (port 3000)
- **Quiz aplikacija**: Pokrenite `npm run dev` u quiz-app direktoriju
- **Projekti**: Koristite VS Code Live Server ekstenziju za HTML projekte
- **API projekti**: Pokrenite `npm start` u odgovarajućim API direktorijima
## Upute za testiranje
### Testiranje aplikacije za kviz
### Testiranje Quiz aplikacije
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Provjerite probleme sa stilom koda
npm run build # Provjerite da je izgradnja uspješna
```
### Testiranje bankarskog API-ja
### Testiranje Bank API-ja
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Provjerite probleme sa stilom koda
node server.js # Provjerite pokreće li se poslužitelj bez grešaka
```
### Opći pristup testiranju
### Općeniti pristup testiranju
- Ovo je obrazovni repozitorij bez sveobuhvatnih automatiziranih testova
- Ovo je obrazovni repozitorij bez opsežnih automatiziranih testova
- Ručno testiranje fokusira se na:
- Primjeri koda rade bez grešaka
- Linkovi u dokumentaciji ispravno funkcioniraju
- Projekti se uspješno grade
- Primjere koda koji se izvršavaju bez grešaka
- Linkovi u dokumentaciji rade ispravno
- Projekti se uspješno kompajliraju
- Primjeri slijede najbolje prakse
### Provjere prije slanja
- Pokrenite `npm run lint` u direktorijima s package.json
- Provjerite valjanost markdown linkova
- Provjerite jesu li markdown linkovi valjani
- Testirajte primjere koda u pregledniku ili Node.js-u
- Provjerite da prijevodi zadržavaju pravilnu strukturu
- Provjerite jesu li prijevodi pravilno strukturirani
## Smjernice za stil koda
### JavaScript
- Koristite modernu ES6+ sintaksu
- Slijedite standardne ESLint konfiguracije dostupne u projektima
- Koristite smislena imena varijabli i funkcija za obrazovnu jasnoću
- Slijedite standardne ESLint postavke dostupne u projektima
- Koristite smisleni nazive varijabli i funkcija radi boljeg razumijevanja
- Dodajte komentare koji objašnjavaju koncepte za učenike
- Formatirajte pomoću Prettier gdje je konfigurirano
- Formatirajte kod koristeći Prettier gdje je konfigurirano
### HTML/CSS
@ -157,70 +157,70 @@ node server.js # Verify server starts without errors
### Python
- PEP 8 smjernice za stil
- Pravila stila po PEP 8
- Jasni, obrazovni primjeri koda
- Tipovi podataka gdje su korisni za učenje
- Tipizacije tamo gdje pomažu učenju
### Markdown dokumentacija
- Jasna hijerarhija naslova
- Blokovi koda s specifikacijom jezika
- Kodni blokovi s označenim jezikom
- Linkovi na dodatne resurse
- Snimke zaslona i slike u direktorijima `images/`
- Sličice i slike u `images/` direktorijima
- Alt tekst za slike radi pristupačnosti
### Organizacija datoteka
- Lekcije numerirane redoslijedom (1-getting-started-lessons, 2-js-basics, itd.)
- Lekcije numerirane po redu (1-getting-started-lessons, 2-js-basics itd.)
- Svaki projekt ima `solution/` i često `start/` ili `your-work/` direktorije
- Slike pohranjene u lekcijama specifičnim `images/` mapama
- Slike pohranjene u folderima `images/` specifičnim za lekcije
- Prijevodi u strukturi `translations/{language-code}/`
## Izgradnja i implementacija
## Izrada i postavljanje
### Implementacija aplikacije za kviz (Azure Static Web Apps)
### Postavljanje Quiz aplikacije (Azure Static Web Apps)
Aplikacija za kviz konfigurirana je za implementaciju na Azure Static Web Apps:
Quiz aplikacija je konfigurirana za postavljanje na Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Stvara mapu dist/
# Postavlja preko GitHub Actions tijeka rada prilikom guranja na main
```
Konfiguracija Azure Static Web Apps:
- **Lokacija aplikacije**: `/quiz-app`
- **Lokacija izlaza**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **Izlazna lokacija**: `dist`
- **Radni tijek**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generiranje PDF dokumentacije
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Instalirajte docsify-to-pdf
npm run convert # Generiraj PDF iz dokumenata
```
### Dokumentacija putem Docsify
### Docsify dokumentacija
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Instalirajte Docsify globalno
docsify serve # Poslužite na localhost:3000
```
### Izgradnje specifične za projekt
### Izrade specifične za projekte
Svaki direktorij projekta može imati vlastiti proces izgradnje:
- Vue projekti: `npm run build` kreira produkcijske pakete
- Statički projekti: Nema koraka izgradnje, datoteke se poslužuju direktno
Svaki direktorij projekta može imati vlastiti proces izrade:
- Vue projekti: `npm run build` generira produkcijske pakete
- Statički projekti: bez koraka izrade, servirati datoteke direktno
## Smjernice za pull requestove
## Pravila za pull requestove
### Format naslova
Koristite jasne, opisne naslove koji ukazuju na područje promjene:
Koristite jasne, opisne naslove koji označavaju područje promjene:
- `[Quiz-app] Dodaj novi kviz za lekciju X`
- `[Lesson-3] Ispravi tipfeler u projektu terarij`
- `[Translation] Dodaj prijevod na španjolski za lekciju 5`
- `[Lesson-3] Popravi tipfeler u projektu terrarij`
- `[Translation] Dodaj španjolski prijevod za lekciju 5`
- `[Docs] Ažuriraj upute za postavljanje`
### Potrebne provjere
@ -228,37 +228,37 @@ Koristite jasne, opisne naslove koji ukazuju na područje promjene:
Prije slanja PR-a:
1. **Kvaliteta koda**:
- Pokrenite `npm run lint` u zahvaćenim direktorijima projekta
- Ispravite sve greške i upozorenja lintinga
- Pokrenite `npm run lint` u pogođenim direktorijima projekata
- Ispravite sve lint greške i upozorenja
2. **Provjera izgradnje**:
2. **Provjera izrade**:
- Pokrenite `npm run build` ako je primjenjivo
- Osigurajte da nema grešaka u izgradnji
- Provjerite da nema grešaka pri izradi
3. **Validacija linkova**:
3. **Provjera linkova**:
- Testirajte sve markdown linkove
- Provjerite da reference na slike funkcioniraju
- Provjerite da referencije na slike rade
4. **Pregled sadržaja**:
- Provjerite pravopis i gramatiku
- Osigurajte da su primjeri koda ispravni i obrazovni
- Provjerite da prijevodi zadržavaju izvorno značenje
- Provjerite da prijevodi zadržavaju originalno značenje
### Zahtjevi za doprinos
- Pristanite na Microsoft CLA (automatska provjera pri prvom PR-u)
- Prihvatite Microsoft CLA (automatska provjera pri prvom PR-u)
- Slijedite [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Pogledajte [CONTRIBUTING.md](./CONTRIBUTING.md) za detaljne smjernice
- Referencirajte brojeve problema u opisu PR-a ako je primjenjivo
- U PR opisu navodite brojeve povezanih problema ako ih ima
### Proces pregleda
- PR-ove pregledavaju održavatelji i zajednica
- Prioritet je obrazovna jasnoća
- Primjeri koda trebaju slijediti trenutne najbolje prakse
- Prijevodi se pregledavaju radi točnosti i kulturne prikladnosti
- Primjeri koda trebaju slijediti aktualne najbolje prakse
- Prijevodi se pregledavaju radi točnosti i prikladnosti
## Sustav za prijevod
## Sustav prijevoda
### Automatski prijevod
@ -267,16 +267,16 @@ Prije slanja PR-a:
- Izvorne datoteke u glavnim direktorijima
- Prevedene datoteke u `translations/{language-code}/` direktorijima
### Dodavanje poboljšanja ručnog prijevoda
### Dodavanje ručnih poboljšanja prijevoda
1. Pronađite datoteku u `translations/{language-code}/`
2. Napravite poboljšanja uz očuvanje strukture
3. Osigurajte da primjeri koda ostanu funkcionalni
4. Testirajte lokalizirani sadržaj kviza
2. Unesite poboljšanja uz očuvanje strukture
3. Pazite da primjeri koda ostanu funkcionalni
4. Testirajte lokalizirani sadržaj kvizova
### Metapodaci prijevoda
### Meta podaci prijevoda
Prevedene datoteke uključuju zaglavlje metapodataka:
Prevedene datoteke sadrže zaglavlje meta podataka:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,31 +289,31 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Debugging i rješavanje problema
## Otklanjanje pogrešaka i rješavanje problema
### Uobičajeni problemi
**Aplikacija za kviz se ne pokreće**:
**Quiz aplikacija ne može startati**:
- Provjerite verziju Node.js (preporučeno v14+)
- Obrišite `node_modules` i `package-lock.json`, ponovno pokrenite `npm install`
- Provjerite konflikte portova (zadano: Vite koristi port 5173)
- Izbrišite `node_modules` i `package-lock.json`, zatim pokrenite `npm install` ponovno
- Provjerite da nema sukoba portova (zadani port: Vite koristi 5173)
**API server se ne pokreće**:
- Provjerite da verzija Node.js zadovoljava minimum (node >=10)
- Provjerite je li port već u upotrebi
- Osigurajte da su sve ovisnosti instalirane s `npm install`
**API server ne starta**:
- Provjerite da Node.js zadovoljava minimalnu verziju (node >=10)
- Provjerite je li port zauzet
- Provjerite jesu li sve ovisnosti instalirane putem `npm install`
**Proširenje za preglednik se ne učitava**:
**Proširenje preglednika se ne učitava**:
- Provjerite je li manifest.json pravilno formatiran
- Provjerite konzolu preglednika za greške
- Slijedite specifične upute za instalaciju proširenja u pregledniku
- Slijedite upute za instalaciju prema pregledniku
**Problemi s Python chat projektom**:
- Osigurajte da je OpenAI paket instaliran: `pip install openai`
- Provjerite je li GITHUB_TOKEN varijabla okruženja postavljena
- Provjerite dozvole za pristup GitHub Models
- Provjerite da je OpenAI paket instaliran: `pip install openai`
- Provjerite da je varijabla okruženja GITHUB_TOKEN postavljena
- Provjerite pristupe za GitHub modele
**Docsify ne poslužuje dokumentaciju**:
**Docsify ne servisira dokumente**:
- Instalirajte docsify-cli globalno: `npm install -g docsify-cli`
- Pokrenite iz root direktorija repozitorija
- Provjerite da `docs/_sidebar.md` postoji
@ -322,85 +322,87 @@ CO_OP_TRANSLATOR_METADATA:
- Koristite VS Code s Live Server ekstenzijom za HTML projekte
- Instalirajte ESLint i Prettier ekstenzije za dosljedno formatiranje
- Koristite DevTools preglednika za debugiranje JavaScripta
- Za Vue projekte instalirajte Vue DevTools ekstenziju preglednika
- Koristite DevTools u pregledniku za otklanjanje JavaScript pogrešaka
- Za Vue projekte instalirajte Vue DevTools ekstenziju za preglednik
### Razmatranja o performansama
### Razmatranja performansi
- Velik broj prevedenih datoteka (50+ jezika) znači da su puni klonovi veliki
- Koristite plitki klon ako radite samo na sadržaju: `git clone --depth 1`
- Isključite prijevode iz pretraživanja kada radite na sadržaju na engleskom
- Procesi izgradnje mogu biti spori pri prvom pokretanju (npm install, Vite build)
- Veliki broj prevedenih datoteka (50+ jezika) znače velike kopije repozitorija
- Koristite plitki clone ako radite samo na sadržaju: `git clone --depth 1`
- Isključite prijevode iz pretraživanja kada radite na engleskom sadržaju
- Procesi izrade mogu biti spori pri prvom pokretanju (npm install, Vite build)
## Sigurnosna razmatranja
### Varijable okruženja
- API ključevi nikada ne smiju biti predani u repozitorij
- Koristite `.env` datoteke (već u `.gitignore`)
- Dokumentirajte potrebne varijable okruženja u README datotekama projekta
- API ključevi ne smiju biti u repozitoriju
- Koristite `.env` datoteke (već ih `.gitignore` ignorira)
- Dokumentirajte potrebne varijable okruženja u README datotekama projekata
### Python projekti
- Koristite virtualna okruženja: `python -m venv venv`
- Održavajte ovisnosti ažuriranima
- GitHub tokeni trebaju imati minimalne potrebne dozvole
- GitHub tokeni trebaju imati minimalne potrebne ovlasti
### Pristup GitHub Models
### Pristup GitHub modelima
- Potrebni su Personal Access Tokens (PAT) za GitHub Models
- Tokeni trebaju biti pohranjeni kao varijable okruženja
- Nikada ne predajte tokene ili vjerodajnice
- Potrebni su Personal Access Tokeni (PAT) za GitHub modele
- Tokeni treba pohraniti kao varijable okruženja
- Nikada nemojte committati tokene ili vjerodajnice
## Dodatne napomene
## Dodatne bilješke
### Ciljana publika
- Potpuni početnici u web razvoju
- Studenti i samouki učenici
- Učenici i samouki
- Nastavnici koji koriste kurikulum u učionicama
- Sadržaj je dizajniran za pristupačnost i postupno razvijanje vještina
- Sadržaj je dizajniran za pristupačnost i postupno stjecanje vještina
### Obrazovna filozofija
### Pedagoška filozofija
- Pristup učenju temeljen na projektima
- Pristup učenja kroz projekte
- Česte provjere znanja (kvizovi)
- Praktične vježbe kodiranja
- Primjeri primjene u stvarnom svijetu
- Fokus na osnovama prije korištenja okvira
- Primjeri za stvarne primjene
- Fokus na temelje prije okvira
### Održavanje repozitorija
- Aktivna zajednica učenika i suradnika
- Redovita ažuriranja ovisnosti i sadržaja
- Problemi i rasprave prate održavatelji
- Ažuriranja prijevoda automatizirana putem GitHub Actions
- Praćenje problema i diskusija od strane održavatelja
- Ažuriranja prijevoda automatizirana preko GitHub Actions
### Povezani resursi
- [Microsoft Learn moduli](https://docs.microsoft.com/learn/)
- [Resursi za studente](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) preporučuje se učenicima
- [Student Hub resursi](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) preporučen za učenike
- Dodatni tečajevi: Generativni AI, Data Science, ML, IoT kurikulumi dostupni
### Rad na specifičnim projektima
### Rad s određenim projektima
Za detaljne upute o pojedinim projektima, pogledajte README datoteke u:
- `quiz-app/README.md` - Vue 3 aplikacija za kviz
Za detaljne upute za pojedinačne projekte, pogledajte README datoteke u:
- `quiz-app/README.md` - Vue 3 quiz aplikacija
- `7-bank-project/README.md` - Bankarska aplikacija s autentifikacijom
- `5-browser-extension/README.md` - Razvoj proširenja za preglednik
- `6-space-game/README.md` - Razvoj igre temeljen na Canvasu
- `9-chat-project/README.md` - Projekt AI chat asistenta
- `6-space-game/README.md` - Razvoj igre zasnovane na Canvasu
- `9-chat-project/README.md` - AI chat pomoćnik projekt
### Struktura monorepozitorija
### Struktura monorepa
Iako nije tradicionalni monorepozitorij, ovaj repozitorij sadrži više neovisnih projekata:
Iako nije tradicionalni monorepo, ovaj repozitorij sadrži više nezavisnih projekata:
- Svaka lekcija je samostalna
- Projekti ne dijele ovisnosti
- Radite na pojedinim projektima bez utjecaja na druge
- Radite na pojedinačnim projektima bez utjecaja na ostale
- Klonirajte cijeli repozitorij za cjelokupno iskustvo kurikuluma
---
**Odricanje od odgovornosti**:
Ovaj dokument je preveden pomoću AI usluge za prevođenje [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za ključne informacije preporučuje se profesionalni prijevod od strane čovjeka. Ne preuzimamo odgovornost za nesporazume ili pogrešna tumačenja koja mogu proizaći iz korištenja ovog prijevoda.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Odricanje od odgovornosti**:
Ovaj je dokument preveden korištenjem AI prevoditeljske usluge [Co-op Translator](https://github.com/Azure/co-op-translator). Iako težimo točnosti, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na njegovom izvornom jeziku treba se smatrati autoritativnim izvorom. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakva nesporazumevanja ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

230
translations/hr/README.md
Unescape View File

@ -10,70 +10,70 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Web razvoj za početnike - kurikulum
# Web Development for Beginners - Nastavni plan i program
Naučite osnove web razvoja uz naš sveobuhvatan dvanaestotjedni tečaj kojeg vode Microsoft Cloud Advocates. Svaka od 24 lekcije duboko uvodi u JavaScript, CSS i HTML kroz praktične projekte poput terarija, proširenja za preglednike i svemirskih igara. Sudjelujte u kvizovima, diskusijama i praktičnim zadacima. Unaprijedite svoje vještine i optimizirajte zadržavanje znanja našom učinkovito projektno usmjerenom pedagogijom. Započnite svoje kodiranje već danas!
Naučite osnove web razvoja s našim 12-tjednim sveobuhvatnim tečajem koji vode Microsoft Cloud Advocates. Svaka od 24 lekcije detaljno obrađuje JavaScript, CSS i HTML kroz praktične projekte poput terarija, proširenja za preglednik i svemirskih igara. Uključite se u kvizove, rasprave i praktične zadatke. Unaprijedite svoje vještine i optimizirajte usvajanje znanja uz našu učinkovitu pedagošku metodu baziranu na projektima. Započnite svoje programersko putovanje danas!
Pridružite se Azure AI Foundry Discord zajednici
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Slijedite ove korake da započnete s korištenjem ovih resursa:
1. **Forkajte repozitorij**: Kliknite [![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. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
Slijedite ove korake da biste započeli koristiti ove resurse:
1. **Forkajte spremište**: Kliknite [![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. **Klonirajte spremište**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Pridružite se Azure AI Foundry Discordu i upoznajte stručnjake i kolege developere**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Višejezična podrška
#### Podržano putem GitHub akcije (automatizirano i uvijek ažurirano)
#### Podržano putem GitHub Actiona (Automatski i uvijek ažurno)
<!-- 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](./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) | [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)
> **Radije klonirate lokalno?**
> **Preferirate li lokalno kloniranje?**
> Ovaj repozitorij uključuje više od 50 prijevoda na jezike, što značajno povećava veličinu preuzimanja. Za kloniranje bez prijevoda koristite sparse checkout:
> Ovo spremište uključuje više od 50 prijevoda jezika što značajno povećava veličinu preuzimanja. Za kloniranje bez prijevoda upotrijebite sparse checkout:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> Ovo vam daje sve što trebate za završetak tečaja uz mnogo brže preuzimanje.
> Ovo vam daje sve što vam treba za završetak tečaja uz znatno brže preuzimanje.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Ako želite da budu podržani dodatni prijevodi jezika, pogledajte [ovdje](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Ako želite imati dodatne prijevode, podržani jezici navedeni su [ovdje](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)
#### 🧑‍🎓 _Jeste li student?_
Posjetite [**Student Hub stranicu**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) gdje ćete pronaći izvore za početnike, studentske pakete i čak načine kako dobiti besplatni certifikacijski kupon. Ovo je stranica koju želite označiti i povremeno provjeravati jer mjesečno mijenjamo sadržaje.
Posjetite [**Student Hub stranicu**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) gdje ćete pronaći resurse za početnike, studentske pakete i čak načine da dobijete besplatni certifikat. Ovo je stranica koju želite zapamtiti i povremeno provjeravati jer mjesečno mijenjamo sadržaj.
### 📣 Obavijest - Novi izazovi GitHub Copilot Agent moda za dovršiti!
### 📣 Najava - Novi izazovi u GitHub Copilot Agent modu za dovršiti!
Dodani novi izazov, potražite "GitHub Copilot Agent Challenge 🚀" u većini poglavlja. To je novi izazov koji trebate završiti koristeći GitHub Copilot i Agent mod. Ako niste koristili Agent mod, on može ne samo generirati tekst nego i stvarati i uređivati datoteke, pokretati naredbe i još mnogo toga.
Dodani su novi izazovi, potražite "GitHub Copilot Agent Challenge 🚀" u većini poglavlja. To je novi izazov koji trebate dovršiti korištenjem GitHub Copilota i Agent moda. Ako do sada niste koristili Agent mod, on nije samo sposoban generirati tekst, nego i stvarati i uređivati datoteke, izvršavati naredbe i još mnogo toga.
### 📣 Obavijest - _Novi projekt za izgraditi koristeći generativnu AI_
### 📣 Najava - _Novi projekt za izgraditi korištenjem Generative AI_
Novi AI Assistant projekt upravo dodat, pogledajte [projekt](./9-chat-project/README.md)
Novi AI Assistant projekt upravo dodan, pogledajte [projekt](./9-chat-project/README.md)
### 📣 Obavijest - _Novi kurikulum_ o Generativnoj AI za JavaScript upravo objavljen
### 📣 Najava - _Novi nastavni plan_ na temu Generative AI za JavaScript upravo objavljen
Ne propustite naš novi kurikulum o Generativnoj AI!
Ne propustite naš novi nastavni plan o Generative AI!
Posjetite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) da započnete!
![Background](../../translated_images/hr/background.148a8d43afde5730.webp)
- Lekcije koje pokrivaju sve od osnova do RAG-a.
- Komunikacija s povijesnim likovima koristeći GenAI i našu prateću aplikaciju.
- Zabavna i zanimljiva priča, putovat ćete kroz vrijeme!
- Lekcije obuhvaćaju sve od osnova do RAG.
- Komunicirajte s povijesnim likovima koristeći GenAI i našu prateću aplikaciju.
- Zabavna i zanimljiva naracija, putovat ćete kroz vrijeme!
![character](../../translated_images/hr/character.5c0dd8e067ffd693.webp)
Svaka lekcija uključuje zadatak za dovršiti, provjeru znanja i izazov za usmjerenje na teme kao što su:
- Promptanje i inženjering prompta
Svaka lekcija uključuje zadatak za dovršiti, provjeru znanja i izazov koji će vam pomoći u učenju tema kao što su:
- Promptiranje i prompt inženjering
- Generiranje tekstualnih i slikovnih aplikacija
- Pretraživačke aplikacije
@ -81,41 +81,41 @@ Posjetite [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)
## 🌱 Početak
## 🌱 Početak rada
> **Nastavnici**, uključili smo [neke prijedloge](for-teachers.md) o tome kako koristiti ovaj kurikulum. Voljeli bismo vaše povratne informacije [u našem forumu za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Nastavnici**, uključili smo [neke prijedloge](for-teachers.md) o tome kako koristiti ovaj nastavni plan. Voljeli bismo vaš feedback [u našem forumu za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Učenici](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za svaku lekciju, započnite s pripremnim kvizom prije predavanja i nastavite s čitanjem materijala predavanja, dovršavanjem raznih aktivnosti i provjerom razumijevanja pomoću poslije-predavanja kviza.
**[Učenici](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za svaku lekciju započnite s pre-predavanja kvizom, zatim pročitajte predavanje, dovršite razne aktivnosti i provjerite svoje razumijevanje post-predavanja kvizom.
Za poboljšanje vašeg iskustva učenja, povežite se sa svojim kolegama kako biste zajedno radili na projektima! Diskusije su poticane na našem [forum za rasprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) gdje će naš tim moderatora biti dostupan za odgovore na vaša pitanja.
Da biste poboljšali svoje iskustvo učenja, povežite se s kolegama i radite zajedno na projektima! Rasprave su poticane u našem [forum za raspravu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) gdje će naš tim moderatora biti dostupan da odgovori na vaša pitanja.
Za dodatno obrazovanje, toplo preporučujemo istraživanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne studijske materijale.
Kako biste produbili svoje obrazovanje, toplo preporučujemo istraživanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne materijale za učenje.
### 📋 Postavljanje vašeg okruženja
Ovaj kurikulum ima spremno razvojno okruženje! Kad započnete, možete odabrati pokretanje kurikuluma u [Codespace-u](https://github.com/features/codespaces/) (_okruženje bazirano na pregledniku, bez potrebe za instalacijama_), ili lokalno na vašem računalu koristeći uređivač teksta poput [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ovaj nastavni plan ima spremno razvojno okruženje! Kako započinjete, možete odabrati pokretanje nastavnoga plana u [Codespaceu](https://github.com/features/codespaces/) (_okruženje bazirano na pregledniku, nije potrebna instalacija_), ili lokalno na vašem računalu koristeći uređivač teksta poput [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Kreirajte svoj repozitorij
Da biste jednostavno spremali svoj rad, preporučuje se da napravite vlastitu kopiju ovog repozitorija. To možete učiniti klikom na gumb **Use this template** na vrhu stranice. Time će se kreirati novi repozitorij na vašem GitHub računu s kopijom kurikuluma.
#### Kreirajte svoje spremište
Za jednostavno spremanje svog rada, preporučujemo da napravite vlastitu kopiju ovog spremišta. To možete učiniti klikom na gumb **Use this template** na vrhu stranice. To će kreirati novo spremište na vašem GitHub računu s kopijom nastavnog plana.
Slijedite ove korake:
1. **Forkajte repozitorij**: Kliknite na gumb "Fork" u gornjem desnom kutu ove stranice.
2. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **Forkajte spremište**: Kliknite na gumb "Fork" u gornjem desnom kutu ove stranice.
2. **Klonirajte spremište**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Pokretanje kurikuluma u Codespace-u
#### Pokretanje nastavnog plana u Codespaceu
U svojoj kopiji ovog repozitorija koju ste napravili, kliknite na gumb **Code** i odaberite **Open with Codespaces**. To će vam kreirati novi Codespace za rad.
U svojoj kopiji ovog spremišta koju ste kreirali, kliknite na gumb **Code** i odaberite **Open with Codespaces**. Ovo će stvoriti novi Codespace u kojem ćete raditi.
![Codespace](../../translated_images/hr/createcodespace.0238bbf4d7a8d955.webp)
#### Pokretanje kurikuluma lokalno na vašem računalu
#### Pokretanje nastavnog plana lokalno na računalu
Za pokretanje ovog kurikuluma lokalno na vašem računalu trebat će vam uređivač teksta, preglednik i alat za naredbenu liniju. Naša prva lekcija, [Uvod u programske jezike i alate tradea](../../1-getting-started-lessons/1-intro-to-programming-languages), provest će vas kroz različite opcije za svaki od ovih alata da odaberete ono što vam najviše odgovara.
Za pokretanje ovog nastavnog plana lokalno na vašem računalu, potreban vam je uređivač teksta, preglednik i alat za naredbeni redak. Naša prva lekcija, [Uvod u programske jezike i alate struke](../../1-getting-started-lessons/1-intro-to-programming-languages), provest će vas kroz različite opcije za svaki od ovih alata da odaberete ono što vam najbolje odgovara.
Naša preporuka je korištenje [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kao uređivača, koji također ima ugrađeni [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code možete preuzeti [ovdje](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klonirajte svoj repozitorij na računalo. To možete učiniti klikom na gumb **Code** i kopiranjem URL-a:
1. Klonirajte svoje spremište na računalo. To možete učiniti klikom na gumb **Code** i kopiranjem URL-a:
[CodeSpace](./images/createcodespace.png)
Zatim otvorite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) unutar [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) i pokrenite sljedeću naredbu, zamjenjujući `<your-repository-url>` URL-om koji ste upravo kopirali:
@ -124,138 +124,138 @@ Zatim otvorite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT
git clone <your-repository-url>
```
2. Otvorite mapu u Visual Studio Codeu. To možete učiniti klikom na **File** > **Open Folder** i odabirom mape koju ste upravo klonirali.
2. Otvorite mapu u Visual Studio Code. To možete učiniti klikom na **File** > **Open Folder** i odabirom mape koju ste upravo klonirali.
> Preporučene Visual Studio Code ekstenzije:
> Preporučene Visual Studio Code ekstenzije:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za pregled HTML stranica unutar Visual Studio Codea
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za pomoć pri bržem pisanju koda
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za pregled HTML stranica unutar Visual Studio Code-a
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za brže pisanje koda
## 📂 Svaka lekcija uključuje:
- opcionalnu sketchnote bilješku
- opcionalnu sketchnote
- opcionalni dodatni video
- kratki kviz za zagrijavanje prije lekcije
- pred-lekcijski zagrijavajući kviz
- pisanu lekciju
- za lekcije temeljene na projektima, vodiče korak po korak kako izgraditi projekt
- za lekcije temeljene na projektima, detaljne vodiče kako izgraditi projekt
- provjere znanja
- izazov
- dodatno čitanje
- dodatnu literaturu
- zadatak
- [kviz nakon lekcije](https://ff-quizzes.netlify.app/web/)
- [post-lekcijski kviz](https://ff-quizzes.netlify.app/web/)
> **Napomena o kvizovima**: Svi su kvizovi sadržani u mapi Quiz-app, ukupno 48 kvizova sa tri pitanja svaki. Dostupni su [ovdje](https://ff-quizzes.netlify.app/web/); aplikacija za kviz može se pokretati lokalno ili postaviti na Azure; slijedite upute u mapi `quiz-app`.
> **Bilješka o kvizovima**: Svi kvizovi nalaze se u mapi Quiz-app, ukupno 48 kvizova sa po tri pitanja svaki. Dostupni su [ovdje](https://ff-quizzes.netlify.app/web/), aplikacija kviza može se pokrenuti lokalno ili implementirati na Azure; slijedite upute u mapi `quiz-app`.
## 🗃️ Lekcije
| | Naziv Projekta | Koncepti koji se podučavaju | Ciljevi učenja | Povezana lekcija | Autor |
| :-: | :--------------------------------------------------------: | :-------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Početak rada | Uvod u programiranje i alate struke | Naučite osnovne koncepte koji stoje iza većine programskih jezika i o softveru koji pomaže profesionalnim developerima | [Uvod u programske jezike i alate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Početak rada | Osnove GitHub-a, uključuje rad u timu | Kako koristiti GitHub u vašem projektu te kako surađivati s drugima na kodu | [Uvod u GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Početak rada | Pristupačnost | Naučite osnove web pristupačnosti | [Osnove pristupačnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Osnove JS | Tipovi podataka u JavaScriptu | Osnove tipova podataka u JavaScriptu | [Tipovi podataka](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Osnove JS | Funkcije i metode | Upoznajte se s funkcijama i metodama za upravljanje logikom aplikacije | [Funkcije i metode](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher |
| 06 | Osnove JS | Donošenje odluka s JS | Naučite kako stvoriti uvjete u vašem kodu koristeći metode donošenja odluka | [Donošenje odluka](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Osnove JS | Nizovi i petlje | Radite s podacima koristeći nizove i petlje u JavaScriptu | [Nizovi i petlje](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML u praksi | Izgradite HTML za online terarij, fokusirajući se na izgradnju izgleda | [Uvod u HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS u praksi | Kreirajte CSS za stilizaciju online terarija, fokusirajući se na osnove CSS-a uključujući responzivnost stranice | [Uvod u CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript zatvaranja, manipulacija DOM-om | Izgradite JavaScript koji omogućava funkcioniranje terarija kao sučelje za povlačenje i ispuštanje, fokusirajući se na zatvaranja i manipulaciju DOM-om | [JavaScript zatvaranja i manipulacija DOM-om](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Izgradnja igre tipkanja | Naučite kako koristiti događaje tipkovnice za upravljanje logikom vaše JavaScript aplikacije | [Programiranje vođeno događajima](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Rad s preglednicima | Naučite kako preglednici rade, njihovu povijest i kako napraviti prve elemente ekstenzije za preglednik | [O preglednicima](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Izgradnja obrasca, pozivanje API-ja i pohrana varijabli u local storage | Izgradite JavaScript elemente vaše ekstenzije preglednika za pozivanje API-ja koristeći varijable pohranjene u local storage | [API-ji, Obrasci i Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Pozadinski procesi u pregledniku, web performanse | Iskoristite pozadinske procese preglednika za upravljanje ikonama ekstenzije; naučite o web performansama i nekim optimizacijama | [Pozadinski zadaci i performanse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Napredniji razvoj igara s JavaScriptom | Naučite o nasljeđivanju koristeći i klase i kompoziciju te Pub/Sub obrasce, u pripremi za izgradnju igre | [Uvod u napredni razvoj igara](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Crtanje na platnu | Saznajte o Canvas API-ju, koji se koristi za crtanje elemenata na zaslonu | [Crtanje na platnu](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Premještanje elemenata po zaslonu | Otkrijte kako elementi mogu dobiti gibanje koristeći kartezijanske koordinate i Canvas API | [Pomicanje elemenata](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Detekcija sudara | Učinite da se elementi sudaraju i međusobno reagiraju koristeći pritiske tipki te dodajte cooldown funkciju za očuvanje performansi igre | [Detekcija sudara](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Vođenje bodova | Izvršavajte matematičke izračune temeljene na statusu i performansama igre | [Vođenje bodova](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Završetak i ponovno pokretanje igre | Naučite o završetku i ponovnom pokretanju igre, uključujući čišćenje resursa i resetiranje vrijednosti varijabli | [Uvjet završetka](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML predlošci i rute u web aplikaciji | Naučite kako stvarati kostur arhitekture višestranične web stranice koristeći rute i HTML predloške | [HTML predlošci i rute](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Izgradnja obrasca za prijavu i registraciju | Naučite o izgradnji obrazaca i rukovanju rutinama provjere valjanosti | [Obrasci](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode dohvaćanja i korištenja podataka | Kako podaci ulaze i izlaze iz vaše aplikacije, kako ih dohvatiti, pohraniti i ukloniti | [Podaci](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Koncepti upravljanja stanjem | Naučite kako vaša aplikacija zadržava stanje i kako ga programatski upravljati | [Upravljanje stanjem](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Rad sa VScode | Naučite kako koristiti uređivač koda| [Koristite VScode uređivač koda](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Rad s AI | Naučite kako izgraditi vlastitog AI asistenta | [AI Assistant projekt](./9-chat-project/README.md) | Chris |
| | Naziv projekta | Pojmovi koji se uče | Ciljevi učenja | Povezana lekcija | Autor |
| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------ | :-----------------------------------------------------------------------------------------------------------------------------: | :--------------------: |
| 01 | Početak | Uvod u programiranje i alate rada | Naučite osnovne temelje većine programskih jezika i o softveru koji pomaže profesionalnim programerima u njihovom radu | [Uvod u programske jezike i alate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Početak | Osnove GitHub-a, uključujući rad u timu | Kako koristiti GitHub u svom projektu, kako surađivati s drugima na kodu | [Uvod u GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Početak | Pristupačnost | Naučite osnove web pristupačnosti | [Osnove pristupačnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Osnove JS | JavaScript tipovi podataka | Osnove JavaScript tipova podataka | [Tipovi podataka](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Osnove JS | Funkcije i metode | Naučite o funkcijama i metodama za upravljanje logikom aplikacije | [Funkcije i metode](./2-js-basics/2-functions-methods/README.md) | Jasmine i Christopher |
| 06 | Osnove JS | Donošenje odluka u JS | Naučite kako stvoriti uvjete u svom kodu koristeći metode donošenja odluka | [Donošenje odluka](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Osnove JS | Nizovi i petlje | Radite s podacima koristeći nizove i petlje u JavaScript-u | [Nizovi i petlje](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarij](./3-terrarium/solution/README.md) | HTML u praksi | Izradite HTML za stvaranje online terrarija, fokusirajući se na izgradnju izgleda | [Uvod u HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarij](./3-terrarium/solution/README.md) | CSS u praksi | Izradite CSS za stiliziranje online terrarija, fokusirajući se na osnove CSS-a uključujući responzivni dizajn | [Uvod u CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarij](./3-terrarium/solution/README.md) | JavaScript closures, manipulacija DOM-om | Izradite JavaScript za funkcioniranje terrarija kao sučelja za povlačenje i ispuštanje, fokusirajući se na closures i DOM | [JavaScript closures, manipulacija DOM-om](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Igra tipkanja](./4-typing-game/solution/README.md) | Izgradnja igre tipkanja | Naučite kako koristiti događaje tipkovnice za upravljanje logikom svoje JavaScript aplikacije | [Programiranje vođeno događajima](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Zeleni proširenje za preglednik](./5-browser-extension/solution/README.md) | Rad s preglednicima | Naučite kako preglednici rade, njihovu povijest i kako napraviti prve elemente proširenja preglednika | [O preglednicima](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Zeleni proširenje za preglednik](./5-browser-extension/solution/README.md) | Izrada obrasca, pozivanje API-ja i pohrana varijabli lokalno | Izradite JavaScript elemente svog proširenja preglednika za pozivanje API-ja koristeći varijable pohranjene u lokalnu pohranu | [API-ji, obrasci i lokalna pohrana](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Zeleni proširenje za preglednik](./5-browser-extension/solution/README.md) | Pozadinski procesi u pregledniku, web performanse | Koristite pozadinske procese preglednika za upravljanje ikonom proširenja; naučite o web performansama i nekim optimizacijama | [Pozadinski zadaci i performanse](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Igra u svemiru](./6-space-game/solution/README.md) | Naprednija razvoj igara s JavaScriptom | Naučite o nasljeđivanju koristeći obje, klase i kompoziciju i Pub/Sub obrazac, kao pripremu za izradu igre | [Uvod u napredni razvoj igara](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Igra u svemiru](./6-space-game/solution/README.md) | Crtanje na platnu | Naučite o Canvas API-ju, korištenom za crtanje elemenata na zaslonu | [Crtanje na platnu](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Igra u svemiru](./6-space-game/solution/README.md) | Pomicanje elemenata po zaslonu | Otkrijte kako elementi mogu dobiti gibanje koristeći kartezijanske koordinate i Canvas API | [Pomicanje elemenata](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Igra u svemiru](./6-space-game/solution/README.md) | Detekcija sudara | Neka se elementi sudaraju i reagiraju međusobno koristeći pritiske tipki i osigurajte cooldown funkciju radi performansi igre | [Detekcija sudara](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Igra u svemiru](./6-space-game/solution/README.md) | Vođenje rezultata | Izvršite matematičke izračune temeljem statusa i performansi igre | [Vođenje rezultata](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Igra u svemiru](./6-space-game/solution/README.md) | Završetak i ponovno pokretanje igre | Naučite o završavanju i ponovnom pokretanju igre, uključujući čišćenje resursa i resetiranje vrijednosti varijabli | [Uvjet završetka](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | HTML predlošci i rute u web aplikaciji | Naučite kako kreirati skelet višestranične arhitekture web stranice koristeći rutiranje i HTML predloške | [HTML predlošci i rute](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Izrada obrasca za prijavu i registraciju | Naučite o izradi obrazaca i postupcima validacije | [Obrasci](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Metode dohvaćanja i korištenja podataka | Kako podaci ulaze i izlaze iz vaše aplikacije, kako ih dohvatiti, pohraniti i ukloniti | [Podaci](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Bankarska aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanjem | Naučite kako vaša aplikacija zadržava stanje i kako ga programatski upravljati | [Upravljanje stanjem](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Preglednik/VScode kod](../../8-code-editor) | Rad s VScode | Naučite kako koristiti uređivač koda | [Korištenje VScode uređivača koda](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistenti](./9-chat-project/README.md) | Rad s AI | Naučite kako izgraditi vlastitog AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogija
Naš kurikulum je dizajniran s dva ključna pedagoška principa u vidu:
Naš kurikulum dizajniran je s dva ključna pedagoška principa na umu:
* učenje temeljeno na projektima
* česti kvizovi
* učestali kvizovi
Program uči osnove JavaScripta, HTML-a i CSS-a, kao i najnovije alate i tehnike koje danas koriste web developeri. Studenti će imati priliku steći praktično iskustvo izgradnjom igre tipkanja, virtualnog terarija, ekološke ekstenzije preglednika, igre nalik space invaderu i bankarske aplikacije za poslovne korisnike. Do kraja serije studenti će imati čvrsto razumijevanje web razvoja.
Program podučava osnove JavaScript-a, HTML-a i CSS-a, kao i najnovije alate i tehnike koje koriste današnji web programeri. Studenti će imati priliku steći praktično iskustvo izradom igre tipkanja, virtualnog terrarija, ekološki prihvatljivog proširenja preglednika, igre u stilu space-invadera i bankarske aplikacije za tvrtke. Do kraja serije studenti će steći čvrsto razumijevanje web razvoja.
> 🎓 Možete proći prve lekcije ovog kurikuluma kao [Put učenja](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
> 🎓 Prve nekoliko lekcija u ovom kurikulumu možete pohađati kao [Put učenja](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Osiguravanjem da sadržaj odgovara projektima, proces učenja postaje zanimljiviji studentima, a zadržavanje koncepata je bolje. Također smo napisali nekoliko početnih lekcija o osnovama JavaScripta za uvod u koncepte, u paru s videom iz zbirke "[Serija za početnike o: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video tutorijala, od kojih su neki autori doprinijeli ovom kurikulumu.
Osiguravanjem da sadržaj bude usklađen s projektima, proces je za studente zanimljiviji, a zadržavanje koncepata bit će povećano. Također smo napisali nekoliko početnih lekcija iz osnova JavaScript-a za uvod u pojmove, uz video iz kolekcije video tutorijala "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", čiji su neki autori doprinijeli ovom kurikulumu.
Nadalje, kviz niskog rizika prije nastave postavlja namjeru učenika prema učenju teme, dok drugi kviz nakon nastave osigurava dodatno zadržavanje znanja. Ovaj kurikulum je dizajniran da bude fleksibilan i zabavan te ga se može pohađati u cijelosti ili djelomično. Projekti počinju mali i postaju sve složeniji do kraja 12-tjednog ciklusa.
Osim toga, kviz s niskim ulozima prije nastave postavlja namjeru učenika prema učenju teme, dok drugi kviz nakon nastave osigurava daljnje zadržavanje. Ovaj je kurikulum dizajniran da bude fleksibilan i zabavan te se može pohađati u cijelosti ili djelomično. Projekti počinju jednostavno i postaju sve složeniji do kraja 12-tjednog ciklusa.
Premda smo namjerno izbjegli uvođenje JavaScript okvira da bismo se koncentrirali na osnovne vještine potrebne kao web developer prije usvajanja okvira, dobar sljedeći korak nakon dovršetka ovog kurikuluma bio bi učiti o Node.js putem druge zbirke videa: "[Serija za početnike o: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Iako smo namjerno izbjegavali uvođenje JavaScript okvira da bismo se koncentrirali na osnovne vještine potrebne kao web programer prije usvajanja okvira, dobar sljedeći korak za završetak ovog kurikuluma bio bi naučiti o Node.js putem druge kolekcije videozapisa: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Posjetite naše smjernice [Kodeksa ponašanja](CODE_OF_CONDUCT.md) i [Doprinos](CONTRIBUTING.md). Dobrodošli su vaši konstruktivni komentari!
> Posjetite naše smjernice za [Kodeks ponašanja](CODE_OF_CONDUCT.md) i [Doprinos](CONTRIBUTING.md). Dobrodošli su vaši konstruktivni komentari!
## 🧭 Izvanmrežni pristup
## 🧭 Offline pristup
Možete pokretati ovu dokumentaciju izvan mreže koristeći [Docsify](https://docsify.js.org/#/). Forkajte ovaj repozitorij, [instalirajte Docsify](https://docsify.js.org/#/quickstart) na svojem računalu, a zatim u korijenskoj mapi ovog repozitorija upišite `docsify serve`. Web stranica će se poslužiti na portu 3000 na vašem localhostu: `localhost:3000`.
Ovu dokumentaciju možete pokrenuti offline koristeći [Docsify](https://docsify.js.org/#/). Forkajte ovaj repozitorij, [instalirajte Docsify](https://docsify.js.org/#/quickstart) na svoje lokalno računalo, a zatim u korijenskoj mapi ovog repozitorija pokrenite naredbu `docsify serve`. Web stranica će biti poslužena na portu 3000 na vašem lokalnom računalu: `localhost:3000`.
## 📘 PDF
PDF svih lekcija možete pronaći [ovdje](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
PDF svih lekcija može se pronaći [ovdje](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Ostali tečajevi
## 🎒 Drugi tečajevi
Naš tim proizvodi i druge tečajeve! Pogledajte:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j za početnike](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 za početnike](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)
[![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)
[![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 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)
---
### Azure / Edge / MCP / Agent
[![AZD za početnike](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 za početnike](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 za početnike](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 agenti za početnike](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)
### 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)
[![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)
[![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)
[![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)
---
### Serija generativne umjetne inteligencije
[![Generativna AI za početnike](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)
[![Generativna 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)
[![Generativna 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)
[![Generativna 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)
[![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)
[![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)
[![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)
[![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)
---
### Temeljno učenje
[![ML za početnike](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 za početnike](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 za početnike](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)
[![Kibernetička sigurnost za početnike](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 razvoj za početnike](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 za početnike](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 razvoj za početnike](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)
### Osnove učenja
[![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)
[![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)
[![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)
[![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)
[![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)
[![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)
[![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)
---
### Copilot serija
[![Copilot za AI parno programiranje](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 za 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 avantura](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)
### Serija 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 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 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 -->
## Dobivanje pomoći
Ako zapnete ili imate pitanja o izradi AI aplikacija. Pridružite se ostalim učenicima i iskusnim programerima u raspravama o MCP-u. To je poticajna zajednica gdje su pitanja dobrodošla, a znanje se slobodno dijeli.
Ako zapnete ili imate pitanja o izradi AI aplikacija. Pridružite se drugim učenicima i iskusnim programerima u raspravama o MCP-u. To je podržavajuća zajednica gdje su pitanja dobrodošla, a znanje se slobodno dijeli.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Ako imate povratne informacije o proizvodu ili greške tijekom izrade, posjetite:
Ako imate povratne informacije o proizvodu ili pronađete greške tijekom izrade, posjetite:
[![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)
@ -266,6 +266,6 @@ Ovaj repozitorij licenciran je pod MIT licencom. Pogledajte datoteku [LICENSE](.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Odricanje od odgovornosti**:
Ovaj dokument je preveden pomoću AI usluge za prijevod [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo postići točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na njegovom izvornom jeziku treba smatrati autoritativnim izvorom. Za kritične informacije preporučuje se profesionalni ljudski prijevod. Ne snosimo odgovornost za bilo kakve nesporazume ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.
**Izjava o odricanju od odgovornosti**:
Ovaj dokument preveden je korištenjem AI usluge za prevođenje [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo postići točnost, molimo imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati službenim i autoritativnim izvorom. Za važne informacije preporučuje se profesionalni prijevod od strane ljudskog prevoditelja. Ne snosimo odgovornost za bilo kakve nesporazume ili pogrešna tumačenja proizašla iz korištenja ovog prijevoda.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:42:22+00:00",
"translation_date": "2026-02-06T10:15:57+00:00",
"source_file": "AGENTS.md",
"language_code": "my"
},
@ -516,8 +516,8 @@
"language_code": "my"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:19:17+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:11:45+00:00",
"source_file": "README.md",
"language_code": "my"
},

370
translations/my/AGENTS.md
Unescape View File

@ -1,28 +1,28 @@
# AGENTS.md
## ပရောဂျက်အကျဉ်းချုပ်
## Project Overview
ဤသည်မှာ ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှုအခြေခံများကို စတင်လေ့လာသူများကို သင်ကြားရန်အတွက် ပညာရေးသင်ခန်းစာများကို စုစည်းထားသော repository ဖြစ်သည်။ Microsoft Cloud Advocates မှ ဖွံ့ဖြိုးတိုးတက်ထားသော 12 ပတ်ကြာသင်တန်းအစီအစဉ်တစ်ခုဖြစ်ပြီး JavaScript, CSS, နှင့် HTML ကို အကျိုးရှိစွာ လက်တွေ့ကျကျ သင်ကြားနိုင်သော သင်ခန်းစာ 24 ခုပါဝင်သည်။
ဤသည်မှာ ဝဘ်ဖွံ့ဖြိုးတိုးတက်ခြင်း အခြေခံများကို စတင်သင်ကြားလိုသူများအတွက် သင်ကြားရေး အကြောင်းအရာစုစည်းထားသော သင်ခန်းစာအုပ်အားဖြစ်သည်။ Microsoft Cloud Advocates မှ ဖန်တီးထားသော १२ ပတ်ကြာ သင်ခန်းစာ လုံးဝကျယ်ဝန်း သည် JavaScript၊ CSS နှင့် HTML ကို စုစည်းခြင်းဖြင့် ၂၄ ခန်းသင်ခန်းစာ ပါရှိသည်။
### အဓိကအစိတ်အပိုင်းများ
### Key Components
- **ပညာရေးအကြောင်းအရာ**: ပရောဂျက်အခြေခံ module များအဖြစ် စီစဉ်ထားသော သင်ခန်းစာ 24 ခု
- **လက်တွေ့ပရောဂျက်များ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, နှင့် AI Chat Assistant
- **အပြန်အလှန်မေးခွန်းများ**: သင်ခန်းစာမတိုင်မီ/ပြီးနောက် အကဲဖြတ်မှုများအတွက် မေးခွန်း 3 ခုပါဝင်သော မေးခွန်း 48 ခု
- **ဘာသာစကားများအထောက်အပံ့**: GitHub Actions မှတဆင့် ဘာသာစကား 50+ ကို အလိုအလျောက် ဘာသာပြန်
- **ပညာရေး အကြောင်းအရာများ**: ၂၄ ခန်းသင်ခန်းစာများကို ပရောဂျက်အခြေပြု မော်ဂျူးများအဖြစ် ထိရောက်စွာ စီမံခြင်း
- **လက်တွေ့ ပရောဂျက်များ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor နှင့် AI Chat Assistant
- **စိတ်ဝင်စားဖွယ် ချဉ်းကပ်မှုများ**: ခန်းသင်စာမပြေးမီ/ပြီးနောက် အကဲဖြတ်ရန် မေးခွန်း ၃ ခုပါဝင်သော ၄၈ ခုခွဲ မေးပွဲများ
- **ဘာသာစကား အမျိုးမျိုးကို ထောက်ပံ့မှု**: GitHub Actions ဖြင့် ၅၀ ကျော် ဘာသာစကား အလိုအလျောက် ဘာသာပြန်မှုများ
- **နည်းပညာများ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ပရောဂျက်များအတွက်)
### ဖွဲ့စည်းပုံ
### Architecture
- သင်ခန်းစာအခြေခံဖွဲ့စည်းပုံရှိသော ပညာရေး repository
- သင်ခန်းစာ folder တစ်ခုစီတွင် README, code နမူနာများနှင့် ဖြေရှင်းချက်များပါဝင်သည်
- သီးသန့်ပရောဂျက်များကို အထူး directory များတွင် (quiz-app, သင်ခန်းစာပရောဂျက်များ) ထည့်ထားသည်
- GitHub Actions (co-op-translator) ကို အသုံးပြုသော ဘာသာပြန်စနစ်
- Docsify မှတဆင့် documentation ကို ဖော်ပြပြီး PDF အဖြစ်လည်း ရရှိနိုင်သည်
- သင်ခန်းစာအခြေပြု ဖိုင်စု
- တစ်ခန်းချင်း လက်တွေ့ နယူးဖိုင်တွဲများတွင် README၊ ကိုးဒ်နမူနာများနှင့် ဖြေရှင်းချက်များပါဝင်သည်
- သီးခြား ပရောဂျက်များ အခြားဖိုင်လ်များတွင် (quiz-app, အမျိုးမျိုးသော သင်ခန်းစာ ပရောဂျက်များ)
- GitHub Actions သုံးသော ဘာသာပြန်မှု စနစ် (co-op-translator)
- Docsify သုံး၍ စာရွက်စာတမ်းများ တင်ဆက်ပြီး PDF အဖြစ်ရနိုင်
## Setup Commands
ဤ repository သည် ပညာရေးအကြောင်းအရာများကို အသုံးပြုရန်အဓိကဖြစ်သည်။ သီးသန့်ပရောဂျက်များနှင့် အလုပ်လုပ်ရန်အတွက်:
ဤ repository သည် ပညာရေး အကြောင်းအရာများ အသုံးပြုရုံ ရည်ရွယ်ပါသည်။ သီးခြား ပရောဂျက်များ ဖြင့် အလုပ်လုပ်လိုပါက -
### Main Repository Setup
@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # ဖွံ့ဖြိုးရေးဆာဗာကို စတင်ပါ
npm run build # ထုတ်လွှတ်မှုအတွက် တည်ဆောက်ပါ
npm run lint # ESLint ကို ပြေးပါ
```
### Bank Project API (Node.js + Express)
@ -46,9 +46,9 @@ npm run lint # Run ESLint
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # API ဆာဗာကို စတင်ပါ
npm run lint # ESLint ကို ပြေးပါ
npm run format # Prettier နဲ့ ဖော်မတ်လုပ်ပါ
```
### Browser Extension Projects
@ -56,7 +56,7 @@ npm run format # Format with Prettier
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# ဘရောက်ဇာအလိုက်နဲ့ ပရိုဂရမ်ချိတ်ဆက်မှုများ ဖတ်သွင်းရန် ညွှန်ကြားချက်များကို လိုက်နာပါ။
```
### Space Game Projects
@ -64,7 +64,7 @@ npm install
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# index.html ကို browser ဖြင့်ဖွင့်ပါ သို့မဟုတ် Live Server ကိုအသုံးပြုပါ
```
### Chat Project (Python Backend)
@ -72,123 +72,123 @@ npm install
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# GITHUB_TOKEN ပတ်ဝန်းကျင်အပြောင်းအလဲကို သတ်မှတ်ပါ။
python api.py
```
## ဖွံ့ဖြိုးတိုးတက်မှုလုပ်ငန်းစဉ်
## Development Workflow
### Content Contributors အတွက်
### For Content Contributors
1. **Repository ကို Fork လုပ်ပါ** GitHub အကောင့်သို့
2. **Fork ကို locally Clone လုပ်ပါ**
3. **သင့်ပြောင်းလဲမှုများအတွက် branch အသစ်တစ်ခု Create လုပ်ပါ**
4. သင်ခန်းစာအကြောင်းအရာများ သို့မဟုတ် code နမူနာများကို ပြောင်းလဲပါ
5. သက်ဆိုင်ရာပရောဂျက် directory များတွင် code ပြောင်းလဲမှုများကို စမ်းသပ်ပါ
6. Contribution guidelines ကို လိုက်နာပြီး pull requests တင်ပါ
1. **GitHub အကောင့်တွင် repository ကို fork လုပ်ပါ**
2. **Fork ကို ဒေသငယ်တွင် clone လုပ်ပါ**
3. **မိမိပြင်ဆင်လိုသည့် ပြောင်းလဲမှုများအတွက် ဂျိုးဓာတ် အသစ် ဖန်တီးပါ**
4. သင်ခန်းစာအကြောင်းအရာ သို့မဟုတ် ကိုးဒ် နမူနာများ ပြင်ဆင်ပါ
5. ဆိုင်သော project ဖိုလ်ဒါများတွင် ကိုးဒ် ပြောင်းလဲမှု စမ်းသပ်ပါ
6. အသုံးချနည်းလမ်းညွှန်ချက်များနှင့် အညီ pull request များတင်သွင်းပါ
### Learners အတွက်
### For Learners
1. Repository ကို Fork သို့မဟုတ် Clone လုပ်ပါ
2. သင်ခန်းစာ directory များကို အစဉ်လိုက်သွားပါ
3. သင်ခန်းစာတစ်ခုစီ၏ README ဖိုင်များကို ဖတ်ပါ
4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီမေးခွန်းများကို ပြီးစီးပါ
5. သင်ခန်းစာ folder များတွင် code နမူနာများကို လေ့လာပါ
6. အလုပ်များနှင့် စိန်ခေါ်မှုများကို ပြီးစီးပါ
7. သင်ခန်းစာပြီးနောက်မေးခွန်းများကို ပြုလုပ်ပါ
1. Fork သို့မဟုတ် clone လုပ်ပါ
2. သင်ခန်းစာ ဖိုလ်ဒါများကို အဆက်ဆက် သွားပါ
3. တစ်ခန်းချင်း README ဖိုင်များဖတ်ပါ
4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ မေးပွဲများ ဖြေဆိုပါ
5. သင်ခန်းစာ ဖိုလ်ဒါများရှိ ကိုးဒ်နမူနာများ ဖြတ်သန်း လေ့လာပါ
6. တာဝန်နှင့် စိန်ခေါ်မှုများ ပြီးမြောက်စွာ ဖြေရှင်းပါ
7. သင်ခန်းစာပြီးနောက် မေးပွဲများ ဖြေဆိုပါ
### Live Development
- **Documentation**: root တွင် `docsify serve` ကို run လုပ်ပါ (port 3000)
- **Quiz App**: quiz-app directory တွင် `npm run dev` ကို run လုပ်ပါ
- **Projects**: HTML ပရောဂျက်များအတွက် VS Code Live Server extension ကို အသုံးပြုပါ
- **API Projects**: သက်ဆိုင်ရာ API directory များတွင် `npm start` ကို run လုပ်ပါ
- **စာရွက်စာတမ်းများ**: root တွင် `docsify serve` အသုံးပြု၍ လုပ်ဆောင်ပါ (port 3000)
- **Quiz App**: quiz-app ဖိုလ်ဒါတွင် `npm run dev` အလုပ်အမှန်ပြုပါ
- **Projects**: HTML ပရောဂျက်များအတွက် VS Code Live Server extension ကို သုံးပါ
- **API Projects**: API သက်ဆိုင်ရာ ဖိုလ်ဒါများ၌ `npm start` ကို လည်ပတ်ပါ
## စမ်းသပ်မှုညွှန်ကြားချက်များ
## Testing Instructions
### Quiz App Testing
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # ကုဒ်စတိုင် ပြဿနာများ ရှိမရှိ စစ်ဆေးပါ
npm run build # ဆောက်လုပ်မှု အောင်မြင်မှုကို အတည်ပြုပါ
```
### Bank API Testing
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # ကုဒ်ပုံစံ အမှားများကို စစ်ဆေးပါ
node server.js # Error မရှိဘဲ ဆာဗာ စတင်လုပ်ဆောင်နိုင်မှုကို သေချာစွာ စစ်ဆေးပါ
```
### General Testing Approach
- ဤသည်မှာ automated tests များကို အပြည့်အဝမပါဝင်သော ပညာရေး repository ဖြစ်သည်
- လက်တွေ့စမ်းသပ်မှုများအဓိကထားသည်:
- Code နမူနာများ error မရှိဘဲ run လုပ်နိုင်သည်
- Documentation တွင် link များမှန်ကန်စွာအလုပ်လုပ်သည်
- Project build များအောင်မြင်စွာပြီးစီးသည်
- နမူနာများသည် အကောင်းဆုံးအလေ့အကျင့်များကို လိုက်နာသည်
- အပြည့်စုံသော အလိုအလျောက် စမ်းသပ်မှု မပါဝင်သော ပညာရေး repository ဖြစ်သည်
- လက်တွေ့စမ်းသပ်မှုမှာ အဓိကအားဖြင့်
- ကိုးဒ်နမူနာများ အမှားမပေါ် အလုပ်လုပ်မှု
- စာရွက်စာတမ်းများအတွင်း လင့်များမှန်ကန်မှု
- ပရောဂျက် တည်ဆောက်မှု အောင်မြင်မှု
- နမူနာများသည် သင်ကြားရေးအတွက် လိုက်နာမှု ရှိခြင်း
### Pre-submission Checks
- package.json ပါသော directory များတွင် `npm run lint` ကို run လုပ်ပါ
- markdown link များမှန်ကန်ကြောင်းအတည်ပြုပါ
- browser သို့မဟုတ် Node.js တွင် code နမူနာများကို စမ်းသပ်ပါ
- ဘာသာပြန်ချက်များသည် သင့်တော်သောဖွဲ့စည်းပုံကို ထိန်းသိမ်းထားကြောင်းစစ်ဆေးပါ
- package.json ပါသော ဖိုလ်ဒါများတွင် `npm run lint` ပြီးစစ်ဆေးပါ
- Markdown links များမှန်ကန်စိစစ်ပါ
- ကိုးဒ်နမူနာများကို browser သို့မဟုတ် Node.js တွင် စမ်းသပ်ပါ
- ဘာသာပြန်မှုများသည် ဖွဲ့စည်းပုံကို ထိန်းသိမ်းခြင်းရှိပုံစစ်ဆေးပါ
## Code Style Guidelines
### JavaScript
- ES6+ syntax ကို အသုံးပြုပါ
- Project များတွင်ပေးထားသော standard ESLint configurations ကို လိုက်နာပါ
- ပညာရေးအတွက် ရှင်းလင်းသော variable နှင့် function အမည်များကို အသုံးပြုပါ
- Learners အတွက် concept များကို ရှင်းပြသော comment များထည့်ပါ
- Prettier ကို configuration ရှိသောနေရာတွင် format လုပ်ပါ
- ခေတ်မီသော ES6+ စာလုံးကွက်များ အသုံးပြုပါ
- ပရောဂျက်များတွင် ပံ့ပိုးထားသည့် standard ESLint စည်းမျဉ်းများ လိုက်နာပါ
- ပညာရေး ရည်ရွယ်ချက်အတွက် အဓိပ္ပါယ်ရှိသည့် variable နှင့် function အမည်များအသုံးပြုပါ
- သင်ကြားသူ ထိန်းညွှန်ရန် မှတ်ချက်များ ထည့်သွင်းပါ
- Prettier ဖြင့် စာလုံးပုံစံ ဖော်ပြမှု
### HTML/CSS
- Semantic HTML5 elements
- Responsive design principles
- ရှင်းလင်းသော class naming conventions
- Learners အတွက် CSS နည်းလမ်းများကို ရှင်းပြသော comment များ
- Semantic HTML5 အစိတ်အပိုင်းများ အသုံးပြုပါ
- တုံ့ပြန်နိုင်သော ဖော်မြူလာ အခြေခံချက်များ
- အတန်းအမည် သေချာ ကောင်းမွန်စွာ သတ်မှတ်ခြင်း
- CSS နည်းပညာများ သင်ကြားရေးအတွက် မှတ်ချက်ထည့်ရန်
### Python
- PEP 8 style guidelines
- ရှင်းလင်းသော ပညာရေး code နမူနာများ
- Learning အတွက် အထောက်အကူဖြစ်သော Type hints
- PEP 8 စတိုင် လမ်းညွှန်ချက်များ
- သန့်ရှင်းလတ်ဆတ်သော ပညာရေးရည်ရွယ် တည်ဆောက်ထားသည့် နမူနာများ
- လေ့လာသူများအတွက် အကူအညီဖြစ်စေရန် type hints ထည့်သွင်းခြင်း
### Markdown Documentation
- ရှင်းလင်းသော heading hierarchy
- language specification ပါသော code blocks
- အပိုဆောင်း resources link များ
- `images/` directory များတွင် screenshots နှင့် images
- Accessibility အတွက် images အတွက် alt text
- ခေါင်းစဉ် အဆင့်များ ထိရောက်သော စီမံချက်
- ဘာသာရေးဖော်ပြချက်ပါသော ကိုးဒ်ကွက်များ
- နောက်ထပ် အရင်းအမြစ်များသို့ လင့်ခ်များ
- `images/` ဖိုလ်ဒါများတွင် ဓာတ်ပုံများ နှင့် ပုံများ
- မျက်မှောက်စာသားများ တွင် သေချာသော alt စာသားများ၊ နှင့် ထောက်ပံ့မှု
### File Organization
- သင်ခန်းစာများကို အစဉ်လိုက်နံပါတ်များဖြင့် (1-getting-started-lessons, 2-js-basics, စသည်) စီစဉ်ထားသည်
- ပရောဂျက်တစ်ခုစီတွင် `solution/` နှင့် `start/` သို့မဟုတ် `your-work/` directory များပါဝင်သည်
- Images များကို သင်ခန်းစာ-specific `images/` folder များတွင် သိမ်းဆည်းထားသည်
- ဘာသာပြန်ချက်များကို `translations/{language-code}/` ဖွဲ့စည်းပုံတွင် သိမ်းဆည်းထားသည်
- သင်ခန်းစာအမှတ်စဉ်ဖြင့် အမွှာများ (ဥပမာ- 1-getting-started-lessons, 2-js-basics, စသည်)
- တစ်ခုချင်း project တွင် `solution/` နှင့် မကြာခဏ `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများ ပါဝင်သည်
- သင်ခန်းစာအသီးသီး၏ `images/` ဖိုလ်ဒါများတွင် ဓာတ်ပုံများ သိမ်းဆည်းထားသည်
- ဘာသာပြန်မှုများကို `translations/{language-code}/` ဖိုလ်ဒါတွင် သိမ်းဆည်းထားသည်
## Build နှင့် Deployment
## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps)
quiz-app ကို Azure Static Web Apps deployment အတွက် configure လုပ်ထားသည်:
quiz-app သည် Azure Static Web Apps တွင် တပ်ဆင်ရန် ကြိုတင် ပြင်ဆင်ထားပါသည်-
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # dist/ ဖိုလ်ဒါကို ဖန်တီးသည်
# main သို့ push လုပ်သည်と GitHub Actions workflow ဖြင့် ဖြန့်ချိသည်
```
Azure Static Web Apps configuration:
Azure Static Web Apps ပြင်ဆင်မှု-
- **App location**: `/quiz-app`
- **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
@ -196,28 +196,28 @@ Azure Static Web Apps configuration:
### Documentation PDF Generation
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # docsify-to-pdf ကို ထည့်သွင်းပါ
npm run convert # docs မှ PDF ဖိုင် ဖန်တီးပါ
```
### Docsify Documentation
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာ တပ်ဆင်ရန်
docsify serve # localhost:3000 တွင် ၀န်ဆောင်မှုတင်ရန်
```
### Project-specific Builds
Project directory တစ်ခုစီတွင် သီးသန့် build process ရှိနိုင်သည်:
- Vue projects: `npm run build` သည် production bundles ကို ဖန်တီးသည်
- Static projects: build အဆင့်မရှိ၊ ဖိုင်များကို တိုက်ရိုက် serve လုပ်ပါ
ပရောဂျက် တစ်ခုချင်းစီတွင် မတူညီသည့် build လုပ်ငန်းစဉ်ရှိနိုင်ပါသည်-
- Vue projects: `npm run build` ဖြင့် ထုတ်လုပ်မှု bundle များ ဖန်တီးခြင်း
- Static projects: Build အဆင့် မရှိပါ, ဖိုင်များကိုတိုက်ရိုက် တင်ဆက်သည်
## Pull Request Guidelines
### Title Format
ပြောင်းလဲမှုဧရိယာကို ဖော်ပြသော ရှင်းလင်းသော title များကို အသုံးပြုပါ:
ပြောင်းလဲမှု နယ်ပယ်ကို ရှင်းလင်းဖော်ပြထားသည့် ခေါင်းစဉ်များ အသုံးပြုပါ-
- `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo in terrarium project`
- `[Translation] Add Spanish translation for lesson 5`
@ -225,58 +225,58 @@ Project directory တစ်ခုစီတွင် သီးသန့် build
### Required Checks
PR တင်မီ:
PR တင်သွင်းမှီ
1. **Code Quality**:
- သက်ဆိုင်ရာ project directory များတွင် `npm run lint` ကို run လုပ်ပါ
- linting error နှင့် warning များအားလုံးကို ပြင်ပါ
- ပရောဂျက် ဒိုင်ရက်ထရီများတွင် `npm run lint` ပြုလုပ်ပါ
- လင့်န့် အမှားများ နှင့် အသိပေးချက်များအားလုံး ပြင်ဆင်ပါ
2. **Build Verification**:
- သက်ဆိုင်ရာ build process ကို run လုပ်ပါ
- build error မရှိကြောင်းအတည်ပြုပါ
- အသုံးပြုမည့် ပရောဂျက်တွင် `npm run build` လုပ်ပါ
- Build အမှား မရှိဖြစ်စေရန် စစ်ဆေးပါ
3. **Link Validation**:
- markdown link များကို စမ်းသပ်ပါ
- image reference များအလုပ်လုပ်ကြောင်းအတည်ပြုပါ
- Markdown link များအားလုံး စစ်ဆေးပါ
- ဓာတ်ပုံ ဆက်သွယ်မှုများ အလုပ်လုပ်မှု စစ်ဆေးပါ
4. **Content Review**:
- စာလုံးပေါင်းနှင့် သဒ္ဒါအမှားများကို proofread လုပ်ပါ
- code နမူနာများမှန်ကန်ပြီး ပညာရေးအတွက် အသုံးဝင်ကြောင်းအတည်ပြုပါ
- ဘာသာပြန်ချက်များသည် အဓိပ္ပာယ်မပြောင်းလဲကြောင်းအတည်ပြုပါ
- ရေးသားချက်များ စစ်ဆေးပါ (စာလုံးပေါင်း၊ သရုပ်ခွဲမှု)
- ကိုးဒ်နမူနာများ မှန်ကန်ပြီး သင်ကြားမှုအတွက် သင့်တော်စေရန် စစ်ဆေးပါ
- ဘာသာပြန် အကြောင်းအရာ မူရင်း၏ အဓိပ္ပါယ် ထိန်းသိမ်းမှုရှိရန် စစ်ဆေးပါ
### Contribution Requirements
- Microsoft CLA ကို သဘောတူပါ (ပထမဆုံး PR တွင် automated check)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ကို လိုက်နာပါ
- [CONTRIBUTING.md](./CONTRIBUTING.md) တွင် အသေးစိတ်ညွှန်ကြားချက်များကို ကြည့်ပါ
- PR description တွင် issue နံပါတ်များကို ရည်ညွှန်းပါ (လိုအပ်ပါက)
- Microsoft CLA ကို လက်မှတ်ရေးထိုးရန် သဘောတူပါ (ပထမ PR တွင် စက်မှုစွဲချက်)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ကိုလိုက်နာပါ
- အသေးစိတ်လမ်းညွှန်ချက်များအတွက် [CONTRIBUTING.md](./CONTRIBUTING.md) ကိုကြည့်ပါ
- PR မှာ ပြဿနာနံပါတ်များ ပါရှိပါက ဖော်ပြပါ
### Review Process
- PR များကို maintainers နှင့် community မှ review လုပ်သည်
- ပညာရေးအတွက် ရှင်းလင်းမှုကို ဦးစားပေးသည်
- code နမူနာများသည် လက်ရှိအကောင်းဆုံးအလေ့အကျင့်များကို လိုက်နာရမည်
- ဘာသာပြန်ချက်များကို တိကျမှုနှင့် ယဉ်ကျေးမှုသင့်တော်မှုအတွက် review လုပ်သည်
- PR များကို စောင့်ကြည့်သူများနှင့် လူထုက တွေ့ဆုံသုံးသပ်ပါသည်
- ပညာရေးအတွက် သက်ဆိုင်သည့် ပြတ်သားမှုကို ဦးစားပေးပါသည်
- ကိုးဒ်နမူနာများသည် ယနေ့အချိန်အကောင်းဆုံး လမ်းစဉ်များနှင့်ကိုက်ညီရန်
- ဘာသာပြန်မှုများကို ထိရောက်မှုနှင့် ယဉ်ကျေးမှု သင့်တော်မှု ရှိရှိသုံးသပ်ပါသည်
## Translation System
### Automated Translation
- co-op-translator workflow ဖြင့် GitHub Actions ကို အသုံးပြုသည်
- ဘာသာစကား 50+ ကို အလိုအလျောက် ဘာသာပြန်သည်
- main directory များတွင် source ဖိုင်များ
- `translations/{language-code}/` directory များတွင် ဘာသာပြန်ဖိုင်များ
- GitHub Actions တွင် co-op-translator workflow ကို အသုံးပြုသည်
- ၅၀ ကျော် ဘာသာစကားများသို့ အလိုအလျောက် ဘာသာပြန်သည်
- မူလ ဖိုင်များ ခုခံထားသော ဒိုင်ရက်ထရီများ၌ရှိသည်
- ဘာသာပြန်ထားသော ဖိုင်များ `translations/{language-code}/` တွင်ရှိသည်
### Adding Manual Translation Improvements
1. `translations/{language-code}/` တွင် ဖိုင်ကို ရှာပါ
2. ဖွဲ့စည်းပုံကို ထိန်းသိမ်းထားပြီး တိုးတက်မှုများပြုလုပ်ပါ
3. code နမူနာများအလုပ်လုပ်နေဆဲဖြစ်ကြောင်းအတည်ပြုပါ
4. localized quiz content များကို စမ်းသပ်ပါ
1. `translations/{language-code}/` တွင် ဖိုင်ကို ရှာဖွေပါ
2. ဖွဲ့စည်းပုံ ထိန်းသိမ်းထားပြီး ကောင်းမွန်မှု မြှင့်တင်မှုများ ပြုလုပ်ပါ
3. ကိုးဒ် နမူနာများ သက်ဆိုင်ရာအတိုင်း လည်ပတ်နိုင်မှုရှိစေရန် သေချာစစ်ဆေးပါ
4. ဒေသဆိုင်ရာ quiz အကြောင်းအရာများ အကဲဖြတ် စမ်းသပ်ပါ
### Translation Metadata
ဘာသာပြန်ဖိုင်များတွင် metadata header ပါဝင်သည်:
ဘာသာပြန်ဖိုင်များတွင် metadata header ပါရှိသည်-
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,114 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Debugging နှင့် Troubleshooting
## Debugging and Troubleshooting
### Common Issues
**Quiz app fails to start**:
- Node.js version ကိုစစ်ပါ (v14+ အကြံပြုသည်)
- `node_modules` နှင့် `package-lock.json` ကို ဖျက်ပြီး `npm install` ကို ထပ်လုပ်ပါ
- port conflict များကိုစစ်ပါ (default: Vite သည် port 5173 ကို အသုံးပြုသည်)
**Quiz app စတင်မရခြင်း**:
- Node.js ဗားရှင်း (v14+) ဖြစ်ဟု စစ်ဆေးပါ
- `node_modules` နှင့် `package-lock.json` ဖိုင်များ ဖျက်ပြီး `npm install` ထပ်လုပ်ပါ
- port မှုကိုစစ်ဆေးပါ (ပုံမှန်အားဖြင့် Vite သည် port 5173 ကိုသုံးသည်)
**API server won't start**:
- Node.js version သက်ဆိုင်ရာကိုစစ်ပါ (node >=10)
- port သုံးနေမှုရှိ/မရှိကိုစစ်ပါ
- `npm install` ဖြင့် dependency အားလုံးကို install လုပ်ထားကြောင်းအတည်ပြုပါ
**API server မစတင်နိုင်ခြင်း**:
- Node.js ဗားရှင်း (node >=10) ဖြည့်စွက်စစ်ဆေးပါ
- port သုံးနေခြင်းရှိမရှိ စစ်ဆေးပါ
- စနစ်တကျ `npm install` ဖြင့် dependency များ ထည့်သွင်းခြင်းရှိမှန်း စစ်ဆေးပါ
**Browser extension won't load**:
- manifest.json သက်ဆိုင်ရာ format ရှိကြောင်းစစ်ပါ
- browser console တွင် error များကိုစစ်ပါ
- browser-specific extension installation instruction များကို လိုက်နာပါ
**Browser extension မတင်နိုင်ခြင်း**:
- manifest.json ဖိုင်ကို မှန်ကန်စွာ ဖော်ပြထားမှုကို စစ်ဆေးပါ
- browser console တွင် အမှားပေါ်ရှိမရှိကြည့်ပါ
- browser အလိုက် extension install လမ်းညွှန်ချက်အတိုင်း လုပ်ဆောင်ပါ
**Python chat project issues**:
- OpenAI package install လုပ်ထားကြောင်းအတည်ပြုပါ: `pip install openai`
- GITHUB_TOKEN environment variable ကို set လုပ်ထားကြောင်းစစ်ပါ
- GitHub Models access permission များကိုစစ်ပါ
**Python chat project ပြဿနာများ**:
- OpenAI package ထည့်သွင်းရန်: `pip install openai`
- GITHUB_TOKEN ဘက်Env variable မှတ်ထားပါ
- GitHub Models သို့ ဝင်ရောက်ခွင့် သေချာစစ်ဆေးပါ
**Docsify not serving docs**:
- docsify-cli ကို globally install လုပ်ပါ: `npm install -g docsify-cli`
- repository root directory မှ run လုပ်ပါ
- `docs/_sidebar.md` ရှိကြောင်းစစ်ပါ
**Docsify စာရွက်စာတမ်း မပေးဆောင်ခြင်း**:
- docsify-cli ကို global install လုပ်ပါ: `npm install -g docsify-cli`
- repository root ထဲမှ run နိုင်ရန် စစ်ဆေးပါ
- `docs/_sidebar.md` ရှိမရှိစစ်ဆေးပါ
### Development Environment Tips
- HTML ပရောဂျက်များအတွက် VS Code နှင့် Live Server extension ကို အသုံးပြုပါ
- ESLint နှင့် Prettier extension များကို install လုပ်ပါ formatting consistency အတွက်
- JavaScript debugging အတွက် browser DevTools ကို အသုံးပြုပါ
- Vue project များအတွက် Vue DevTools browser extension ကို install လုပ်ပါ
- HTML ပရောဂျက်များအတွက် VS Code Live Server extension အသုံးပြုပါ
- ESLint နှင့် Prettier extension များ ထည့်သွင်းပါ
- JavaScript debug အတွက် browser DevTools အသုံးပြုပါ
- Vue ပရောဂျက်များအတွက် Vue DevTools browser extension ထည့်သွင်းပါ
### Performance Considerations
- ဘာသာပြန်ဖိုင်များ (50+ ဘာသာစကား) အများကြီးရှိသောကြောင့် full clone များသည် file size ကြီးမားသည်
- content အပေါ်သာ အလုပ်လုပ်မည်ဆိုပါက shallow clone ကို အသုံးပြုပါ: `git clone --depth 1`
- English content အပေါ် အလုပ်လုပ်နေစဉ် ဘာသာပြန်ချက်များကို search မှထုတ်ပယ်ပါ
- ပထမဆုံး run လုပ်စဉ် build process များနှေးကွေးနိုင်သည် (npm install, Vite build)
- ဘာသာပြန်ဖိုင် အများကြီး (၅၀+ ဘာသာ) ရှိသောကြောင့် ဖိုင် clone ထားခြင်း ကြီးမားနိုင်သည်
- အကြောင်းအရာမှသာ လုပ်ရင် shallow clone ကို အသုံးပြုနိုင်သည်: `git clone --depth 1`
- အင်္ဂလိပ်အကြောင်းအရာ ဆက်လက် အလုပ်လုပ်မည့်အခါ ဘာသာပြန်စာရွက်များကို ရှာဖွေမှုမှ ရှောင်ရှားပါ
- Build ဆောင်ရွက်မှုများသည် ပထမဆုံး run အချိန်တွင် နှေးကွေးနိုင်သည် (npm install, Vite build)
## Security Considerations
### Environment Variables
- API key များကို repository တွင် commit မလုပ်သင့်ပါ
- `.env` ဖိုင်များကို အသုံးပြုပါ (`.gitignore` တွင်ပြီးသားပါဝင်သည်)
- project README များတွင် လိုအပ်သော environment variable များကို documentation ပြုလုပ်ပါ
- API keys များကို repository တွင် မတင်ပါနှင့်
- `.env` ဖိုင်များ အသုံးပြုပါ ( `.gitignore` ထဲတွင်ဖြစ်ပြီး)
- project README များတွင် လိုအပ်သော environment variables များ စာရင်းသွင်းပါ
### Python Projects
- virtual environment များကို အသုံးပြုပါ: `python -m venv venv`
- dependency များကို update လုပ်ထားပါ
- GitHub token များသည် လိုအပ်သော permission အနည်းဆုံးသာ ရှိရမည်
- Virtual environment အသုံးပြုရန်: `python -m venv venv`
- dependency များ ပြောင်းလဲမှုရှိ သော်လည်း အဆင့်မြှင့်တင်ထားပါ
- GitHub tokens များသည် အနည်းဆုံးလိုအပ်သော ခွင့်များသာ ရှိပါစေရန်
### GitHub Models Access
- GitHub Models အတွက် Personal Access Tokens (PAT) လိုအပ်သည်
- token များကို environment variable အဖြစ် သိမ်းဆည်းထားရမည်
- token သို့မဟုတ် credential များကို commit မလုပ်သင့်ပါ
- Personal Access Tokens (PAT) အတွက် GitHub Models အသုံးပြုရန်လိုအပ်သည်
- Tokens များကို environment variables အဖြစ် သိမ်းဆည်းထားပါ
- Tokens သို့မဟုတ် credentials များ ကို ဘဲ commit မလုပ်ပါနှင့်
## အပိုဆောင်းမှတ်ချက်များ
## Additional Notes
### Target Audience
- ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှုကို စတင်လေ့လာသူများ
- ကျောင်းသားများနှင့် ကိုယ်တိုင်လေ့လာသူများ
- သင်ခန်းစာများကို classroom တွင် အသုံးပြုသောဆရာများ
- အဆင့်လိုက်လေ့လာမှုနှင့် accessibility အတွက် design ပြုလုပ်ထားသည်
- ဝဘ်ဖွံ့ဖြိုးတိုးတက်ရေး အထူးစတင်သူများ
- ကျောင်းသားများနှင့် ကိုယ်တိုင်သင်ယူသူများ
- သင်တန်းဆရာများ စတင်သင်ကြားရာတွင် အသုံးပြုသူများ
- အရည်အသွေးမြှင့်တင်ရေး အတွက် အသေးစားနည်းလမ်းဖြင့် ဖန်တီးထားသောအကြောင်းအရာ
### Educational Philosophy
- ပရောဂျက်အခြေခံသင်ကြားမှုနည်းလမ်း
- အကြိမ်ကြိမ် knowledge checks (quizzes)
- လက်တွေ့ coding လေ့ကျင့်မှုများ
- အမှန်တကယ်အသုံးဝင်သော application နမူနာများ
- framework မတိုင်မီ အခြေခံများကို အဓိကထားသည်
- ပရောဂျက်အခြေပြု သင်ကြားမှု ပြုလုပ်ခြင်း
- မေးပွဲများမှတဆင့် သိမှုစစ်ဆေးခြင်း
- လက်တွဲကူညီ လေ့ကျင့်ခန်းများ
- လက်တွေ့ အသုံးပြုမှု ဥပမာများ
- Framework မတိုင်မီ အခြေခံများကို ဦးစားပေးသင်ကြားခြင်း
### Repository Maintenance
- Learners နှင့် contributors များ၏ active community
- dependency နှင့် content များကို regular update ပြုလုပ်သည်
- maintainers မှ issue နှင့် discussion များကို စောင့်ကြည့်သည်
- GitHub Actions မှတဆင့် ဘာသာပြန် update များကို အလိုအလျောက်ပြုလုပ်သည်
- သင်ယူသူများနှင့် ပါဝင်သူများ ပိုမိုတက်ကြွသော လူထုစုစည်းမှု
- Dependencies နှင့် အကြောင်းအရာများ ပုံမှန် ပြုပြင်ထားခြင်း
- ပြဿနာများနှင့် ဆွေးနွေးမှုများ စောင့်ကြည့်မှုဖြင့် ထိန်းသိမ်းမှု
- ဘာသာပြန်ခြင်းအား GitHub Actions ဖြင့် အလိုအလျောက် ပြုလုပ်မှု
### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ကို learners အတွက် အကြံပြုသည်
- အပိုဆောင်းသင်တန်းများ: Generative AI, Data Science, ML, IoT curricula ရရှိနိုင်သည်
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) သည် သင်ယူသူများအတွက် အတူတူအသုံးပြုရန် ဖြစ်သည်
- အပိုသင်တန်းများဖြစ်သည့် Generative AI, Data Science, ML, IoT သင်ရိုးများ ရရှိနိုင်ပါသည်
### Working with Specific Projects
သီးသန့်ပရောဂျက်များအတွက် အသေးစိတ်ညွှန်ကြားချက်များကို README ဖိုင်များတွင် ကြည့်ပါ:
- `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - authentication ပါသော Banking application
- `5-browser-extension/README.md` - Browser extension development
- `6-space-game/README.md` - Canvas-based game development
- `9-chat-project/README.md` - AI chat assistant project
သီးခြား project များအတွက် အသေးစိတ် လမ်းညွှန်ချက်များကို အောက်ပါ README ဖိုင်များတွင် ပြန်လည်ကြည့်ရှုနိုင်သည်-
- `quiz-app/README.md` - Vue 3 quiz လျှောက်လွှာ
- `7-bank-project/README.md` - အတည်ပြု authentication ပါဝင်သည့် ဘဏ်လုပ်ငန်း လျှောက်လွှာ
- `5-browser-extension/README.md` - Browser Extension ဖန်တီးခြင်း
- `6-space-game/README.md` - Canvas အခြေပြုဂိမ်း ဖန်တီးခြင်း
- `9-chat-project/README.md` - AI chat assistant ပရောဂျက်
### Monorepo Structure
ဤ repository သည် traditional monorepo မဟုတ်သော်လည်း သီးသန့်ပရောဂျက်များ
ယင်းတွင် အမှန်တကယ် Monorepo မဟုတ်ပါ၊ သို့သော် မတူညီသည့် ပရောဂျက်များ အများကြီး ပါဝင်သည့် repository ဖြစ်သည်-
- အတှကျ သင်ခန်းစာ တစ်ခုချင်းစီ သီးခြားဖြစ်သည်
- ထိုပရောဂျက်များတွင် dependency မျှဝေမှုမရှိပါ
- တစ်ခုချင်း project များအပေါ် ပြုလုပ်ရာတွင် တစ်ခုတည်းကို အကျိုးသက်ရောက်မှု မရှိစေရန် လုပ်ဆောင်နိုင်သည်
- လုံးဝသင်ရိုးအတက် အတွေ့အကြုံရှိစေရန် repository အားလုံးကို clone လုပ်နိုင်သည်
---
**အကြောင်းကြားချက်**:
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှန်ကန်မှုအတွက် ကြိုးစားနေသော်လည်း၊ အလိုအလျောက် ဘာသာပြန်မှုများတွင် အမှားများ သို့မဟုတ် မမှန်ကန်မှုများ ပါဝင်နိုင်သည်ကို သတိပြုပါ။ မူရင်းဘာသာစကားဖြင့် ရေးသားထားသော စာရွက်စာတမ်းကို အာဏာတည်သော ရင်းမြစ်အဖြစ် သတ်မှတ်သင့်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ဘာသာပြန်ပညာရှင်များမှ ဘာသာပြန်မှုကို အကြံပြုပါသည်။ ဤဘာသာပြန်မှုကို အသုံးပြုခြင်းမှ ဖြစ်ပေါ်လာသော နားလည်မှုမှားများ သို့မဟုတ် အဓိပ္ပာယ်မှားများအတွက် ကျွန်ုပ်တို့သည် တာဝန်မယူပါ။
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**တားမြစ်ချက်**
ဤစာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှုဖြစ်သည့် [Co-op Translator](https://github.com/Azure/co-op-translator) အသုံးပြု၍ ဘာသာပြန်ထားခြင်းဖြစ်ပါသည်။ ကျွန်ုပ်တို့သည်တိကျမှန်ကန်မှုအတွက်ကြိုးစားသည်ဖြစ်သော်လည်း၊ စက်စွမ်းအားဘာသာပြန်ဆိုမှုများတွင် အမှားအယွင်းများ၊ မမှန်ကန်မှုများ ရှိနိုင်သည်ကို အသိပေးပါရစေ။ မူလစာတမ်းသည် မိခင်ဘာသာစကားဖြင့် ရေးသားထားသည့် ညွှန်ကြားချက်အရင်းအမြစ်အဖြစ် စဉ်းစားရမည်ဖြစ်ပါသည်။ အရေးကြီးသော အချက်အလက်များအတွက် လူ့ကျွမ်းကျင်သူများမှ ဘာသာပြန်ခြင်းကို အကြံပြုပါသည်။ ဤဘာသာပြန်ချက်ကို အသုံးပြုမှုကြောင့် ဖြစ်ပေါ်လာနိုင်သော နားမလည်မှုများ သို့မဟုတ် အမှားဖော်ပြချက်များအတွက် ကျွန်ုပ်တို့သည် တာဝန်မခံယူပါ။
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

221
translations/my/README.md
Unescape View File

@ -10,203 +10,206 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Web Development for Beginners - A Curriculum
# စတူဒင်များအတွက် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု - သင်တန်းအစီအစဉ်
Microsoft Cloud Advocates မှ ထုတ်ပြန်သော ၁၂ ပတ် ကြာ၍ ပြည့်စုံသော အွန်လိုင်းသင်တန်းဖြင့် ဝက်ဘ်ဒီဗလုပ်မှု အခြေခံများကို သင်ယူပါ။ စုစုပေါင်း ၂၄ ပတ်သင်ခန်းစာများတွင် JavaScript၊ CSS နှင့် HTML ကို terrariums၊ browser extensions နှင့် space games ကဲ့သို့သော လက်တွေ့ အစီအစဉ်များဖြင့် လေ့လာနိုင်သည်။ မေးခွန်းဖြေ၊ ဆွေးနွေးပွဲများနှင့် လက်တွေ့အလုပ်များဖြင့်ပါ ဝင်ရောက်ပါဝင်နိုင်ပါသည်။ သင်၏ကျွမ်းကျင်မှုကို တိုးတက်ကောင်းမွန်စေရန်နှင့် အသိပညာ သိမြင်စေမှုကို ထိရောက်စွာ မြှင့်တင်စေရန် ကျွမ်းကျင်ပြီးသော စီမံကိန်းအခြေပြု ပညာသင်ကြားမှုနည်းစနစ်ဖြင့် သင်ယူပါ။ သင်၏ကွန်ပျူတာကုဒ်ရေးရာ ခရီးစဉ်ကို ယနေ့မှ စတင်လိုက်ပါ!
Microsoft Cloud Advocates မှ တင်ဆက်သည့် ၁၂ ပတ်ကြာ ပြည့်စုံသော ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံများကို သင်ယူပါ။ စုစုပေါင်း သင်ခန်းစာ ၂၄ ခုစီတွင် JavaScript, CSS နှင့် HTML ကို terrariums, browser extensions, နှင့် space games စသဖြင့် လက်တွေ့ ပရောဂျက်များမှတဆင့် အနက်ရှိုင်းစွာ လေ့လာနိုင်မယ်။ စာမေးပွဲများ၊ ဆွေးနွေးမှုပြုခြင်း နှင့် လက်တွေ့တာဝန်များ ပါဝင်သည်။ ကျွန်ုပ်တို့၏ ထိရောက်သော ပရောဂျက်အခြေပြု သင်ကြားနည်းမှတဆင့် မိမိ၏ ကျွမ်းကျင်မှုများ တိုးတက်စေပြီး သိမြင်မှုကို တိုးမြှင့်နိုင်ပါသည်။ သင့်ရဲ့ ကုဒ်ရေးခြင်းခရီးစဉ်ကို ယနေ့စလိုက်ပါ!
Azure AI Foundry Discord Community နှင့် ပူးပေါင်းပါ။
Azure AI Foundry Discord လူစုစုဝေးနေသော အသိုက်အဝန်းတွင် ပါဝင်ဆောင်ရွက်ပါ။
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ဤသင်ခန်းစာများနှင့် အရင်းအမြစ်များကို အသုံးပြုရန် အောက်ပါအဆင့်များကို လိုက်နာပါ-
1. **Repository ကို Fork ပြုလုပ်ပါ**။ ကလစ်နှိပ်ပါ [![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. **Repository ကို Clone ပြုလုပ်ပါ**။ `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord တွင် ပါ၀င်၍ နည်းပြများနှင့် Developer များနှင့် တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
ဤအရင်းအမြစ်များကို အသုံးပြု၍ စတင်ရန် အောက်ပါ လုပ်ဆောင်ချက်များအတိုင်း လိုက်နာပါ-
1. **Repository ကို Fork လုပ်ပါ**: ကလစ်အားပေးပါ [![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. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord တွင် ပါဝင်ကာ ကျွမ်းကျင်သူများနှင့် Developer များနှင့် တွေ့ဆုံပါ**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ဘာသာစကား များစွာကို ထောက်ပံ့သည်
### 🌐 ဘာသာစကားစွမ်းဆောင်ရည်
#### GitHub Action မှတဆင့် ထောက်ပံ့သည် (အလိုအလျောက်နှင့် အမြဲတမ်း ပြုပြင်ထားသည်)
#### GitHub Action မှတဆင့် ပံ့ပိုးထားပါသည် (အလိုအလျောက်နှင့် အမြဲတမ်း သက်တမ်းရှိ)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](./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) | [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)
> **ဒေသတွင်း Clone လုပ်လိုပါသလား?**
> **တစ်ကိုယ်ကို Clone လုပ်ဆောင်ချင်ပါသလား?**
> ဤ repository တွင် ၅၀ ကျော်သော ဘာသာစကားများအတွက် ဘာသာပြန်ထားပြီး Download အရွယ်အစားကို မှီငြမ်းသွားသည်။ ဘာသာပြန်များမပါဘဲ Clone လုပ်ရန် sparse checkout ကို အသုံးပြုပါ-
> ဤ repository တွင် ဘာသာစကား ၅၀ ကျော် အပြန်အလှန်ဘာသာပြန်ချက်များ ပါရှိမှုကြောင့် ဒေါင်းလုပ်အရွယ်အစား အရမ်းကြီးနေပါသည်။ ဘာသာပြန်ချက်များကို ဖယ်ရှားရန် sparse checkout ကို အသုံးပြုပါ-
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> သင်သည် သင်ခန်းစာကို ပြီးမြောက်စွာ အလွယ်တကူ Download လုပ်ပြီး သင်ယူနိုင်ပါသည်။
> ၎င်းဖြင့် သင်သည် သင်တန်း ပြီးစီးရန် လိုအပ်သည့် အရာအားလုံးကို မြန်ဆန်စွာ ယူဆောင်နိုင်ပါသည်။
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**ထို့အပြင် ထောက်ပံ့လိုသော ဘာသာစကားများကို [ဤနေရာတွင်](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ကြည့်ရှုနိုင်ပါသည်။**
**အပို ဘာသာစကားများကို ပံ့ပိုးရန် လိုအပ်ပါက [ဒီနေရာတွင်](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)
#### 🧑‍🎓 _ကျောင်းသားတစ်ဦးလား?_
#### 🧑‍🎓 _သင်သည် ကျောင်းသားတစ်ဦး ဖြစ်ပါသလား?_
[**Student Hub စာမျက်နှာ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ကို လည်ပတ်ပါ။ ဤနေရာတွင် စတင်လေ့လာသူအတွက် အရင်းအမြစ်များ၊ ကျောင်းသားအထောက်အပံ့ပက်(ပက်ကေ့ဂျ်) များနဲ့ အခမဲ့လက်မှတ်ရယူနိုင်စေရန် နည်းလမ်းများလည်း ထည့်သွင်းထားသည်။ ကျွန်ုပ်တို့အတွက် ဤစာမျက်နှာကို Bookmark များထားပြီး အချိန်နှင့်အမျှ လေ့လာဆဲရှိသော အကြောင်းအရာများကို ပြောင်းလဲနေမှုများအတွက် စောင့်ကြည့်ပါ။
[**ကျောင်းသား Hub စာမျက်နှာ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ကို သွားရောက်လိုက်ပါ။ ဒီနေရာမှာ မဆိုသူအဆင့်အတွက် အရင်းအမြစ်များ၊ ကျောင်းသားအထုပ်များ နေရာ၊ နှင့် အခမဲ့ သက်မွတ်လက်မှတ် ဗောက်ချာရယူနိုင်တဲ့ နည်းလမ်းများကို တွေ့ရှိနိုင်ပါသည်။ ဒီစာမျက်နှာကို သင် ကြိုက်နှစ်သက်သည့်အတိုင်း ရုန်းကန်လွှတ်ပြီး လစဉ် အသစ်ဖြစ်လာသော အကြောင်းအရာများသို့ မြင်သာအောင် စိစစ်သင့်သည်။
### 📣 ကြေငြာချက် - GitHub Copilot Agent mode အသုံးပြုပြီး အစီအစဉ် အသစ်များ ပြီးမြောက်ရန် စိန်ခေါ်မှုများ!
### 📣 ကြေညာချက် - GitHub Copilot Agent mode အသစ်တွင် စိန်ခေါ်မှုများ ပြီးမြောက်ရန်!
အသစ်ထည့်သွင်းထားသော စိန်ခေါ်မှုကို “GitHub Copilot Agent Challenge 🚀” ဟု တိုင်းချိန်သည့် မိသားစုများတွင် ရှာဖွေပါ။ Agent mode ကို မသုံးစေသေးလျှင်၊ ထိုအပြင် Text Generate ပြုလုပ်ခြင်းသာမက ဖိုင် ဖန်တီးပြင်ဆင်ခြင်း၊ ကွန်မန်းများ ပြေးဆွဲခြင်းစသဖြင့် အပြည့်အဝ အသုံးပြုနိုင်ပါသည်။
အသစ်ထည့်သွင်းထားသော စိန်ခေါ်မှု- "GitHub Copilot Agent Challenge 🚀" ကို ပိုင်းစဉ်ခြားထဲတွင် ရှာဖွေကြည့်ပါ။ ၎င်းသည် GitHub Copilot နှင့် Agent mode အသုံးပြု၍ ပြီးစီးရန် စိန်ခေါ်မှုအသစ်တစ်ခုဖြစ်သည်။ အကယ်၍ သင်သည် အရင်တုန်းက Agent mode ကို မသုံးဖူးဘူးဆိုလျှင်၊ ၎င်းသည် စာသားထုတ်ပေးခြင်းသာမက ဖိုင်များဖန်တီး၊ တည်းဖြတ်ခြင်း၊ ကွန်မန်းများ လစ်လစ်သုံး၊ နှင့် အခြားစွမ်းရည်များပါရှိသည်။
### 📣 ကြေငြာချက် - Generative AI အသုံးပြုပြီး ဆောက်ရွက်ရန် ပြုပြင်ထားသော အသစ်သော Project
### 📣 ကြေညာချက် - _Generative AI အသုံးပြု ပရောဂျက်အသစ်_ ကိုတည်ဆောက်ရန်
AI Assistant Project အသစ်တစ်ခု ထပ်မံ ထည့်သွင်းပြီးဖြစ်သည်။ လေ့လာရန် ဤနေရာတွင် ကြည့်ရှုပါ [project](./9-chat-project/README.md)
Generative AI အကူအညီ ပရောဂျက်အသစ် ထပ်ထည့်သွင်းလိုက်ပါပြီ၊ ပြောကြည့်ပါ [project](./9-chat-project/README.md)
### 📣 ကြေငြာချက် - JavaScript အတွက် Generative AI သင်ရိုးညွှန်းအစီအစဉ် အသစ် ထုတ်ပြန်ခြင်း
### 📣 ကြေညာချက် - _Generative AI အတွက် JavaScript အသစ် သင်တန်းအစီအစဉ်_
ယခုနှစ်သားသားဖြစ်သော Generative AI သင်ရိုးအသစ်ကို မလွတ်မသီးဖြစ်ပါစေနဲ့!
Generative AI သင်တန်းအသစ် မလွတ်သင့်ပါ!
စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ကို သွားရောက်ပါ!
စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ ဝင်ရောက်ကြည့်ရှုပါ။
![Background](../../translated_images/my/background.148a8d43afde5730.webp)
- အခြေခံမှ RAG အထိ သင်ခန်းစာများပါဝင်သည်။
- GenAI နှင့် ဆက်စပ်သော အသက်ရှင်သောသူများနှင့် အပြန်အလှန် ဆက်ဆံနိုင်သည်။
- စိတ်ဝင်စားဖွယ်ရာ မက္ခရာနှင့် စိတ်ဝင်စားဖွယ် စခန်းတင် ဆက်ကပ်မှုရှိသည်။
- GenAI နှင့် မိတ်ဆက်ထားသည့် အက်ပ်ဖြင့် သမိုင်းအညွန်းများနှင့် ဆက်သွယ်ဆက်ဆံနိုင်ပါသည်။
- ပျော်ပျော်ရယ်ရယ် နှင့် စိတ်ဝင်စားဖွယ် ဇာတ်လမ်းအပြောရေးဖြင့် အချိန်ခရီးဆက်နွယ်ပါလိမ့်မည်။
![character](../../translated_images/my/character.5c0dd8e067ffd693.webp)
သင်ခန်းစာတိုင်းသည် လေ့ကျင့်ရေးအလုပ်ကိုင်ဖို့ တာဝန်အဖြစ် ပါဝင်ပြီး အတွေ့အကြုံများ ဖြေရှင်းရန် knowledge check နှင့် စိန်ခေါ်မှုတို့ပါဝင်သည်။ လေ့လာမည့် ခေါင်းစဉ်များမှာ -
သင်ခန်းစာတိုင်းတွင် တာဝန်ထမ်းဆောင်မှုတစ်ခု၊ သိမြင်မှုစစ်ခြင်းနှင့် စိန်ခေါ်မှုတစ်ခု ပါဝင်သည်၊ သင်ကြားချင်သော အကြောင်းအရာများမှာ:
- Prompting နှင့် prompt engineering
- စာသားနှင့် ပုံရိပ် အက်ပ်များ ဖန်တီးခြင်း
- ရှာဖွေရေးအက်ပ်များ
- စာသားနှင့်ပုံပေါ်လာသော အက်ပ်ချဲ့ထွင်ခြင်း
- ရှာဖွေရေး အက်ပ်များ
စတင်ရန် [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ကို သွားရောက်ကြည့်ရှုပါ!
စတင်ရန် [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ကို ရောက်၍ ကြည့်ရှုပါ။
## 🌱 စတင်ခြင်း
> **ဆရာ/ဆရာမများ** အတွက် ဒီသင်ရိုးညွှန်းကို ဘယ်လိုအသုံးပြုမလဲဆိုတာအတွက် [အကြံပေးချက်များ](for-teachers.md) ထည့်သွင်းထားပါတယ်။ ကျွန်ုပ်တို့နှင့် [ဆွေးနွေးဖို့](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ကာမရှင်စခန်းထဲမှာ တုံ့ပြန်မှုလည်းလက်ခံပါတယ်!
> **ဆရာ/ဆရာမများအတွက်**, ဤ သင်တန်းအစီအစဉ်ကို မည်သို့အသုံးချရမည်ကို [အကြံပြုချက်အချို့](for-teachers.md) ထည့်သွင်းပေးထားပြီး၊ သင်၏တုံ့ပြန်ချက်များကို ကျွန်ုပ်တို့၏ [ဆွေးနွေးပွဲဖိုရမ်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) တွင် ရရှိချင်ပါသည်။
**[လေ့လာသူများ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** - တစ်ခါသင်ခန်းစာစီလျှင် အစပိုင်း ရှုထောင့်မေးခွန်းဖြေပြီး၊ သင်ခန်းစာ စာအုပ်ကို ဖတ်ပါ၊ လုပ်ငန်းများ ဆောင်ရွက်ပါ၊ နောက်ပိုင်း မေးခွန်းဖြေလိုက်ပါ။
**[သင်ယူသူများ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**၊ သင်ခန်းစာတစ်ခုစီအတွက် မိမိ စတင်မည့်အခါ ရှေ့နေစာမေးပွဲဖြေပြီး နောက်တစ်ဆင့်အနေနဲ့ သင်ခန်းစာ အကြောင်းအရာဖတ်ရှုခြင်း၊ လုပ်ဆောင်ချက်များ ပြီးမြောက်ခြင်းနှင့် နောက်စာမေးပွဲဖြေခြင်းတို့ကို ဆက်လက်လုပ်ဆောင်ကြပါ။
သင်ယူမှုကို တိုးတက်စေရန်၊ မိတ်ဆွေများနှင့် ပူးပေါင်း အစီအစဉ်များ အတူတူ အလုပ်လုပ်ပါ။ ဆွေးနွေးနိုင်သော ဒိုင်ယာလော့များကို [ဆွေးနွေးပွဲအစည်းအဝေး](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) တွင် ဆက်သွယ်မှုအတွင်း တင်ပြနိုင်ပြီး မေးခွန်းများကို မော်ဒရေတာများ ကူညီဖြေရှင်းပေးပါသည်။
သင်ယူမှု အတွေ့အကြုံတိုးတက်စေရန်အတွက် မိတ်ဆွေများနှင့် ပူးပေါင်းဆောင်ရွက်ပြီး ပရောဂျက်များဆောင်ရွက်ပါ! ဆွေးနွေးပွဲများကို ကျွန်တော်တို့၏ [ဆွေးနွေးပွဲဖိုရမ်](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) အတွင်း ပြုလုပ်နိုင်ပြီး၊ ကျွန်ုပ်တို့၏ ကြီးကြပ်ရေးအဖွဲ့ဝင်များမှ မေးခွန်းများကို ဖြေဆိုပေးမည်ဖြစ်ပါသည်။
သင်၏ပညာအဆင့်မြှင့်တင်ရန် Microsoft Learn ကိုလည်း အကြံပြုလိုပါသည် [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ထဲတွင် ပို၍ သင်ယူနိုင်သော စာအုပ်များလည်း ရှိပါသည်။
တက္ကသိုလ်တက် ဖွံ့ဖြိုးမှုများ အတွက် ကျွန်ုပ်တို့ အလွန်အကြံပြုလိုသော [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ဖြင့် ပညာရေးဆက်လက်မြှင့်တင်ပါ။
### 📋 သင့်ပတ်ဝန်းကျင်ကို စတင်တည်ဆောက်ခြင်း
ဤ သင်ရိုးညွှန်းတွင် ဖန်တီးမှု ပတ်ဝန်းကျင် (development environment) ရှိပြီး အသုံးပြုနိုင်ပါသည်။ စတင်လေ့လာရာတွင် [Codespace](https://github.com/features/codespaces/) (Browser-based, install လုပ်စရာမလိုသော ပတ်ဝန်းကျင်) သို့မဟုတ် ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင် Visual Studio Code ကဲ့သို့သောစာပုံဆွဲတည်းဖြတ်စက်ဖြင့် ဖွင့်နိုင်ပါသည်။
ဤ သင်တန်းအစီအစဉ်တွင် ရပ်တည်ရန်အသင့်ရှိသော ဖွံ့ဖြိုးရေး ပတ်ဝန်းကျင်ပါရှိသည်။ သင် စတင်မည်ဆိုပါက [Codespace](https://github.com/features/codespaces/) တွင် လက်တွေ့လုပ်ဆောင်နိုင်ပါသည် (ဘရောက်ဇာ အခြေပြု၊ installation မလိုအပ်သော ပတ်ဝန်းကျင် ဖြစ်သည်) သို့မဟုတ် မိမိကွန်ပျူတာတွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော စာတမ်း တည်းဖြတ်ကိရိယာဖြင့် တည်ဆောက်နိုင်ပါသည်။
#### Repository သင်၏ကိုယ်ပိုင်အကူးယူချက်ဖန်တီးခြင်း
သင့်အလုပ်များကို အလွယ်တကူ သိမ်းဆည်းနိုင်ရန် ဒီ repository ကို ကိုယ်ပိုင် အကူးတစ်ခုဖန်တီးရန် အကြံပြုပါသည်။ ဒီအတွက် စာမျက်နှာအပေါ်တွင် **Use this template** ခလုတ်ကို နှိပ်ပါ။ သင်၏ GitHub အကောင့်အတွင်း သင်ရိုးညွှန်း၏ မိတ္တူဖြစ်သော Repository အသစ် တစ်ခုဖန်တီးမည်ဖြစ်ပါသည်။
#### သင့် repository ကို ဖန်တီးပါ
သင့်အလုပ်ကို လွယ်ကူစွာ သိမ်းဆည်းရန်၊ ဤ repository အား ကိုယ်ပိုင်တစ်ခု ဖန်တီးသင့်ပါသည်။ အောက်ဆုံးရှိ **Use this template** ခလုတ်ကို နှိပ်၍ ၎င်းကို ပြုလုပ်နိုင်ပါသည်။ ၎င်းသည် သင့် GitHub အကောင့်တွင် သင်တန်းအစီအစဉ်မိတ္တူပါရှိသော repository အသစ်တစ်ခု ဖန်တီးပေးပါလိမ့်မည်။
အဆင့်များကို လိုက်နာပါ -
1. **Repository ကို Fork ပြုလုပ်ပါ**။ ဒီစာမျက်နှာ၏ ညာဖက်ထောင့်အပေါ်ရှိ Fork ကို နှိပ်ပါ။
2. **Repository ကို Clone ပြုလုပ်ပါ**။ `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
ဤလမ်းညွှန်ချက်များကို လိုက်နာပါ-
1. **Repository ကို Fork လုပ်ပါ**: ဤ စာမျက်နှာ၏ ဘယ်ဘက်ရှေ့နံရံက တည်ရှိသော "Fork" ခလုတ်ကို နှိပ်ပါ။
2. **Repository ကို Clone လုပ်ပါ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace တွင် သင်ရိုးကို ဖွင့်၍ အသုံးပြုခြင်း
#### Codespace တွင် သင်တန်းပြေးပါ
သင်ဖန်တီးထားသော မိတ္တူ Repository တွင် **Code** ခလုတ်ကိုနှိပ်ပြီး **Open with Codespaces** ကို ရွေးချယ်ပါ။ အသစ်တစ်ခုသော Codespace တစ်ခု ဖန်တီးမည်ဖြစ်သည်။
သင့်ရဲ့ ကိုယ်ပိုင် မိတ္တူ repository တွင် **Code** ခလုတ်ကို နှိပ်၍ **Open with Codespaces** ကို ရွေးချယ်ပါ။ ၎င်းက သင်အလုပ်လုပ်ကိုင်ရန် Codespace အသစ်ကို ဖန်တီးပေးပါလိမ့်မည်။
![Codespace](../../translated_images/my/createcodespace.0238bbf4d7a8d955.webp)
#### ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင် သင်ရိုးကို လည်ပတ်ခြင်း
#### ကိုယ်ပိုင် ကွန်ပျူတာတွင် သင်တန်းပြေးရန်
ကိုယ်ပိုင်ကွန်ပျူတာပေါ်တွင် သင်ရိုးကို လည်ပတ်ရန်အတွက် စာပုံဆွဲတည်းဖြတ်စက်တစ်ခု၊ browser တစ်ခုနှင့် command line တစ်ခု လိုအပ်ပါသည်။ ပထမ သင်ခန်းစာ [Programming Languages and Tools of the Trade ၏ အကျဉ်း](../../1-getting-started-lessons/1-intro-to-programming-languages) တွင် ကုဒ်ရေးရန် အသုံးပြုမည့် အမျိုးမျိုးသော အကောင်းဆုံး ဝါရင့်မြော် ကိရိယာများကို ထည့်သွင်း ရွေးချယ်ပေးပါသည်။
ဤသင်တန်းအစီအစဉ်ကို ကိုယ်ပိုင် ကွန်ပျူတာတွင် ပြေးရန်အတြက္ စာတမ်းတည်းဖြတ်သူ၊ ဘရောက်ဇာနှင့် ကွန်မန်းလိုင်းကိရိယာ တစ်ခု လိုအပ်ပါသည်။ ပထမဆုံး သင်ခန်းစာမှာ [Programming Languages နှင့် Tools of the Trade အကြောင်းအရာ မိတ်ဆက်](../../1-getting-started-lessons/1-intro-to-programming-languages) ပါသည်၊ ဇာတိကိရိယာပေါင်းများစွာ အကြောင်းရင်းဖော်ပြီး သင့်အတွက် အကောင်းဆုံး ကိုယ်တိုင် ရွေးချယ်နိုင်စေပါသည်။
ကျွန်ုပ်တို့ အကြံပြုလိုသည်မှာ အယ်ဒီတာအဖြစ် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကို အသုံးပြုခြင်းဖြစ်ပြီး၊ ထို Visual Studio Code တွင် အိုင်နမ့် Terminal ပါရှိပါသည် [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)။ Visual Studio Code ကို [ဒီနေရာ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) မှ ဒေါင်းလုဒ်လုပ်နိုင်သည်။
ကျွန်ုပ်တို့၏ အကြံပြုချက်မှာ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကို တည်းဖြတ်ကိရိယာအဖြစ် သုံးပါ။ ၎င်းတွင် [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ပါထည့်သွင်းထားပါသည်။ Visual Studio Code သတင်းအချက်အလက်များကို [ဒီနေရာ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) မှ ဒေါင်းလုပ်ဆွဲနိုင်သည်။
1. ကိုယ်ပိုင် repository ကို ကိုယ်ပိုင်ကွန်ပျူတာတွင် Clone ကြပါ။ **Code** ခလုတ်ကို နှိပ်၍ URL ကို ကူးယူပါ-
1. သင့် repository ကို မိမိကွန်ပျူတာသို့ clone လုပ်ပါ။ ၎င်းကို **Code** ခလုတ်ကို နှိပ်၍ URL ကို ကူးယူကာ ပြုလုပ်နိုင်သည်-
[CodeSpace](./images/createcodespace.png)
ပြီးနောက်၊ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) အတွင်းရှိ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကိုဖွင့်ပြီး၊ သင်ကူးယူထားသော URL ကို `<your-repository-url>` ဖြင့်အစားထိုး၍ အောက်ပါ command ကို chạy ပါ။
အဲနောက်မှာ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) မှာ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ကိုဖွင့်ပြီး အောက်ပါ command ကို သုံးပါ၊ `<your-repository-url>` ကို သင့်ကော်ပီလုပ်ထားတဲ့ URL နဲ့ ပြောင်းပါ။
```bash
git clone <your-repository-url>
```
2. Visual Studio Code တွင် ဖိုလ်ဒါအားဖွင့်ပါ။ ဒါကို **File** > **Open Folder** ကိုနှိပ်ပြီး သင်လတ်တလောကူးယူထားသော ဖိုလ်ဒါကိုရွေးချယ်ခြင်းဖြင့် ပြုလုပ်နိုင်ပါသည်။
2. Visual Studio Code တွင် ဖိုင်ဖိုလ်ဒါကို ဖွင့်ပါ။ ဒါကို **File** > **Open Folder** ကိုနှိပ်ပြီး သင်ကကလုံလုပ်ပြီးသားဖိုင်ဖိုလ်ဒါကိုရွေးချယ်ခြင်းဖြင့်လုပ်နိုင်ပါသည်။
> အကြံပြု Visual Studio Code ပြည့်စုံစက်များ:
> အကြံပြု Visual Studio Code extension များ-
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ထဲတွင် HTML စာမျက်နှာများ ကြည့်ရှုရန်
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ကုဒ်ရေးသားမှုကို ပိုမိုလျင်မြန်စေရန်အတွက်အကူအညီ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code တွင် HTML စာမျက်နှာများ ကြိုကြည့်ရန်
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ကုဒ်ရေးသားရာတွင် လျင်မြန်စွာကူညီရန်
## 📂 တစ်ခုချင်းသင်ခန်းစာများတွင် ပါဝင်သောအရာများ
## 📂 တစ်ခုချင်းသင်ခန်းစာတွင် ပါဝင်သည်များ-
- စိတ်ကြိုက် စကတ်ချတ်မှတ်တမ်း
- စိတ်ကြိုက် ထပ်ဆင့်ဗီဒီယို
- သင်ခန်းစာမတိုင်ခင် အပူချိန် စစ်တမ်း
- ရွေးချယ်နိုင်သော စကက်ချ်မှတ်စု
- ရွေးချယ်နိုင်သော အပိုဗွီဒီယို
- သင်ခန်းစာမတိုင်တော့မည့် အပူပြင်းမေးချင်း
- ရေးသားထားသော သင်ခန်းစာ
- ပရောဂျက်အခြေပြု သင်ခန်းစာများအတွက် ပရောဂျက် တည်ဆောက်ရန် အဆင့်ဆင့် လမ်းညွှန်ချက်များ
- ပညာရပ်စစ်ဆေးမှုများ
- စိန်ခေါ်မှုတစ်ခု
- ထပ်ဆင့်စာဖတ်ရန်ပစ္စည်း
- တာဝန်များ
- [သင်ခန်းစာပြီးနောက် စစ်တမ်း](https://ff-quizzes.netlify.app/web/)
- ပရောဂျက်အခြေခံသင်ခန်းစာများအတွက် လူအတန်းတက်သင်ကြားမှု လမ်းညွှန်များ
- အသိပညာ စစ်ဆေးမှုများ
- စိန်ခေါ်မှု
- ပိုမိုလေ့လာရန်
- ကြိုသင်ခန်းစာအပြီးမေးခွန်းစစ်ဆေးမှု
([post-lesson quiz](https://ff-quizzes.netlify.app/web/))
> **စစ်တမ်းအကြောင်း မှတ်ချက်**: စစ်တမ်းအားလုံးကို Quiz-app ဖိုလ်ဒါတွင် စုစည်းထားပြီး၊ မေးခွန်း သုံးခုပါသော စစ်တမ်း ၄၈ ခုရှိသည်။ ၎င်းတို့ကို [ဒီနေရာမှာ](https://ff-quizzes.netlify.app/web/) ရနိုင်ပြီး၊ quiz app ကို ကိုယ်ပိုင်စက်တွင် chạy လို့ရ သို့မဟုတ် Azure တွင် ထပ်တင်နိုင်ပါသည်။ `quiz-app` ဖိုလ်ဒါထဲရှိ လမ်းညွှန်ချက်များကို လိုက်နာပါ။
> **မေးခွန်းများအကြောင်း မှတ်ချက်** - မေးခွန်းအားလုံးမှာ Quiz-app ဖိုလ်ဒါထဲမှာ ၁၆၄ မေးခွန်းပါဝင်ပြီး၊ မေးခွန်း ၃ မေးခွန်းစီ ၄၈ မျိုးရှိသည်။ ၎င်းတို့ကို [ဒီမှာ](https://ff-quizzes.netlify.app/web/) တွေ့နိုင်ပြီး၊ quiz app ကို ဒေသခံတွင် ပြေးဆွဲနိုင်ပါသည် သို့မဟုတ် Azure တွင် တင်နိုင်ပါသည်; `quiz-app` ဖိုလ်ဒါ ထဲက ညွှန်ကြားချက်များကိုလိုက်နာပါ။
## 🗃️ သင်ခန်းစာများ
| | ပရောဂျက်အမည် | သင်ကြားသည့် အယူအဆများ | သင်ယူရမည့် ရည်မှန်းချက်များ | ဆက်သွယ်သင်ခန်းစာ | အတန်းအုပ် |
| :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | ပရိုဂရမ်မင်းနှင့် လုပ်ငန်းကိရိယာများသိရှိမှု မိတ်ဆက်ခြင်း | အများဆုံး အသုံးပြုသော programming ဘာသာစကားများ၏ အခြေခံ အချက်များနှင့် ပရော်ဖက်ရှင်နယ် တီထွင်သူများအတွက် ကူညီပစ္စည်းများကို သင်ယူပါ | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | GitHub အခြေခံများ၊ အဖွဲ့နှင့် သဘောတူလုပ်ငန်းများ | သင့်ပရောဂျက်တွင် GitHub ကို ကောင်တာအသုံးပြုနည်း၊ ကုဒ်အခြေခံတွင် အခြားသူများနှင့် ပူးပေါင်းလုပ်ဆောင်နည်း | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | လက်ဝှေ့နှင့် စီမံခန့်ခွဲမှု | ဝက်ပ accessibility ၏ အခြေခံကို လေ့လာခြင်း | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript ဒေတာအမျိုးအစားများ | JavaScript ဒေတာအမျိုးအစားများ၏ အခြေခံများ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Function များနှင့် Method များ | အပလီကေးရှင်း၏ လောဂစ်စနစ်ကို စီမံခန့်ခွဲရန် Function များနှင့် Method များကို သင်ယူပါ | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | JS ဖြင့် ဆုံးဖြတ်ချက်များ အခြေခံ | သင့်ကုဒ်တွင် ဆုံးဖြတ်ချက် ရယူရေးနည်းများကို သင်ယူပါ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | အရေအတွက်များနှင့် Loop များ | JavaScript တွင် အရေအတွက်များနှင့် Loop များဖြင့် ဒေတာ စီမံခန့်ခွဲခြင်း | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML လက်တွေ့အသုံးပြုမှု | အွန်လိုင်း Terrarium တည်ဆောက်ရန် HTML တည်ဆောက်ခြင်း၊ ဖော်စပ်ခြင်းအပေါ် အာရုံစိုက်ခြင်း | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS လက်တွေ့အသုံးပြုမှု | အွန်လိုင်း Terrarium အား အလှဆင်ရန် CSS တည်ဆောက်ခြင်း၊ CSS အခြေခံများနှင့် စာမျက်နှာကို ပြန်လည်တုံ့ပြန်နိုင်စေရန် အထူး အာရုံစိုက်ခြင်း | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closure များ၊ DOM ကိုင်တွယ်မှု | Terrarium ကို drag/drop အင်တာဖေ့စ် အဖြစ် ပြုလုပ်ရန် JavaScript ရေးဆွဲခြင်း၊ closure များနှင့် DOM ကိုင်တွယ်မှုအပေါ် အာရုံစိုက်ခြင်း | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ရိုက်နှိပ်မှု ကစားနည်း တည်ဆောက်ခြင်း | JavaScript အက်ပ်၏ လောဂစ်သွားလာမှုအတွက် Keyboard event များ အသုံးပြုနည်း | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Browser များနဲ့အလုပ်လုပ်ခြင်း | Browser မ်ား၏ လုပ်ငန်းစဉ်၊ သမိုင်းနောက်ခံ၊ browser extension ၏ ပထမဆုံးအရာများ ဖန်တီးနည်း | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | API ကို ခေါ်ယူခြင်း၊ form တည်ဆောက်ခြင်းနှင့် local storage တွင် သိမ်းဆည်းခြင်း | API ကိုခေါ်ရယူရန်နှင့် local storage တွင် သိမ်းဆည်းထားသော variable များကို အသုံးပြုသော browser extension ၏ JavaScript အစိတ်အပိုင်းများ တည်ဆောက်ခြင်း | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Browser အတွင်း backround proccess များ၊ ဝက်ဘ်စွမ်းဆောင်ရည် | Extension icon ကို စီမံရေးဆွဲရန် browser ၏ background process များကို သုံးခြင်း၊ ဝက်ဘ်စွမ်းဆောင်ရည်နှင့် တချို့သော ထိရောက်မှုများအပေါ် သိမြင်ရန် | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript ဖြင့် များပြားသောဂိမ်းဖွံ့ဖြိုးမှုအဆင့်မြင့် | Classes နှင့် Composition ကို သုံးပြီး Inheritance အကြောင်း နှင့် Pub/Sub ပုံစံကို သင်ယူပြီး ဂိမ်းတစ်ခု ဖန်တီးရန် ပြင်ဆင်ခြင်း | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas တွင် ဆွဲဆောင်ခြင်း | Canvas API ကို စာမျက်နှာပေါ်တွင် element များ ထည့်ရန် အသုံးပြုမှု | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | စာမျက်နှာပေါ်တွင် element များကို ရွှေ့ပြောင်းခြင်း | Cartesian coordinates နှင့် Canvas API ကို အသုံးပြုကာ element များကို ရွှေ့ပြောင်းပေးရန် သင်ယူခြင်း | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | တွယ်ထိုးမှု မှတ်ချက်များ | keypress များ အသုံးပြုပြီး element များကို တွယ်ထိုးခြင်းနှင့် တစ်ခုနှင့်တစ်ခု ထိတွေ့ပြီး လုပ်ဆောင်နိုင်စေရန် cooldown function တစ်ခု ဖန်တီးခြင်း | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | မှတ်တမ်း ထိန်းသိမ်းခြင်း | ဂိမ်း၏ အခြေအနေ နှင့် စွမ်းဆောင်ရည် အပေါ် ရှိ သင်္ချာတွက်ချက်ချက်များ ပြုလုပ်ခြင်း | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ဂိမ်းကို နှုတ်ဆက်ပြီး ပြန်စတင်ခြင်း | ဂိမ်းအစစ ပြီးဆုံးခြင်းနှင့် ပြန်စတင်ခြင်းအကြောင်း၊ အရင်းအမြစ်များ သန့်ရှင်းသည်ြဖစ်စေရန် နှင့် variable တန်ဖိုးများ ပြန်လည်သတ်မှတ်ခြင်း | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ဝက်ဘ်အက်ပ်တွင် HTML Template များနှင့် Route များ | မျက်နှာတစ်ခုထက်ပိုသော ဝက်ဘ်ဆိုက် ဖွဲ့စည်းမှုအတွက် routing နှင့် HTML template များ ဖြင့် စနစ်တစ်ခု တည်ဆောက်နည်း | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Login နှင့် Registration form ဖန်တီးခြင်း | form များတည်ဆောက်ခြင်းနှင့် အတည်ပြုလုပ်ဆောင်မှုများကို ကိုင်တွယ်ခြင်း | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ဒေတာ ရယူခြင်းနှင့် အသုံးပြုနည်းများ | သင်၏အက်ပ်ဖြင့် ဒေတာ လှုပ်ရှားပုံ၊ ဒေတာ ရယူခြင်း၊ သိမ်းဆည်းခြင်းနှင့် ဖယ်ရှားခြင်း | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | အခြေအနေ စီမံခန့်ခွဲမှု အယူအဆများ | သင့်အက်ပ်၏ အခြေအနေပိုင်း စီမံခန့်ခွဲပုံနှင့် ပရိုဂရမ်ဖြင့် ထိန်းချုပ်နည်း | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ကို အသုံးပြုခြင်း | ကုဒ် တည်းဖြတ်ကိရိယာကို အသုံးပြုနည်း သင်ယူပါ| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ဖြင့် အလုပ်လုပ်ခြင်း | ကိုယ်ပိုင် AI အကူအညီသစ်တစ်ခု ဖန်တီးနည်း သင်ယူပါ | [AI Assistant project](./9-chat-project/README.md) | Chris |
| | ပရောဂျက်နာမည် | သင်ကြားပို့ချသော အယူအဆများ | စာသင်ကြားရည်မှတ်များ | ဆက်စပ်သင်ခန်းစာ | စာရေးဆရာ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | စတင်တက်ကြွခြင်း | ပြုလုပ်နည်းနှင့် ကိရိယာများ အကြောင်းနိဒါန်း | အခြေခံ programming language များ၏ အခြေခံတွေ့ရှိချက်များနှင့် ပရော်ဖက်ရှင်နယ် developer များ အလုပ်လုပ်သော ဆော့ဖ်ဝဲအကြောင်း လေ့လာပါ | [Programming Languages and Tools of the Trade ရှင်းလင်းချက်](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | စတင်တက်ကြွခြင်း | GitHub အခြေခံ၊ အဖွဲ့နှင့် ပူးပေါင်းဆောင်ရွက်ခြင်း | ၎င်းကို သင့်ပရောဂျက်မှာ ဘယ်လိုသုံးရမည်၊ အခြားသူများနှင့် code base ပေါ်တွင် ပူးပေါင်းလုပ်ဆောင်ချင်ရင် ဘယ်လိုစီမံရမည် | [GitHub အကြောင်း](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | စတင်တက်ကြွခြင်း | ဝက်ဘ်ရရှိနိုင်မှု | ဝက်ဘ်လ accessibility အခြေခံများကို လေ့လာပါ | [Accessibility အခြေခံ](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS အခြေခံ | JavaScript ဒေတာအမျိုးအစား | JavaScript ဒေတာအမျိုးအစားအခြေခံများ | [ဒေတာအမျိုးအစား](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS အခြေခံ | functions နှင့် methods | အက်ပ်လီကေးရှင်း၏ logic flow ကို စီမံခန့်ခွဲပုံအတွက် function နှင့် method များကို လေ့လာပါ | [functions နှင့် methods](./2-js-basics/2-functions-methods/README.md) | Jasmine နှင့် Christopher |
| 06 | JS အခြေခံ | JS ဖြင့် ဆုံးဖြတ်ချက်ချခြင်း | နောက်ဆုံး ဆုံးဖြတ်ချက်များ ရေးသားရာတွင် decision-making method များကို အသုံးပြုရန် စသည်ဖြင့် လေ့လာပါ | [ဆုံးဖြတ်ချက်ချခြင်း](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS အခြေခံ | အမည်စဉ်များနှင့် loops | JavaScript တွင် ဒေတာ ကို အမည်စဉ်နှင့် loop များ သုံး၍ လုပ်ဆောင်ခြင်း | [အမည်စဉ်များနှင့် loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML အလေ့အကျင့် | အွန်လိုင်း terrarium တည်ဆောက်ရန် HTML တည်ဆောက်ခြင်း၊ layout ဖွဲ့စည်းပုံ အာရုံစိုက်ခြင်း | [HTML နိဒါန်း](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS အလေ့အကျင့် | အွန်လိုင်း terrarium ကို အလှဆင်ရန် CSS တည်ဆောက်ခြင်း၊ မူရင်းအခြေခံ CSS အပါအဝင် ပုံစံများကို မျှော်လင့်နိုင်အောင် ဆောက်ခြင်း | [CSS နိဒါန်း](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures နှင့် DOM ကိုင်တွယ်ခြင်း | terrarium ကို drag/drop interface အဖြစ် လုပ်ဆောင်စေရန် JavaScript တည်ဆောက်ခြင်း၊ closures နှင့် DOM ကိုင်တွယ်မှု အာရုံစိုက်ခြင်း | [JavaScript Closures၊ DOM ကိုင်တွယ်ခြင်း](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Typing Game တည်ဆောက်ခြင်း | သင့် JavaScript app ၏ logic ကို ဂျင်နီကြီး event များဖြင့် ထိန်းချုပ်ပုံ လေ့လာပါ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ဘရောက်ဇာများနှင့်လုပ်ဆောင်ခြင်း | ဘရောက်ဇာများ ဘယ်လိုအလုပ်လုပ်သည်၊ ၎င်းတို့၏သမိုင်းနှင့် ဘရောက်ဇာ extension ၏ ပထမဦးဆုံး အစိတ်အပိုင်းများကို ဖွဲ့ဆောက်ပုံ လေ့လာပါ | [ဘရောက်ဇာများအကြောင်း](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Form တစ်ခုကောင်း API ကိုခေါ်ပြီး ဒေတာများကို local storage တွင်သိမ်းဆည်းခြင်း | API ကိုခေါ်ရန် JavaScript element များကို(browser extension ရေးဆွဲရန် ) local storage တွင် သိမ်းဆည်းထားသော 변수를 သုံး၍ ဖန်တီးခြင်း | [API များ၊ Forms နှင့် Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ဘရောက်ဇာ၏ နောက်ခံလုပ်ငန်းများနှင့် ဝက်ဘ် စွမ်းဆောင်ရည် | အဲဒီ extension ၏ icon ကို စီမံရန် ဘရောက်ဇာ၏ နောက်ခံလုပ်ငန်းများကို အသုံးပြုခြင်း; ဝက်ဘ် စွမ်းဆောင်ရည်နှင့် အချို့သော တိုးတက်မှုများကို လေ့လာခြင်း | [နောက်ခံလုပ်ငန်းနှင့် စွမ်းဆောင်ရည်](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript ဖြင့် Game ဖွံ့ဖြိုးတိုးတက်မှု အဆင့်မြင့် | Classes နှင့် Composition နှစ်ခုလုံးကို အသုံးပြုပြီး ဥစ္စာအမွေပိုင်ခွင့် နှင့် Pub/Sub နမူနာကို လေ့လာပြီး ဂိမ်းတည်ဆောက်ရန် အသင့်ဖြစ်စေခြင်း | [အဆင့်မြင့် ဂိမ်းဖွံ့ဖြိုးတိုးတက်မှု နိဒါန်း](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | canvas ပေါ်သို့ ဆွဲခြင်း | screen ပေါ်သို့ ထုတ်ဖော်ဆွဲဆောင်ရန် အသုံးပြုသော Canvas API ကို လေ့လာပါ | [canvas ပေါ်သို့ ဆွဲခြင်း](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | ပြင်ပ screen ပေါ်တွင် လှုပ်ရှားမှုလုပ်ခြင်း | cartesian မြေပုံဆွဲပုံနှင့် Canvas API ကို အသုံးပြုပြီး element များအား လှုပ်ရှားမှု ပေးနိုင်ခြင်းကို ရှာဖွေပါ | [element များ အပြင်ပတ်လှည့် လှုပ်ရှားမှု](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ပစ်မှတ်မှီခြင်း ရှာဖွေခြင်း | keypress event များသုံးပြီး element များကို တစ်စုံတစ်ခုနှင့် ထိတွေ့ပစ်မှတ် ပြုလုပ်ခြင်းနှင့် performance အတွက် cooldown လုပ်ပုံ လေ့လာပါ | [ပစ်မှတ်မှီခြင်းရှာဖွေခြင်း](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | အမှတ်ရေ ထိန်းသိမ်းခြင်း | ဂိမ်း၏ အခြေအနေနှင့် စွမ်းဆောင်ရည် အပေါ် အခြေခံ၍ သင်္ချာဆိုင်ရာ တွက်ချက်မှုများ သက်ဆိုင်ရာ ထင်ရှားမှု လေ့လာပါ | [အမှတ်ရေ ထိန်းသိမ်းခြင်း](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ဂိမ်းအဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | ဂိမ်းအဆုံးသတ်ခြင်းနှင့် ပြန်စတင်မှု အကြောင်း၊ asset များကို ရှင်းလင်းခြင်းနှင့် သတ်မှတ်ထားသော variable များ ပြန်စတင်ခြင်း လေ့လာပါ | [အဆုံးသတ်ချက်](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ဝက်ဘ် app တွင် HTML Template များနှင့် Route များ | Routing နှင့် HTML template များ အသုံးပြုပြီး multipage ဝက်ဘ်ဆိုက်၏ အပေါ်အဖွဲ့အစည်း ဖန်တီးပုံ လေ့လာပါ | [HTML Template များနှင့် Route များ](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Login နှင့် Registration Form တည်ဆောက်ခြင်း | form များ ဖန်တီးပုံနှင့် စစ်ဆေးမှု routine များကို ကိုင်တွယ်ပုံ လေ့လာပါ | [Form များ](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ဒေတာ ရယူသုံးစွဲနည်းများ | သင့် app အတွင်း ပေါက်ပြော ပြန်လည်သုံးစွဲမှု၊ ဖမ်းယူခြင်း၊ သိမ်းဆည်းခြင်း၊ ဖျက်ပစ်ခြင်းတို့ကို လေ့လာပါ | [ဒေတာ](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | အခြေအနေစီမံခန့်ခွဲမှုအယူအဆများ | သင့် app ၏ အခြေအနေကွက်လပ်များကို မည်သို့ တာဝန်ယူထားပြီး စီမံခန့်ခွဲရမည်ကို လေ့လာပါ | [အခြေအနေစီမံခန့်ခွဲမှု](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode နှင့် အလုပ်လုပ်ခြင်း | code editor အသုံးပြုခြင်းကို လေ့လာပါ| [VScode Code Editor ကို အသုံးပြုခြင်း](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI နှင့် အလုပ်လုပ်ခြင်း | ကိုယ့်ကိုယ်ပိုင် AI အကူအညီပေးသူတစ်ယောက်တည်ဆောက်နည်းကို လေ့လာပါ | [AI Assistant ပရောဂျက်](./9-chat-project/README.md) | Chris |
## 🏫 သင်ကြားမှု နည်းဗျူဟာ
ကျွန်ုပ်တို့၏ သင်ယူရေးအစီအစဉ်သည် အဓိက သင်ကြားမှု 원칙နှစ်ခုဖြင့် တည်ဆောက်ထားပါသည်။
* ပရောဂျက်အခြေပြု သင်ကြားမှု
* အကြိမ်ကြိမ် စစ်တမ်းများ
ကျွန်တော်တို့၏ သင်တန်းအစီအစဉ်သည် အဓိက သင်ကြားရေး နည်းဗျူဟာ နှစ်ခုဖြင့် ဒီဇိုင်း ပြုလုပ်ထားသည်-
* ပရောဂျက်အခြေခံ သင်ယူမှု
* မကြာခဏ မေးခွန်းဖြေခြင်း
ဒီအစီအစဉ်သည် JavaScript၊ HTML နှင့် CSS အခြေခံအချက်များ၊ နောက်ဆုံးပေါ် ဝက်ဘ်ဖန်တီးသူများက အသုံးပြုနေကြသော ကိရိယာနှင့် နည်းပညာများကို သင်ကြားပေးသည်။ ကျောင်းသားများသည် စတိုင်ပေါ်မှ typing game၊ virtual terrarium, eco-friendly browser extension, space-invader-style game နှင့် စီးပွားရေးလုပ်ငန်းအတွက် banking app တို့ကို တည်ဆောက်ခြင်းဖြင့် လက်တွေ့ အတွေ့အကြုံ ရရှိနိုင်မည်ဖြစ်သည်။ စီးရီးအဆုံးတွင် ကျောင်းသားများသည် ဝက်ဘ်ဖန်တီးမှုကို များစွာ နားလည်တတ်မြောက်မည်ဖြစ်သည်။
ဒီအစီအစဉ်သည် JavaScript, HTML, CSS ၏ အခြေခံများနှင့် ဆက်လက်အသုံးပြုသော နောက်ဆုံးပေါ် ကိရိယာများ၊ နည်းစနစ်များအား သင်ကြားပေးသည်။ ကျောင်းသားများသည် typing game, virtual terrarium, သဘာဝနှင့်ပတ်သက်သော browser extension, space-invader ဂိမ်းပုံစံဂိမ်း၊ နိုင်ငံအသီးသီးအတွက် ဘဏ် app တို့ကို လက်တွေ့ ဖန်တီးနိုင်ရန်အခွင့်အရေး ရရှိမည်ဖြစ်သည်။ စီးရီးအဆုံးသတ်သည်အထိ ဝက်ဘ်ဖွံ့ဖြိုးမှုကို စနစ်တကျနားလည်မှု အရမ်းကြီးရရှိမည်ဖြစ်သည်။
> 🎓 သင်သည် Microsoft Learn တွင် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် ဒီသင်ခန်းစာတစ်ချို့ကို စမ်းသပ်နိုင်ပါသည်!
> 🎓 Microsoft Learn တွင် [သင်ယူမှု လမ်းကြောင်း](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် ဒီသင်တန်းအစီအစဉ်မှ ပထမဆုံးသင်ခန်းစာများကို လေ့လာနိုင်ပါသည်!
အကြောင်းအရာသည် ပရောဂျက်များနှင့် ကိုက်ညီအောင် ဖန်တီးထားခြင်းကြောင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားဖွယ်ဖြစ်ပြီး အယူအဆများကို ပိုမိုမှတ်သားနိုင်မည်ဖြစ်သည်။ ကျွန်ုပ်တို့သည် JavaScript အခြေခံ သင်ခန်းစာများ အနည်းငယ်ကို စတင်ရေးသားထားပြီး၊ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယိုသင်ခန်းစာစုများထဲမှ ဗီဒီယိုတစ်ခုဖုန်းလိုက်ပြီး၊ စာရေးသူတချို့သည် ဒီအစီအစဉ်အတွက် ထောက်ပံ့ခဲ့ကြသည်။
အကြောင်းအရာအား ပရောဂျက်နှင့် ကိုက်ညီအောင် သေချာစေရန်ဖြင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားမှုရှိစေပြီး အယူအဆအား ကြာရှည် မှတ်ထားနိုင်စေရန် ဖြစ်ပါသည်။ JavaScript အခြေခံများအကြောင်း ဖော်ပြသည့် ပြောကြား ခင်းကျင်းသင်တန်းများကို "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဆွဲဆောင်မှုဗွီဒီယိုများဖြင့်တွဲဖက်ရေးသားထားသည်၊ ၎င်းသင်တန်းစာရင်းတွင် ဆရာစာရေးသူများလည်း ပါဝင်သည်။
ထို့အပြင် သင်ခန်းစာမတိုင်မီ အနည်းငယ်သော စစ်တမ်းတစ်ခုသည် ကျောင်းသား၏ သင်ယူမှုရည်ရွယ်ချက်အား သတ်မှတ်ပေးပြီး၊ သင်ခန်းစာပြီးနောက် ဖျော်ဖြေစစ်တမ်းတစ်ခုသည် နောက်ထပ် မှတ်သားမှုကို အတည်ပြုသည်။ ဒီအစီအစဉ်ကို လွယ်ကူပျော်ရွှင်စွာ ပြုလုပ်နိုင်ပြီး အစိတ်အပိုင်းအလိုက် သို့မဟုတ် တစ်ပြိုင်နက်လုံး သင်ယူနိုင်ပါသည်။ ပရောဂျက်များသည် သေးငယ်စွာစတင်ပြီး ၁၂ ပတ်စာ အချုပ်အခြာအတွင်း မှာသာ များပြားခက်ခဲလာသည်။
ထို့အပြင် အတန်းမတိုင်မှီ အလယ်အလတ် မေးခွန်းဖြေစစ်ဆေးမှုသည် ကျောင်းသားကို သင်ကြားမှတ်တမ်း ရေးသားရန် ရည်ရွယ်ချက် သတ်မှတ်ပေးပြီး၊ အတန်းအပြီး သစ်မေးခွန်းဖြေခြင်းမှဖြင့် ထပ်မံ သိရှိမှု ရရှိစေသည်။ ဒီအစီအစဉ်ဟာ နူးညံ့ တည်ငြိမ်ပြီး ပျော်စရာရှိစေရန် ဒီဇိုင်းပြုလုပ်ထားပြီး၊ စုစုပေါင်း သို့မဟုတ် အချို့ကိုသာ သင်ယူနိုင်ပါသည်။ ပရောဂျက်များသည် သေးငယ်သည် မှ များပြားအောင် ၁၂ ပတ်အတွင်း တိုးတက်လာပါသည်။
JavaScript framework များကို မိတ်ဆက်ရန် ရည်ရွယ်ချက်မရှိပေမယ့်၊ ဝက်ဘ်ဖန်တီးသူ တစ်ဦးအနေနဲ့ လိုအပ်သော အခြေခံကျသော ကျွမ်းကျင်မှုများကို ရရှိရန် အရင်ဆုံး သင်ကြားခြင်းဖြစ်ပြီး၊ ဒီအစီအစဉ် ပြီးမြောက်ရန်အတွက် နောက်တစ်ခုအဆင့် အဖြစ် Node.js ကို "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယိုစုရုပ်မှတ်တမ်းကနေ သင်ယူနိုင်ပါသည်။
JavaScript framework များကို ကပ်ထားကြောင်း ကြိုတင်ကာကွယ်ပေးထားသည်၊ framework ကို သုံးရန်မတိုင်မီ ဝက်ဘ် developer အနေနဲ့ လိုအပ်သော အခြေခံကျွမ်းကျင်မှုများကို အထူးထား၍ သင်ယူစေချင်ပါသည်။ ဒီအစီအစဉ်ပြီးစီးရန် နောက်တခုကောင်းမွန်သော အဆင့်မှာ Node.js ကို "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ဗွီဒီယိုများထဲက သင်ယူခြင်း ဖြစ်မည်။
> ကျွန်ုပ်တို့၏ [Code of Conduct](CODE_OF_CONDUCT.md) နှင့် [Contributing](CONTRIBUTING.md) လမ်းညွှန်များကို လေ့လာပါ။ သင့်၏ ဖွံ့ဖြိုးတိုးတက်မှုဆိုင်ရာ တုံ့ပြန်ချက်များကို ကြိုဆိုပါသည်။
> ကျွန်တော်တို့ရဲ့ [စည်းကမ်းချက်များ](CODE_OF_CONDUCT.md) နှင့် [အကူအညီ ပေးခြင်း](CONTRIBUTING.md) လမ်းညွှန်များကို လည်ပတ်ကြည့်ရှုနိုင်ပါသည်။ သင့်ရဲ့ ကောင်းမွန်တဲ့ တုံ့ပြန်ချက်များကို ကြိုဆိုပါသည်။
## 🧭 အော့ဖ်လိုင်းလက်လီချိတ်ဆက်မှု
## 🧭 အော့ဖ်လိုင်း အသုံးပြုရန်
[Docsify](https://docsify.js.org/#/) ကို အသုံးပြု၍ ဒီစာရွက်စာတမ်းကို အော့ဖ်လိုင်းတွင် ဖတ်ရှုနိုင်ပါသည်။ repo ကို fork ပြုလုပ်ပြီး၊ သင့်ဒက်စတော့ပေါ်သို့ [Docsify ကို 설치](https://docsify.js.org/#/quickstart) ပြုလုပ်ပါ၊ ထို့နောက် ဒီ repo ၏ ပင်မ ဖိုလ်ဒါတွင် `docsify serve` ကို ရိုက်ထည့်မည်ဖြင့် local server သို့ ဝက်ဘ်ဆိုက်အား port 3000 တွင် ေပးဆောင်ပါမည်။ ဒီတော့သင့် browser မှ `localhost:3000` တို့ တွင် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။
[Docsify](https://docsify.js.org/#/) ကို အသုံးပြု၍ ဒီစာတမ်းကို အော့ဖ်လိုင်းတွင် အသုံးပြုနိုင်သည်။ ဒီ repo ကို fork ပြီး၊ သင့် ဒေသန္တရ စက်တွင် [Docsify ကို install](https://docsify.js.org/#/quickstart) ပြုလုပ်ပါ၊ ထို့နောက် repo ၏ မူလ ဖိုလ်ဒါတွင် `docsify serve` ဟုရိုက်ထည့်ပါ။ ၀က်ဘ်ဆိုဒ်သည် သင့် localhost ကိုပေါ့(port) 3000 ပေါ်တွင် တင်ဆက်မည်ဖြစ်ပါသည်။ `localhost:3000`။
## 📘 PDF
သင်ခန်းစာများအားလုံး၏ PDF ကို [ဒီနေရာတွင်](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ရှာတွေ့နိုင်ပါသည်။
သင်ခန်းစာများ အားလုံးကို တစ်နေရာတည်းမှ [ဒီမှာ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) PDF အဖြစ် ရယူနိုင်ပါသည်။
## 🎒 အခြားသင်တန်းများ
ကျွန်ုပ်တို့၏အသင်းသည် အခြားသင်တန်းများကိုလည်း ထုတ်လုပ်ပါသည်! ကြည့်ရှုပါ:
ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်ပေးသည်! စစ်ဆေးကြည့်ပါ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### 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)
[![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 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)
---
### Azure / Edge / MCP / Agents
@ -242,23 +245,23 @@ JavaScript framework များကို မိတ်ဆက်ရန် ရည
[![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 -->
## ကူညီမှုရယူရန်
## အကူအညီရယူခြင်း
AI အက်ပ်များကို တည်ဆောက်ရာတွင် အခက်အခဲများရှိသည်거나 မေးခွန်းများရှိပါက MCP အကြောင်းကို အတူတကွလေ့လာသူများနှင့် အတွေ့အကြုံရှိသော ဖွံ့ဖြိုးသူများနှင့် တွေ့ဆုံဆွေးနွေးနိုင်ပါသည်။ ၎င်းသည် မေးခွန်းများကို ကြိုဆိုပြီး ဗဟုသုတကို အခမဲ့မျှဝေသော ပံ့ပိုးမှုရှိသော အသိုင်းအဝိုင်းတစ်ခုဖြစ်သည်။
AI app များဖန်တီးရာတွင် ပိတ်ဆို့သွားပါက သို့မဟုတ် မေးခွန်းများရှိပါက MCP နှင့်ပတ်သက်၍ ရင်းနှီးပြီး ကြုံတွေ့အတွေ့အကြုံများရှိသော Developer များနှင့် လေ့လာသူများအဖွဲ့နှင့် ဆွေးနွေးပွဲများတွင် ပါဝင်ဆွေးနွေးနိုင်ပါသည်။ ဤသည်မှာ မေးခွန်းများကို ကြိုဆိုသော၊ အသိပညာကို လွတ်လပ်စွာမျှဝေသော ကူညီပံ့ပိုးမှုရှိသော အဖွဲ့အစည်းတစ်ခုဖြစ်သည်။
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ထုတ်ကုန်တုံ့ပြန်ချက်များ သို့မဟုတ် အမှားများဖြစ်ပေါ်ပါက ဖော်ပြထားသော နေရာသို့ သွားရောက်ကြည့်ရှုနိုင်သည်။
ထုတ်ကုန်တုံ့ပြန်ချက်များ သို့မဟုတ် ဖန်တီးလျှင် အမှားများရှိပါက အောက်ပါနေရာသို့ သွားရောက်ကြည့်ရှုနိုင်သည်။
[![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)
## ခွင့်ပြုချက်
## အသိအမှတ်ပြုမူ
ဤ စုစည်းမှုကို MIT ခွင့်ပြုချက်ဖြင့် လိုင်စင်ရှိပါသည်။ အသေးစိတ်အချက်အလက်များအတွက် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ရှုပါ။
ဤ repository သည် MIT ဘာသာမူအောက်တွင် အသိအမှတ်ပြုထားပါသည်။ အသေးစိတ်အချက်လက်များအတွက် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ရှုပါ။
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**အကြောင်းကြားချက်**
ဤစာရွက်စာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ဖြင့် ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှုအတွက် ကြိုးစားတတ်သောကြောင့်၊ အလိုအလျောက် ဘာသာပြန်ခြင်းတွင် အမှားများ သို့မဟုတ် မှားယွင်းချက်များ ဖြစ်ပေါ်နိုင်ကြောင်း သတိပြုဖို့လိုအပ်ပါသည်။ မူရင်းစာရွက်စာတမ်းကို မူလဘာသာဖြင့်သာ ခံယူသင့်သော တရားဝင်အရင်းအမြစ်အဖြစ် ထားရှိသင့်ပါသည်။ အရေးကြီးသော သတင်းအချက်အလက်များအတွက် သက်ဆိုင်ရာလူတို့၏ ပရော်ဖက်ရှင်နယ်ဘာသာပြန်ခြင်းကို အကြံပြုပါသည်။ ဤဘာသာပြန်ခြင်းကို အသုံးပြုရာတွင် ဖြစ်ပေါ်လာသော နားလည်မှုမှားယွင်းခြင်း သို့မဟုတ် မှားအဓိပ္ပါယ်ယူခြင်းများအတွက် ကျွန်ုပ်တို့ အပြစ်မရှိပါ။
**ရှင်းလင်းချက်**
ဤစာတမ်းကို AI ဘာသာပြန်ဝန်ဆောင်မှု [Co-op Translator](https://github.com/Azure/co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်ထားပါသည်။ ကျွန်ုပ်တို့သည် တိကျမှန်ကန်မှုအတွက် ကြိုးပမ်းသော်လည်း အလိုအလျောက်ဘာသာပြန်ခြင်းမှ အမှားယွင်းမှုများ ဖြစ်ပေါ်နိုင်ကြောင်း သတိပြုပါရန် တောင်းဆိုအပ်ပါသည်။ မူလစာတမ်းကို မိသားဘာသာဖြင့်သာ သာမန်အတိုင်း ယုံကြည်စိတ်ချရသော အချက်အလက်အရင်းအမြစ်အဖြစ်ယူဆပါရစေ။ အရေးကြီးသည့် သတင်းအချက်အလက်များအတွက် လူ့ဘာသာပြန် ဝန်ဆောင်မှုကိုသာ အသုံးပြုရန် အကြံပြုပါသည်။ ဤဘာသာပြန်ချက် အသုံးပြုမှုကြောင့် ဖြစ်ပေါ်သော အမှားနားလည်မှုများအတွက် ကျွန်ုပ်တို့ တာဝန်မရှိပါ။
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:41:43+00:00",
"translation_date": "2026-02-06T10:14:20+00:00",
"source_file": "AGENTS.md",
"language_code": "sl"
},
@ -516,8 +516,8 @@
"language_code": "sl"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:16:38+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:08:51+00:00",
"source_file": "README.md",
"language_code": "sl"
},

358
translations/sl/AGENTS.md
Unescape View File

@ -2,166 +2,166 @@
## Pregled projekta
To je izobraževalni repozitorij za poučevanje osnov spletnega razvoja za začetnike. Kurikulum je obsežen 12-tedenski tečaj, ki so ga razvili Microsoftovi Cloud Advocates, in vključuje 24 praktičnih lekcij, ki pokrivajo JavaScript, CSS in HTML.
To je izobraževalno skladišče kurikuluma za učenje osnov spletnega razvoja za začetnike. Kurikulum je obsežen 12-tedenski tečaj, ki ga je razvil Microsoft Cloud Advocates in vsebuje 24 praktičnih lekcij o JavaScriptu, CSS-u in HTML-u.
### Ključne komponente
### Ključne sestavine
- **Izobraževalna vsebina**: 24 strukturiranih lekcij, organiziranih v module, ki temeljijo na projektih
- **Praktični projekti**: Terarij, igra tipkanja, razširitev za brskalnik, vesoljska igra, bančna aplikacija, urejevalnik kode in AI klepetalni asistent
- **Interaktivni kvizi**: 48 kvizov s po 3 vprašanji (predhodne/naknadne ocene lekcij)
- **Podpora za več jezikov**: Samodejni prevodi v več kot 50 jezikov prek GitHub Actions
- **Izobraževalna vsebina**: 24 strukturiranih lekcij organiziranih v modulih na osnovi projektov
- **Praktični projekti**: Terrarium, Typing Game, Razširitev brskalnika, Space Game, Banking App, Urejevalnik kode in AI Chat Assistant
- **Interaktivni kvizi**: 48 kvizov s po 3 vprašanji (pred/post-ocenjevanje lekcij)
- **Podpora za več jezikov**: Samodejni prevodi v več kot 50 jezikov preko GitHub Actions
- **Tehnologije**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (za AI projekte)
### Arhitektura
- Izobraževalni repozitorij s strukturo, ki temelji na lekcijah
- Vsaka mapa lekcije vsebuje README, primere kode in rešitve
- Samostojni projekti v ločenih mapah (quiz-app, različni projekti lekcij)
- Sistem prevajanja prek GitHub Actions (co-op-translator)
- Dokumentacija na voljo prek Docsify in kot PDF
- Izobraževalno skladišče z lekcijsko zasnovo
- Vsaka mapa lekcije vsebuje README, primer kode in rešitve
- Samostojni projekti v ločenih imenikih (quiz-app, različni lekcijski projekti)
- Sistem prevajanja z uporabo GitHub Actions (co-op-translator)
- Dokumentacija strežena preko Docsify in na voljo kot PDF
## Ukazi za nastavitev
## Ukazi za namestitev
Ta repozitorij je namenjen predvsem porabi izobraževalne vsebine. Za delo s specifičnimi projekti:
To skladišče je namenjeno predvsem za izobraževalno porabo vsebin. Za delo s specifičnimi projekti:
### Nastavitev glavnega repozitorija
### Glavna nastavitev skladišča
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Nastavitev aplikacije za kvize (Vue 3 + Vite)
### Nastavitev Quiz Aplikacije (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Zaženi razvojni strežnik
npm run build # Zgradi za produkcijo
npm run lint # Zaženi ESLint
```
### API za bančni projekt (Node.js + Express)
### API za Bankarski projekt (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Zaženi API strežnik
npm run lint # Zaženi ESLint
npm run format # Formatiraj s Prettierjem
```
### Projekti razširitev za brskalnik
### Projekti razširitev brskalnika
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Sledite navodilom za nalaganje razširitve, ki so specifična za brskalnik
```
### Projekti vesoljske igre
### Projekti Space Game
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Odprite index.html v brskalniku ali uporabite Live Server
```
### Projekt klepeta (Python Backend)
### Chat projekt (Python backend)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Nastavite spremenljivko okolja GITHUB_TOKEN
python api.py
```
## Delovni proces razvoja
## Razvojni potek
### Za prispevajoče k vsebini
### Za prispevavce vsebin
1. **Forkajte repozitorij** na svoj GitHub račun
1. **Forkajte skladišče** na svoj GitHub račun
2. **Klonirajte svoj fork** lokalno
3. **Ustvarite novo vejo** za svoje spremembe
4. Naredite spremembe v vsebini lekcij ali primerih kode
5. Preizkusite spremembe kode v ustreznih mapah projektov
6. Pošljite pull requeste v skladu s smernicami za prispevanje
4. Spreminjajte vsebino lekcije ali primere kode
5. Preizkusite spremembe v relevantnih projektnih mapah
6. Pošljite pull requeste skladno s pravili prispevkov
### Za učence
1. Forkajte ali klonirajte repozitorij
2. Zaporedno se premikajte po mapah lekcij
3. Preberite README datoteke za vsako lekcijo
4. Opravite kvize pred lekcijo na https://ff-quizzes.netlify.app/web/
5. Delajte skozi primere kode v mapah lekcij
6. Opravite naloge in izzive
7. Opravite kvize po lekciji
1. Forkajte ali klonirajte skladišče
2. Zaporedno se pomikajte skozi lekcijske mape
3. Preberite datoteke README za vsako lekcijo
4. Opravite pred-lekcijske kvize na https://ff-quizzes.netlify.app/web/
5. Izvedite primere kode v lekcijskih mapah
6. Opravite domače naloge in izzive
7. Opravite post-lekcijske kvize
### Razvoj v živo
- **Dokumentacija**: Zaženite `docsify serve` v korenu (port 3000)
- **Aplikacija za kvize**: Zaženite `npm run dev` v mapi quiz-app
- **Projekti**: Uporabite razširitev Live Server v VS Code za HTML projekte
- **API projekti**: Zaženite `npm start` v ustreznih API mapah
- **Dokumentacija**: Zaženite `docsify serve` v korenskem imeniku (port 3000)
- **Quiz Aplikacija**: Zaženite `npm run dev` v imeniku quiz-app
- **Projekti**: Uporabite razširitev VS Code Live Server za HTML projekte
- **API Projekti**: Zaženite `npm start` v ustreznih API imenikih
## Navodila za testiranje
### Testiranje aplikacije za kvize
### Testiranje Quiz aplikacije
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Preveri težave s slogom kode
npm run build # Preveri, da je gradnja uspešna
```
### Testiranje bančnega API-ja
### Testiranje Bank API
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Preveri težave s slogom kode
node server.js # Preveri, ali se strežnik zažene brez napak
```
### Splošni pristop k testiranju
### Splošen pristop testiranja
- To je izobraževalni repozitorij brez obsežnih avtomatiziranih testov
- To je izobraževalno skladišče brez obsežnih avtomatiziranih testov
- Ročno testiranje se osredotoča na:
- Primeri kode se izvajajo brez napak
- Koda se izvaja brez napak
- Povezave v dokumentaciji delujejo pravilno
- Projekti se uspešno gradijo
- Primeri sledijo najboljšim praksam
- Projekti se uspešno zgradijo
- Primeri sledijo dobrim praksam
### Preverjanja pred oddajo
- Zaženite `npm run lint` v mapah s package.json
- Preverite, ali so povezave v markdownu veljavne
- Testirajte primere kode v brskalniku ali Node.js
- Preverite, ali prevodi ohranjajo pravilno strukturo
- Zaženite `npm run lint` v imenikih z package.json
- Preverite, da so markdown povezave veljavne
- Preizkusite primere kode v brskalniku ali Node.js
- Preverite, da prevodi ohranjajo pravilno strukturo
## Smernice za slog kode
### JavaScript
- Uporabljajte sodobno sintakso ES6+
- Sledite standardnim ESLint konfiguracijam, ki so na voljo v projektih
- Uporabljajte smiselna imena spremenljivk in funkcij za izobraževalno jasnost
- Dodajte komentarje, ki razlagajo koncepte za učence
- Formatirajte s Prettier, kjer je konfiguriran
- Sledite standardnim konfiguracijam ESLint v projektih
- Uporabljajte smiselna imena spremenljivk in funkcij za jasnost
- Dodajte komentarje, ki razlagajo pojme za učence
- Formatirajte s Prettier, kjer je nastavljeno
### HTML/CSS
- Semantični HTML5 elementi
- Načela odzivnega oblikovanja
- Jasne konvencije poimenovanja razredov
- Komentarji, ki razlagajo CSS tehnike za učence
- Principi odzivnega oblikovanja
- Jasne konvencije za poimenovanje razredov
- Komentarji, ki pojasnjujejo CSS tehnike za učence
### Python
- Smernice sloga PEP 8
- Jasni, izobraževalni primeri kode
- Namigi tipov, kjer so koristni za učenje
- Tipizacije, kjer so koristne za učenje
### Dokumentacija v Markdownu
### Markdown dokumentacija
- Jasna hierarhija naslovov
- Bloki kode z navedbo jezika
@ -171,112 +171,112 @@ node server.js # Verify server starts without errors
### Organizacija datotek
- Lekcije oštevilčene zaporedno (1-getting-started-lessons, 2-js-basics itd.)
- Vsak projekt ima `solution/` in pogosto `start/` ali `your-work/` mape
- Lekcije oštevilčene zaporedno (1-getting-started-lessons, 2-js-basics, itd.)
- Vsak projekt ima mape `solution/` in pogosto `start/` ali `your-work/`
- Slike shranjene v lekcijsko specifičnih mapah `images/`
- Prevedene datoteke v strukturi `translations/{language-code}/`
- Prevodi v strukturi `translations/{language-code}/`
## Gradnja in razmestitev
## Izgradnja in nameščanje
### Razmestitev aplikacije za kvize (Azure Static Web Apps)
### Namestitev Quiz aplikacije (Azure Static Web Apps)
Aplikacija quiz-app je konfigurirana za razmestitev na Azure Static Web Apps:
Quiz-aplikacija je konfigurirana za nameščanje na Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Ustvari mapo dist/
# Izvede nameščanje prek GitHub Actions delovnega toka ob potisku v main
```
Konfiguracija Azure Static Web Apps:
- **Lokacija aplikacije**: `/quiz-app`
- **Lokacija izhoda**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **Izhodna lokacija**: `dist`
- **Delovni tok**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generiranje PDF dokumentacije
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Namestite docsify-to-pdf
npm run convert # Ustvari PDF iz docs
```
### Dokumentacija Docsify
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Namestite Docsify globalno
docsify serve # Postrezite na localhost:3000
```
### Gradnje specifične za projekt
### Specifične gradnje projektov
Vsaka mapa projekta ima lahko svoj proces gradnje:
- Vue projekti: `npm run build` ustvari produkcijske pakete
- Statični projekti: Brez koraka gradnje, datoteke se strežejo neposredno
Vsaka projektna mapa ima lahko lasten postopek gradnje:
- Vue projekti: `npm run build` ustvarja produkcijske pakete
- Statični projekti: brez gradnje, datoteke strežete neposredno
## Smernice za pull requeste
## Pravila za pull requeste
### Format naslova
### Oblika naslova
Uporabljajte jasne, opisne naslove, ki nakazujejo področje spremembe:
Uporabljajte jasne, opisne naslove, ki kažejo področje spremembe:
- `[Quiz-app] Dodaj nov kviz za lekcijo X`
- `[Lesson-3] Popravi tipkarsko napako v projektu terarij`
- `[Lesson-3] Popravi tipkarsko napako v terrarium projektu`
- `[Translation] Dodaj španski prevod za lekcijo 5`
- `[Docs] Posodobi navodila za nastavitev`
- `[Docs] Posodobitev navodil za namestitev`
### Zahtevana preverjanja
### Zahtevane kontrole
Pred oddajo PR:
1. **Kakovost kode**:
- Zaženite `npm run lint` v prizadetih mapah projektov
- Popravite vse napake in opozorila lintanja
- Zaženite `npm run lint` v prizadetih imenikih
- Odpravite vse napake in opozorila
2. **Preverjanje gradnje**:
- Zaženite `npm run build`, če je primerno
- Prepričajte se, da ni napak pri gradnji
- Zaženite `npm run build`, če je potrebno
- Zagotovite, da ni napak pri gradnji
3. **Validacija povezav**:
3. **Preverjanje povezav**:
- Testirajte vse markdown povezave
- Preverite, ali reference slik delujejo
- Preverite delovanje referenc slik
4. **Pregled vsebine**:
- Preverite črkovanje in slovnico
- Prepričajte se, da so primeri kode pravilni in izobraževalni
- Preverite, ali prevodi ohranjajo izvirni pomen
- Preverite pravopis in slovnico
- Zagotovite pravilnost in izobraževalno vrednost primerov kode
- Preverite, da prevodi ohranjajo prvotni pomen
### Zahteve za prispevanje
### Zahteve za prispevek
- Strinjajte se z Microsoft CLA (avtomatsko preverjanje ob prvem PR)
- Strinjajte se z Microsoft CLA (avtomatska kontrola ob prvem PR)
- Sledite [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Glejte [CONTRIBUTING.md](./CONTRIBUTING.md) za podrobne smernice
- V opisu PR navedite številke težav, če je primerno
- Oglejte si [CONTRIBUTING.md](./CONTRIBUTING.md) za podrobna navodila
- V opisu PR navedite številke issuejev, kjer je primerno
### Proces pregleda
### Postopek pregleda
- PR-je pregledajo vzdrževalci in skupnost
- Izobraževalna jasnost je prioriteta
- PR-e pregledajo vzdrževalci in skupnost
- Prioriteta je izobraževalna jasnost
- Primeri kode naj sledijo trenutnim najboljšim praksam
- Prevedene vsebine pregledane za natančnost in kulturno ustreznost
- Prevodi pregledani zaradi natančnosti in kulturne ustreznosti
## Sistem prevajanja
### Samodejni prevod
### Avtomatski prevod
- Uporablja GitHub Actions z delovnim tokom co-op-translator
- Uporablja GitHub Actions z delovnim tokov co-op-translator
- Samodejno prevaja v več kot 50 jezikov
- Izvorne datoteke v glavnih mapah
- Izvorne datoteke v glavnih imenikih
- Prevedene datoteke v mapah `translations/{language-code}/`
### Dodajanje izboljšav ročnih prevodov
### Dodajanje ročnih izboljšav prevoda
1. Poiščite datoteko v `translations/{language-code}/`
2. Naredite izboljšave ob ohranjanju strukture
3. Prepričajte se, da primeri kode ostanejo funkcionalni
4. Testirajte lokalizirano vsebino kvizov
2. Izboljšajte vsebino, ohranjajte strukturo
3. Zagotovite delovanje primerov kode
4. Testirajte lokalizirano vsebino kviza
### Metapodatki prevodov
### Metapodatki prevoda
Prevedene datoteke vključujejo glavo metapodatkov:
Prevedene datoteke vsebujejo glavo z metapodatki:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,118 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Odpravljanje napak in težav
## Razhroščevanje in odpravljanje težav
### Pogoste težave
**Aplikacija za kvize se ne zažene**:
**Quiz aplikacija se ne zažene**:
- Preverite verzijo Node.js (priporočeno v14+)
- Izbrišite `node_modules` in `package-lock.json`, ponovno zaženite `npm install`
- Preverite konflikte portov (privzeto: Vite uporablja port 5173)
- Izbrišite `node_modules` in `package-lock.json`, nato zaženite `npm install`
- Preverite konflikte vrat (privzeto: Vite uporablja port 5173)
**API strežnik se ne zažene**:
- Preverite, ali verzija Node.js ustreza minimumu (node >=10)
- Preverite, ali je port že v uporabi
- Prepričajte se, da so vse odvisnosti nameščene z `npm install`
- Preverite, da je verzija Node.js >=10
- Preverite, če vrata že niso v uporabi
- Zagotovite, da so vse odvisnosti nameščene z `npm install`
**Razširitev za brskalnik se ne naloži**:
- Preverite, ali je manifest.json pravilno oblikovan
- Preverite napake v konzoli brskalnika
- Sledite navodilom za namestitev razširitev specifičnih za brskalnik
**Razširitev brskalnika se ne naloži**:
- Preverite pravilnost formata manifest.json
- Preglejte konzolo brskalnika za napake
- Upoštevajte navodila za namestitev razširitve za določen brskalnik
**Težave s projektom Python klepeta**:
- Prepričajte se, da je nameščen paket OpenAI: `pip install openai`
- Preverite, ali je okoljska spremenljivka GITHUB_TOKEN nastavljena
- Preverite dovoljenja za dostop do GitHub Models
**Težave s Python chat projektom**:
- Preverite, da je nameščen OpenAI paket: `pip install openai`
- Preverite, da je nastavljena okoljska spremenljivka GITHUB_TOKEN
- Preverite dovoljenja za dostop do GitHub modelov
**Docsify ne streže dokumentacije**:
- Namestite docsify-cli globalno: `npm install -g docsify-cli`
- Zaženite iz korenske mape repozitorija
- Preverite, ali `docs/_sidebar.md` obstaja
- Zaženite v korenskem imeniku skladišča
- Preverite, da obstaja `docs/_sidebar.md`
### Nasveti za razvojno okolje
- Uporabljajte VS Code z razširitvijo Live Server za HTML projekte
- Namestite razširitve ESLint in Prettier za dosledno oblikovanje
- Uporabljajte DevTools brskalnika za odpravljanje napak JavaScript
- Za Vue projekte namestite razširitev Vue DevTools za brskalnik
- Namestite razširitve ESLint in Prettier za enotno oblikovanje
- Uporabite brskalniška orodja za razvijalce za razhroščevanje JavaScript-a
- Za Vue projekte namestite Vue DevTools razširitev za brskalnik
### Premisleki o zmogljivosti
### Razmisleki o zmogljivosti
- Veliko število prevedenih datotek (50+ jezikov) pomeni, da so polni kloni veliki
- Uporabite plitki klon, če delate samo na vsebini: `git clone --depth 1`
- Izključite prevode iz iskanj, ko delate na vsebini v angleščini
- Procesi gradnje so lahko počasni ob prvem zagonu (npm install, Vite build)
- Veliko število prevedenih datotek (več kot 50 jezikov) pomeni velike klone
- Za delo le z vsebino uporabite plitek klon: `git clone --depth 1`
- Izključite prevode iz iskanja med delom na angleški vsebini
- Gradnje so lahko počasne ob prvem zagonu (npm install, Vite build)
## Premisleki o varnosti
## Varnostni vidiki
### Okoljske spremenljivke
- API ključi nikoli ne smejo biti vključeni v repozitorij
- Nikoli ne komitirajte API ključev v repozitorij
- Uporabljajte `.env` datoteke (že v `.gitignore`)
- Dokumentirajte zahtevane okoljske spremenljivke v README datotekah projektov
- Dokumentirajte potrebne okoljske spremenljivke v README-jih projektov
### Python projekti
- Uporabljajte virtualna okolja: `python -m venv venv`
- Ohranjajte odvisnosti posodobljene
- GitHub tokeni naj imajo minimalna potrebna dovoljenja
- Redno posodabljajte odvisnosti
- GitHub žetoni naj imajo minimalna potrebna dovoljenja
### Dostop do GitHub Models
### Dostop do GitHub modelov
- Osebni dostopni tokeni (PAT) so potrebni za GitHub Models
- Tokeni naj bodo shranjeni kot okoljske spremenljivke
- Nikoli ne vključujte tokenov ali poverilnic
- Za GitHub modele so potrebni osebni dostopni žetoni (PAT)
- Žetone shranjujte v okoljske spremenljivke
- Nikoli ne komitirajte žetonov ali poverilnic
## Dodatne opombe
### Ciljna publika
- Popolni začetniki v spletnem razvoju
- Študenti in samouki
- Popolni začetniki pri spletnem razvoju
- Študentje in samouki
- Učitelji, ki uporabljajo kurikulum v učilnicah
- Vsebina je zasnovana za dostopnost in postopno gradnjo veščin
- Vsebina je zasnovana za dostopnost in postopno gradnjo znanja
### Izobraževalna filozofija
### Filozofija izobraževanja
- Pristop učenja, ki temelji na projektih
- Pogosti preverjanja znanja (kvizi)
- Praktične vaje kodiranja
- Primeri uporabe v resničnem svetu
- Osredotočenost na osnove pred uporabo ogrodij
- Pristop učenja na osnovi projektov
- Pogoste preveritve znanja (kvizi)
- Praktične vaje programiranja
- Primeri uporabe v realnem svetu
- Osredotočenost na osnove pred ogrodji
### Vzdrževanje repozitorija
### Vzdrževanje skladišča
- Aktivna skupnost učencev in prispevajočih
- Aktivna skupnost učencev in prispevavcev
- Redne posodobitve odvisnosti in vsebine
- Težave in razprave spremljajo vzdrževalci
- Posodobitve prevodov samodejne prek GitHub Actions
- Vzdrževalci spremljajo issueje in razprave
- Posodobitve prevodov avtomatizirane z GitHub Actions
### Povezani viri
- [Microsoft Learn moduli](https://docs.microsoft.com/learn/)
- [Viri Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [Student Hub viri](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) priporočeno za učence
- Dodatni tečaji: Generativna AI, podatkovna znanost, ML, IoT kurikulumi na voljo
- Dodatni tečaji: Generativna AI, Podatkovna znanost, ML, IoT kurikulumi na voljo
### Delo s specifičnimi projekti
Za podrobna navodila o posameznih projektih glejte README datoteke v:
- `quiz-app/README.md` - Vue 3 aplikacija za kvize
- `7-bank-project/README.md` - Bančna aplikacija z avtentikacijo
Za podrobna navodila o posameznih projektih si oglejte README datoteke:
- `quiz-app/README.md` - Vue 3 quiz aplikacija
- `7-bank-project/README.md` - Bančniška aplikacija z avtentikacijo
- `5-browser-extension/README.md` - Razvoj razširitev za brskalnik
- `6-space-game/README.md` - Razvoj igre na osnovi Canvas
- `9-chat-project/README.md` - Projekt AI klepetalnega asistenta
- `6-space-game/README.md` - Razvoj igre na osnovi canvas-a
- `9-chat-project/README.md` - Projekt AI chat asistenta
### Struktura monorepoja
### Struktura monorepo skladišča
Čeprav ni tradicionalni monorepo, ta repozitorij vsebuje več neodvisnih projektov:
Čeprav ni tradicionalni monorepo, to skladišče vsebuje več samostojnih projektov:
- Vsaka lekcija je samostojna
- Projekti ne delijo odvisnosti
- Delajte na posameznih projektih, ne da bi vplivali na druge
- Klonirajte celoten repozitorij za celotno kurikulum izkušnjo
- Delo na posameznih projektih brez vpliva na druge
- Klonirajte celotno skladišče za celoten kurikulum
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Omejitev odgovornosti**:
Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem maternem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne prevzemamo odgovornosti za morebitna napačna razumevanja ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda.
Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da avtomatizirani prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v izvorni jezik velja za uradni vir. Za kritične informacije priporočamo strokoven človeški prevod. Za morebitne nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda, ne prevzemamo odgovornosti.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

221
translations/sl/README.md
Unescape View File

@ -10,115 +10,115 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Spletni razvoj za začetnike - kurikulum
# Spletni razvoj za začetnike - učni načrt
Naučite se osnov spletnega razvoja z našim 12-tedenskim celovitim tečajem, ki ga pripravljajo Microsoft Cloud Advocates. Vsaka izmed 24 lekcij se poglobi v JavaScript, CSS in HTML skozi praktične projekte, kot so terariji, razširitve brskalnika in vesoljske igre. Vključite se v kvize, razprave in praktične naloge. Izboljšajte svoje veščine in optimizirajte zadrževanje znanja z našo učinkovito metodologijo, ki temelji na projektih. Začnite svojo kodirno pot danes!
Naučite se osnov spletnega razvoja z našim 12-tedenskim celovitim tečajem, ki ga vodijo Microsoft Cloud Advocates. Vsaka od 24 lekcij poglobi JavaScript, CSS in HTML skozi praktične projekte kot so terariji, razširitve za brskalnike in vesoljske igre. Vključite se v kvize, razprave in praktične naloge. Izboljšajte svoje veščine in optimizirajte ohranjanje znanja z našo učinkovito projektno pedagogiko. Začnite svojo kodo danes!
Pridružite se skupnosti Azure AI Foundry na Discordu
Pridružite se skupnosti Azure AI Foundry Discord
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Sledite tem korakom, da začnete uporabljati te vire:
1. **Razvejite repozitorij**: Kliknite [![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)
Za začetek uporabe teh virov sledite naslednjim korakom:
1. **Razveji repozitorij**: Kliknite [![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. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Pridružite se Azure AI Foundry Discordu in spoznajte strokovnjake ter razvijalce**](https://discord.com/invite/ByRwuEEgH4)
3. [**Pridružite se Discordu Azure AI Foundry in spoznajte strokovnjake ter druge razvijalce**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Podpora več jezikov
#### Podprto preko GitHub Action (samodejno in vedno posodobljeno)
#### Podprto preko GitHub Action (avtomatizirano in vedno posodobljeno)
<!-- 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](../hu/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](./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ščina](../ar/README.md) | [Bengalščina](../bn/README.md) | [Bolgarščina](../bg/README.md) | [Burmanščina (Myanmar)](../my/README.md) | [Kitajščina (poenostavljena)](../zh-CN/README.md) | [Kitajščina (tradicionalna, Hong Kong)](../zh-HK/README.md) | [Kitajščina (tradicionalna, Macau)](../zh-MO/README.md) | [Kitajščina (tradicionalna, Tajvan)](../zh-TW/README.md) | [Hrvaščina](../hr/README.md) | [Češčina](../cs/README.md) | [Danščina](../da/README.md) | [Nizozemščina](../nl/README.md) | [Estonščina](../et/README.md) | [Finščina](../fi/README.md) | [Francoščina](../fr/README.md) | [Nemščina](../de/README.md) | [Grščina](../el/README.md) | [Hebrejščina](../he/README.md) | [Hindijščina](../hi/README.md) | [Madžarščina](../hu/README.md) | [Indonezijščina](../id/README.md) | [Italijanščina](../it/README.md) | [Japonščina](../ja/README.md) | [Kannada](../kn/README.md) | [Korejščina](../ko/README.md) | [Litovščina](../lt/README.md) | [Malajščina](../ms/README.md) | [Malajalščina](../ml/README.md) | [Maratščina](../mr/README.md) | [Nepalščina](../ne/README.md) | [Nigerijski pidžin](../pcm/README.md) | [Norveščina](../no/README.md) | [Perzijščina (farščina)](../fa/README.md) | [Poljščina](../pl/README.md) | [Portugalščina (Brazilija)](../pt-BR/README.md) | [Portugalščina (Portugalska)](../pt-PT/README.md) | [Pandžabščina (Gurmukhi)](../pa/README.md) | [Romunščina](../ro/README.md) | [Ruščina](../ru/README.md) | [Srbščina (cirilica)](../sr/README.md) | [Slovaščina](../sk/README.md) | [Slovenščina](./README.md) | [Španščina](../es/README.md) | [Svajili](../sw/README.md) | [Švedščina](../sv/README.md) | [Tagalog (filipino)](../tl/README.md) | [Tamilščina](../ta/README.md) | [Teluščina](../te/README.md) | [Tajščina](../th/README.md) | [Turščina](../tr/README.md) | [Ukrajinščina](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamščina](../vi/README.md)
> **Raje klonirate lokalno?**
> Ta repozitorij vključuje več kot 50 jezikovnih prevodov, kar znatno poveča velikost prenosa. Če želite klonirati brez prevodov, uporabite sparse checkout:
> Ta repozitorij vključuje več kot 50 jezikovnih prevodov, kar bistveno poveča velikost prenosa. Če želite klonirati brez prevodov, uporabite sparse checkout:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> Tako boste imeli vse, kar potrebujete za dokončanje tečaja, s precej hitrejšim prenosom.
> Tako boste dobili vse, kar potrebujete za dokončanje tečaja z veliko hitrejšim prenosom.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Če želite podpreti dodatne jezike prevodov, so ti navedeni [tukaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Če želite imeti dodatne podprte jezike prevodov, so navedeni [tukaj](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Odpri v Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Odpri%20v%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Ste študent?_
Obiščite [**Student Hub stran**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kjer boste našli začetniške vire, študentske pakete in tudi možnosti za pridobitev brezplačnega certifikatnega bona. To je stran, ki si jo želite shraniti med zaznamke in občasno preverjati, saj vsak mesec menjamo vsebine.
Obiščite [**stran Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kjer boste našli začetne vire, študentske pakete in celo načine, kako pridobiti brezplačen štipendijski bono za potrdilo. To je stran, ki si jo želite dodati med zaznamke in jo občasno preveriti, saj mesečno osvežujemo vsebine.
### 📣 Napoved - Novi izzivi z načinom GitHub Copilot Agent za dokončanje!
### 📣 Obvestilo - Novi izzivi načina GitHub Copilot Agent za dokončanje!
Dodali smo nov izziv, poiščite "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv za vas, ki ga dokončate z uporabo GitHub Copilot in Agent načina. Če Agent načina še niste uporabljali, zmore ne le ustvarjati besedilo, ampak tudi ustvarjati in urejati datoteke, izvajati ukaze in več.
Dodali smo nov izziv, poiščite "GitHub Copilot Agent Challenge 🚀" v večini poglavij. To je nov izziv, ki ga lahko dokončate z uporabo GitHub Copilota in načina Agent. Če prej niste uporabljali načina Agent, ta ni namenjen le generiranju besedil, ampak lahko ustvarja in ureja datoteke, izvaja ukaze in še več.
### 📣 Napoved - _Novi projekt za gradnjo z uporabo Generativne AI_
### 📣 Obvestilo - _Nov projekt za izdelavo z uporabo Generativne AI_
Dodali smo nov projekt AI asistenta, oglejte si [projekt](./9-chat-project/README.md)
Dodali smo nov projekt AI asistenta, preverite [projekt](./9-chat-project/README.md)
### 📣 Napoved - _Nov kurikulum_ o Generativni AI za JavaScript je pravkar izšel
### 📣 Obvestilo - _Novi učni načrt_ o Generativni AI za JavaScript je pravkar izšel
Ne zamudite našega novega kurikuluma o Generativni AI!
Ne zamudite našega novega učnega načrta za Generativno AI!
Obiščite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) in začnite!
Obiščite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za začetek!
![Background](../../translated_images/sl/background.148a8d43afde5730.webp)
- Lekcije pokrivajo vse od osnov do RAG.
- Komunicirajte s historičnimi osebami z uporabo GenAI in naše spremljevalne aplikacije.
- Zabavna in zanimiva zgodba, potovali boste skozi čas!
- Lekcije, ki zajemajo vse od osnov do RAG.
- Komunicirajte z zgodovinskimi liki z uporabo GenAI in naše spremljevalne aplikacije.
- Zanimivo in zabavno pripovedovanje, kot da potujete skozi čas!
![character](../../translated_images/sl/character.5c0dd8e067ffd693.webp)
Vsaka lekcija vključuje domačo nalogo, preverjanje znanja in izziv, ki vas vodi pri učenju tem, kot so:
- Spodbujanje in inženiring pozivov
- Generiranje aplikacij za besedilo in slike
Vsaka lekcija vključuje nalogo za dokončanje, preverjanje znanja in izziv, ki vas vodi pri učenju tem kot so:
- Uporaba in oblikovanje promptov
- Generiranje besedilnih in slikovnih aplikacij
- Iskalne aplikacije
Obiščite [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) in začnite!
Obiščite [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) za začetek!
## 🌱 Začetek
> **Učitelji**, vključili smo [nekaj predlogov](for-teachers.md), kako uporabljati ta kurikulum. Radi bi prejeli vašo povratno informacijo [v naši razpravi](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Učitelji**, pripravili smo [nekaj predlogov](for-teachers.md), kako uporabljati ta učni načrt. Veseli bomo vaših povratnih informacij [v našem forumu za razprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Učenci](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za vsako lekcijo začnite s predpredavanjem kvizom in nadaljujte z branjem učne snovi, izpolnjujte različne aktivnosti in preverite svoje razumevanje s popredavanjem kvizom.
**[Učenci](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, za vsako lekcijo začnite s pre-učnim kvizom in sledite predavanju, dokončajte različne aktivnosti in preizkusite svoje znanje s post-učnim kvizom.
Za boljšo izkušnjo učenja se povežite s svojimi vrstniki in skupaj delajte na projektih! Razprave so spodbujene v našem [razpravnem forumu](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kjer bo na voljo naša ekipa moderatorjev za odgovore na vaša vprašanja.
Za izboljšanje učnega procesa se povežite s sovrstniki in skupaj delajte na projektih! Razprave so dobrodošle v našem [forumu za razprave](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kjer vam bo na voljo naša skupina moderatorjev za pomoč.
Za nadaljnje izobraževanje priporočamo raziskovanje [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne študijske materiale.
Za nadaljnje izobraževanje priporočamo obisk [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) za dodatne študijske materiale.
### 📋 Nastavitev okolja
### 📋 Nastavitev vašega okolja
Ta kurikulum ima že pripravljeno razvojno okolje! Ko začnete, lahko kurikulum zaženete v [Codespace](https://github.com/features/codespaces/) (_brskalniško okolje brez potrebe po nameščanju_), ali lokalno na vašem računalniku z urejevalnikom besedila, kot je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ta učni načrt vsebuje pripravljeno razvojno okolje! Ob začetku izbire lahko tečaj izvajate v [Codespace](https://github.com/features/codespaces/) (_brskalniku prijazno okolje brez potrebe po namestitvah_) ali lokalno na računalniku z urejevalnikom besedil, kot je [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Ustvarite svoj repozitorij
Da boste lahko enostavno shranjevali svoje delo, priporočamo, da ustvarite svojo kopijo tega repozitorija. To lahko storite tako, da kliknete gumb **Use this template** na vrhu strani. To bo ustvarilo nov repozitorij v vašem GitHub računu s kopijo kurikuluma.
Da boste lažje shranjevali svoje delo, je priporočljivo, da ustvarite svojo kopijo tega repozitorija. To naredite s klikom na gumb **Uporabi ta vzorec** na vrhu strani. Tako bo ustvarjen nov repozitorij v vašem GitHub računu s kopijo učnega načrta.
Sledite tem korakom:
1. **Razvejite repozitorij**: Kliknite na gumb "Fork" v zgornjem desnem kotu te strani.
1. **Razveji repozitorij**: Kliknite gumb "Fork" v zgornjem desnem kotu te strani.
2. **Klonirajte repozitorij**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Zagon kurikuluma v Codespace-u
#### Zagon učnega načrta v Codespace
V vaši kopiji tega repozitorija, ki ste jo ustvarili, kliknite gumb **Code** in izberite **Open with Codespaces**. To bo ustvarilo nov Codespace, v katerem lahko delate.
V svoji kopiji repozitorija, ki ste jo ustvarili, kliknite gumb **Code** in izberite **Open with Codespaces**. Tako boste ustvarili nov Codespace za delo.
![Codespace](../../translated_images/sl/createcodespace.0238bbf4d7a8d955.webp)
#### Zagon kurikuluma lokalno na vašem računalniku
#### Lokalni zagon učnega načrta na računalniku
Za lokalni zagon kurikuluma na vašem računalniku boste potrebovali urejevalnik besedila, brskalnik in ukazno orodje. Naša prva lekcija, [Uvod v programske jezike in orodja stroke](../../1-getting-started-lessons/1-intro-to-programming-languages), vam bo predstavila različne možnosti za vsako od teh orodij, da boste lahko izbrali, kar vam najbolj ustreza.
Za lokalni zagon tega učnega načrta na vašem računalniku boste potrebovali urejevalnik besedil, brskalnik in orodje ukazne vrstice. Naša prva lekcija, [Uvod v programske jezike in orodja poklica](../../1-getting-started-lessons/1-intro-to-programming-languages), vam bo predstavila različne možnosti za vsak od teh pripomočkov, da izberete tistega, ki vam najbolj ustreza.
Naše priporočilo je uporaba [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kot urejevalnika, ki ima tudi vgrajen [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code lahko prenesete [tukaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Priporočamo uporabo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kot urejevalnik, ki ima tudi vgrajen [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code lahko prenesete [tukaj](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klonirajte svoj repozitorij na svoj računalnik. To lahko storite tako, da kliknete gumb **Code** in kopirate URL:
1. Klonirajte svoj repozitorij na računalnik. Naredite to tako, da kliknete gumb **Code** in kopirate URL:
[CodeSpace](./images/createcodespace.png)
Potem odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) znotraj [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) in zaženite naslednji ukaz, pri čemer `<your-repository-url>` zamenjajte z URL-jem, ki ste ga pravkar kopirali:
Nato odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) znotraj [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) in zaženite naslednji ukaz, pri čemer `<your-repository-url>` zamenjajte z URL-jem, ki ste ga pravkar kopirali:
```bash
git clone <your-repository-url>
@ -127,82 +127,83 @@ Potem odprite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.
2. Odprite mapo v Visual Studio Code. To lahko storite tako, da kliknete **Datoteka** > **Odpri mapo** in izberete mapo, ki ste jo pravkar klonirali.
> Priporočeni razširitve Visual Studio Code:
> Priporočene razširitve za Visual Studio Code:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za predogled HTML strani v Visual Studio Code
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - za predogled HTML strani znotraj Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - za pomoč pri hitrejšem pisanju kode
## 📂 Vsaka lekcija vključuje:
- neobvezno skico
- neobvezno sketchnoto
- neobvezni dodatni video
- ogrevalni kviz pred lekcijo
- predpripravljalni kviz pred lekcijo
- pisno lekcijo
- pri lekcijah na osnovi projektov, vodnike korak za korakom za izdelavo projekta
- preverjanja znanja
- za lekcije, ki temeljijo na projektih, vodiče korak za korakom za izdelavo projekta
- preverjanje znanja
- izziv
- dodatno branje
- nalogo
- [kviz po lekciji](https://ff-quizzes.netlify.app/web/)
> **Opomba o kvizih**: Vsi kvizi so zbrani v mapi Quiz-app, skupno 48 kvizov s po tremi vprašanji. Na voljo so [tukaj](https://ff-quizzes.netlify.app/web/), aplikacijo za kvize je mogoče zagnati lokalno ali namestiti na Azure; sledite navodilom v mapi `quiz-app`.
> **Opozorilo glede kvizov**: Vsi kvizi se nahajajo v mapi Quiz-app, skupaj 48 kvizov s po tremi vprašanji. Na voljo so [tukaj](https://ff-quizzes.netlify.app/web/). Aplikacijo za kvize lahko zaženete lokalno ali jo namestite na Azure; sledite navodilom v mapi `quiz-app`.
## 🗃️ Lekcije
| | Ime projekta | Koncepti, ki se učijo | Cilji učenja | Povezana lekcija | Avtor |
| | Ime projekta | Koncepti, ki jih poučujemo | Cilji učenja | Povezana lekcija | Avtor |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Začetek | Uvod v programiranje in orodja poklica | Spoznajte osnovna izhodišča večine programskih jezikov in o programski opremi, ki strokovnim razvijalcem pomaga opravljati delo | [Uvod v programske jezike in orodja poklica](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Začetek | Osnove GitHuba, vključuje delo v ekipi | Kako uporabljati GitHub v svojem projektu, kako sodelovati z drugimi na kodi | [Uvod v GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Začetek | Dostopnost | Naučite se osnov spletne dostopnosti | [Osnove dostopnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Osnove JS | JavaScript tipi podatkov | Osnove tipov podatkov v JavaScript | [Tipi podatkov](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Osnove JS | Funkcije in metode | Naučite se o funkcijah in metodah za upravljanje z logiko aplikacije | [Funkcije in metode](./2-js-basics/2-functions-methods/README.md) | Jasmine in Christopher |
| 06 | Osnove JS | Sprejemanje odločitev z JS | Naučite se ustvarjati pogoje v kodi z uporabo metod za sprejemanje odločitev | [Sprejemanje odločitev](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Osnove JS | Polja in zanke | Delo s podatki z uporabo polj in zank v JavaScript | [Polja in zanke](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarij](./3-terrarium/solution/README.md) | HTML v praksi | Ustvarite HTML za spletni terrarij, osredotočeno na izdelavo postavitve | [Uvod v HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarij](./3-terrarium/solution/README.md) | CSS v praksi | Ustvarite CSS za stiliziranje spletnega terrarija, osnove CSS vključno z ustvarjanjem odzivne strani | [Uvod v CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarij](./3-terrarium/solution/README.md) | Zapiranje JavaScript, manipulacija DOM | Napišite JavaScript, da terrarij deluje kot vmesnik povleci in spusti, s poudarkom na zapiranju in manipulaciji DOM | [Zapiranje JavaScript, manipulacija DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Igra tipkanja](./4-typing-game/solution/README.md) | Ustvarjanje igre tipkanja | Naučite se uporabljati dogodke tipkovnice za vodenje logike vaše JavaScript aplikacije | [Dogodkovno usmerjeno programiranje](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Zelena razširitev brskalnika](./5-browser-extension/solution/README.md) | Delo z brskalniki | Spoznajte kako brskalniki delujejo, njihovo zgodovino in kako postaviti prve elemente razširitve brskalnika | [O brskalnikih](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Zelena razširitev brskalnika](./5-browser-extension/solution/README.md) | Ustvarjanje obrazca, klic API-ja in shranjevanje spremenljivk v lokalni shrambi | Napišite JavaScript elemente razširitve brskalnika za klic API-ja z uporabo spremenljivk shranjenih v lokalni shrambi | [API-ji, obrazci in lokalna shramba](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Zelena razširitev brskalnika](./5-browser-extension/solution/README.md) | Ozadni procesi v brskalniku, spletna učinkovitost | Uporabite ozadne procese brskalnika za upravljanje ikone razširitve; spoznajte spletno učinkovitost in nekatere optimizacije za izboljšanje delovanja | [Ozadna opravila in učinkovitost](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Igra v vesolju](./6-space-game/solution/README.md) | Naprednejši razvoj iger z JavaScript | Naučite se o dedovanju z uporabo tako razredov kot kompozicije in vzorca Pub/Sub, v pripravi na izdelavo igre | [Uvod v napredni razvoj iger](./6-space-game/1-introduction/README.md) | Chris |
| 01 | Začetek | Uvod v programiranje in orodja poklica | Spoznajte osnovna izhodišča večine programskih jezikov in programske opreme, ki strokovnim razvijalcem pomaga pri delu | [Uvod v programske jezike in orodja](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Začetek | Osnove GitHub-a, vključno z delom v skupini | Kako uporabljati GitHub v vašem projektu, kako sodelovati z drugimi na kodi | [Uvod v GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Začetek | Dostopnost | Spoznajte osnove spletne dostopnosti | [Osnove dostopnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Osnove JS | Tipi podatkov v JavaScriptu | Osnove tipov podatkov v JavaScriptu | [Tipi podatkov](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Osnove JS | Funkcije in metode | Spoznajte funkcije in metode za upravljanje z logiko aplikacije | [Funkcije in metode](./2-js-basics/2-functions-methods/README.md) | Jasmine in Christopher |
| 06 | Osnove JS | Sprejemanje odločitev z JS | Naučite se ustvarjati pogoje v vaši kodi z uporabo metod odločanja | [Sprejemanje odločitev](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Osnove JS | Polja in zanke | Delo s podatki z uporabo polj in zank v JavaScriptu | [Polja in zanke](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarij](./3-terrarium/solution/README.md) | HTML v praksi | Zgradite HTML za spletni terarij, osredotočite se na izdelavo postavitve | [Uvod v HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarij](./3-terrarium/solution/README.md) | CSS v praksi | Zgradite CSS za oblikovanje spletnega terarija, osredotočite se na osnove CSS, vključno z odzivnim dizajnom | [Uvod v CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarij](./3-terrarium/solution/README.md) | JavaScript closure-i, manipulacija DOM | Zgradite JavaScript za funkcionalnost terarija kot vmesnik povleci-in-spusti, osredotočeno na closure-e in manipulacijo DOM-a | [JavaScript closure-i, manipulacija DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Igra tipkanja](./4-typing-game/solution/README.md) | Izdelava igre tipkanja | Naučite se uporabljati dogodke tipkovnice za upravljanje logike vaše JavaScript aplikacije | [Dogodkovno vodeno programiranje](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Zelena brskalna razširitev](./5-browser-extension/solution/README.md) | Delo z brskalniki | Spoznajte, kako brskalniki delujejo, njihovo zgodovino in kako postaviti prve elemente brskalniške razširitve | [O brskalnikih](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Zelena brskalna razširitev](./5-browser-extension/solution/README.md) | Izdelava obrazca, klic API-ja in shranjevanje spremenljivk v lokalni shrambi | Zgradite JavaScript elemente vaše brskalne razširitve za klic API-ja z uporabo spremenljivk v lokalni shrambi | [API-ji, obrazci in lokalna shramba](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Zelena brskalna razširitev](./5-browser-extension/solution/README.md) | Ozadinski procesi v brskalniku, spletna zmogljivost | Uporabite ozadinske procese brskalnika za upravljanje ikonice razširitve; spoznajte spletno zmogljivost in nekatere optimizacije za izboljšanje | [Ozadna opravila in zmogljivost](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Igra v vesolju](./6-space-game/solution/README.md) | Naprednejši razvoj iger z JavaScriptom | Spoznajte dedovanje z uporabo razredov in kompozicije ter vzorec pub/sub, kot pripravo na izdelavo igre | [Uvod v napredni razvoj iger](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Igra v vesolju](./6-space-game/solution/README.md) | Risanje na platno | Spoznajte Canvas API, ki se uporablja za risanje elementov na zaslon | [Risanje na platno](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Igra v vesolju](./6-space-game/solution/README.md) | Premikanje elementov po zaslonu | Odkrijte, kako lahko elementi pridobijo gibanje s pomočjo kartezičnih koordinat in Canvas API | [Premikanje elementov](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Igra v vesolju](./6-space-game/solution/README.md) | Zaznavanje trkov | Naredite, da se elementi trčijo in medsebojno odzivajo z uporabo tipk ter zagotovite funkcijo za časovno zakasnitev, da ohranite učinkovitost igre | [Zaznavanje trkov](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Igra v vesolju](./6-space-game/solution/README.md) | Štetje točk | Izvedite matematične izračune na podlagi stanja in učinkovitosti igre | [Štetje točk](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Igra v vesolju](./6-space-game/solution/README.md) | Konec in ponovni zagon igre | Naučite se o zaključevanju in ponovnem zagonu igre, vključno z čiščenjem virov in ponastavitvijo vrednosti spremenljivk | [Pogoj za zaključek](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | HTML predloge in usmeritve v spletni aplikaciji | Naučite se ustvariti ogrodje arhitekture večstranične spletne strani z uporabo usmerjevalnikov in HTML predlog | [HTML predloge in usmeritve](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | Ustvarjanje prijavnega in registracijskega obrazca | Naučite se o izdelavi obrazcev in obravnavi preverjanj veljavnosti | [Obrazci](./7-bank-project/2-forms/README.md) | Yohan |
| 17 | [Igra v vesolju](./6-space-game/solution/README.md) | Premikanje elementov po zaslonu | Spoznajte, kako elementi pridobijo gibanje z uporabo kartezijanskih koordinat in Canvas API | [Premikanje elementov](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Igra v vesolju](./6-space-game/solution/README.md) | Zaznavanje trkov | Poskrbite, da se elementi trkajo in medsebojno odzivajo z uporabo pritiska tipk in zagotovite funkcijo ohlajanja za zagotovitev zmogljivosti igre | [Zaznavanje trkov](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Igra v vesolju](./6-space-game/solution/README.md) | Štetje rezultatov | Izvajajte matematične izračune na podlagi stanja in zmogljivosti igre | [Spremljanje rezultata](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Igra v vesolju](./6-space-game/solution/README.md) | Zaključek in ponovni začetek igre | Spoznajte zaključevanje in ponovni začetek igre, vključno s čiščenjem virov in ponastavitvijo vrednosti spremenljivk | [Pogoj za zaključek](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | HTML predloge in poti v spletni aplikaciji | Naučite se ustvarjati ogrodje arhitekture večstranske spletne strani z usmerjanjem in HTML predlogami | [HTML predloge in poti](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | Izdelava obrazca za prijavo in registracijo | Spoznajte izdelavo obrazcev in ravnanje z validacijo | [Obrazci](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | Metode pridobivanja in uporabe podatkov | Kako podatki tečejo v in iz vaše aplikacije, kako jih pridobiti, shraniti in odstraniti | [Podatki](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanja | Naučite se, kako vaša aplikacija ohranja stanje in kako ga programsko upravljati | [Upravljanje stanja](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Koda brskalnika/VScode](../../8-code-editor) | Delo z VScode | Naučite se uporabljati urejevalnik kode | [Uporaba VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 24 | [Bančniška aplikacija](./7-bank-project/solution/README.md) | Koncepti upravljanja stanja | Naučite se, kako vaša aplikacija ohranja stanje in kako ga programatsko upravljati | [Upravljanje stanja](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Koda za brskalnik/VScode](../../8-code-editor) | Delo z VScode | Naučite se uporabljati urejevalnik kode | [Uporaba urejevalnika kode VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistenti](./9-chat-project/README.md) | Delo z AI | Naučite se izdelati svojega AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika
Naš kurikulum je zasnovan z dvema ključnima pedagoškima načeloma:
* učenje na osnovi projektov
Naš kurikulum je zasnovan z dvema ključnima pedagoškima principoma:
* učenje na projektih
* pogosti kvizi
Program uči osnove JavaScript, HTML in CSS, pa tudi najnovejša orodja in tehnike, ki jih uporabljajo današnji spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terrarija, okolju prijazne razširitve brskalnika, igre v stilu vesoljskih vdiralcev in bančne aplikacije za podjetja. Do konca serije bodo študenti pridobili trdno razumevanje spletnega razvoja.
Program poučuje osnove JavaScripta, HTML-ja in CSS-ja, pa tudi najnovejša orodja in tehnike, ki jih danes uporabljajo spletni razvijalci. Študenti bodo imeli priložnost pridobiti praktične izkušnje z izdelavo igre tipkanja, virtualnega terarija, okolju prijazne brskalniške razširitve, igre v stilu vesoljskega osvajalca in bančne aplikacije za podjetja. Do konca serije bodo študenti pridobili trdno razumevanje spletnega razvoja.
> 🎓 Prve nekaj lekcij tega kurikuluma lahko opravite kot [Učni načrt](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
> 🎓 Prve lekcije tega kurikuluma lahko opravite tudi kot [learning path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
Z zagotavljanjem, da je vsebina usklajena s projekti, je proces za študente bolj zanimiv in zadrževanje konceptov bo izboljšano. Napisali smo tudi več začetnih lekcij o osnovah JavaScript, ki uvajajo koncepte, skupaj z videom iz zbirke "[Začetniška serija za: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video vodičev, nekateri avtorji katerih so prispevali k temu kurikulumu.
Z zagotavljanjem, da je vsebina usklajena s projekti, je proces za študente bolj privlačen in izboljša se zadrževanje pojmov. Prav tako smo napisali več začetnih lekcij o osnovah JavaScripta, ki uvajajo pojme, skupaj z videoposnetkom iz zbirke "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", katere avtorji so prispevali k temu kurikulumu.
Poleg tega nizkotsenčni kviz pred razredom postavi namen študenta za učenje teme, medtem ko drugi kviz po razredu zagotavlja nadaljnjo zadržanost. Ta kurikulum je zasnovan tako, da je prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in postajajo vse bolj zahtevni do konca 12-tedenskega cikla.
Poleg tega nizkocenovni kviz pred poukom usmeri učenca k učenju teme, medtem ko drugi kviz po pouku zagotavlja nadaljnje zadrževanje znanja. Ta kurikulum je zasnovan kot prilagodljiv in zabaven ter ga je mogoče opraviti v celoti ali delno. Projekti se začnejo majhni in ob koncu 12-tedenskega cikla postanejo vse bolj zapleteni.
Čeprav smo namensko izognili uvajanju JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred uporabo ogrodja, je dober naslednji korak za dokončanje tega kurikuluma učenje o Node.js preko druge zbirke videov: "[Začetniška serija za: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Čeprav smo namensko se izognili uvajanju JavaScript ogrodij, da bi se osredotočili na osnovne veščine, potrebne kot spletni razvijalec pred sprejetjem ogrodja, je dober naslednji korak k dokončanju tega kurikuluma učenje o Node.js preko druge zbirke videoposnetkov: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Obiščite naše [Pravila obnašanja](CODE_OF_CONDUCT.md) in [Prispevanje](CONTRIBUTING.md) smernice. Veselimo se vaših konstruktivnih povratnih informacij!
> Obiščite naša [Pravila vedenja](CODE_OF_CONDUCT.md) in [prispevke](CONTRIBUTING.md). Veselimo se vaših konstruktivnih povratnih informacij!
## 🧭 Dostop brez povezave
To dokumentacijo lahko zaženete offline z uporabo [Docsify](https://docsify.js.org/#/). Razvežite to repozitorij, [namestite Docsify](https://docsify.js.org/#/quickstart) na svoj lokalni računalnik in nato v korenski mapi te repozitorija vnesite `docsify serve`. Spletna stran bo dostopna na vratih 3000 na vašem lokalnem računalniku: `localhost:3000`.
To dokumentacijo lahko uporabljate brez povezave z uporabo [Docsify](https://docsify.js.org/#/). Razvejajte ta repozitorij, [namestite Docsify](https://docsify.js.org/#/quickstart) na vaš lokalni računalnik in nato v korenski mapi repozitorija vtipkajte `docsify serve`. Spletna stran bo dostopna na vratih 3000 pod lokalnim naslovom: `localhost:3000`.
## 📘 PDF
PDF vseh lekcij je na voljo [tukaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
PDF vseh lekcij lahko najdete [tukaj](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Drugi tečaji
@ -210,61 +211,61 @@ Naša ekipa ustvarja tudi druge tečaje! Oglejte si:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j za začetnike](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 za začetnike](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)
[![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)
[![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 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)
---
### Azure / Edge / MCP / Agentje
[![AZD za začetnike](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 za začetnike](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 za začetnike](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 Agentje za začetnike](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)
[![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)
[![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)
[![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)
[![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)
---
### Serija Generativna AI
[![Generativna AI za začetnike](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)
[![Generativna 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)
[![Generativna 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)
[![Generativna 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)
### Serija Generativne 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)
[![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)
[![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)
[![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)
---
### Osnovno učenje
[![ML za začetnike](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)
[![Podatkovna znanost za začetnike](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 za začetnike](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)
[![Kibernetska varnost za začetnike](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)
[![Spletni razvoj za začetnike](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 za začetnike](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 razvoj za začetnike](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)
[![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)
[![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)
[![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)
[![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)
[![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)
[![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)
[![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)
---
### Serija Copilot
[![Copilot za AI partnersko programiranje](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 za 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 pustolovščina](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 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 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 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 -->
## Pridobivanje pomoči
## Iskanje pomoči
Če se zataknete ali imate kakršnakoli vprašanja glede izdelave AI aplikacij. Pridružite se sošolcem in izkušenim razvijalcem v razpravah o MCP. To je podporna skupnost, kjer so vprašanja dobrodošla, znanje pa se prosto deli.
Če se zataknete ali imate kakršnakoli vprašanja o ustvarjanju AI aplikacij. Pridružite se ostalim učencem in izkušenim razvijalcem v razpravah o MCP. To je podporna skupnost, kjer so vprašanja dobrodošla in kjer se znanje prosto deli.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Če imate povratne informacije o izdelku ali napake pri izdelavi, obiščite:
Če imate povratne informacije o izdelku ali pri ustvarjanju naletite na napake, obiščite:
[![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)
## Licenca
To skladišče je licencirano pod licenco MIT. Za več informacij glejte datoteko [LICENSE](../../LICENSE).
Ta repozitorij je licenciran pod licenco MIT. Za več informacij si oglejte datoteko [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Opozorilo**:
Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, prosimo, upoštevajte, da avtomatski prevodi lahko vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvoru jeziku naj se šteje za avtoritativni vir. Za ključne informacije priporočamo strokovni človeški prevod. Za morebitna nesporazuma ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda, ne prevzemamo odgovornosti.
**Opozorilo**:
Ta dokument je bil preveden z uporabo AI prevajalske storitve [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatski prevodi vsebujejo napake ali netočnosti. Izvirni dokument v izvorni jezik velja za avtoritativni vir. Za pomembne informacije priporočamo strokovni človeški prevod. Ne odgovarjamo za morebitne nesporazume ali napačne interpretacije, ki izhajajo iz uporabe tega prevoda.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save