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, 12 changes)

Browse Source
update-translations
localizeflow[bot] 3 weeks ago
parent 3d85759b22
commit ec9eadbd72
12 changed files with 1023 additions and 941 deletions
Show Stats Download Patch File Download Diff File

10
translations/lt/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:11:59+00:00",
"translation_date": "2026-04-24T13:05:20+00:00",
"source_file": "AGENTS.md",
"language_code": "lt"
},
@ -516,8 +516,8 @@
"language_code": "lt"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T17:48:22+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T12:59:53+00:00",
"source_file": "README.md",
"language_code": "lt"
},
@ -564,8 +564,8 @@
"language_code": "lt"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-28T11:48:08+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T13:00:06+00:00",
"source_file": "lesson-template/README.md",
"language_code": "lt"
},

350
translations/lt/AGENTS.md
Unescape View File

@ -2,36 +2,36 @@
## Projekto apžvalga
Tai yra švietimo programa skirta mokyti pradedančiuosius interneto kūrimo pagrindų. Programa yra išsami 12 savaičių kursų sistema, sukurta Microsoft Cloud Advocates komandos, apimanti 24 praktines pamokas apie JavaScript, CSS ir HTML.
Tai yra edukacinio mokymo programa, skirta mokyti pradedančiuosius internetinių svetainių kūrimo pagrindų. Programa yra išsami 12 savaičių trukmės kursas, sukurtas Microsoft Cloud Advocates komandos, apimantis 24 praktines pamokas, kuriose nagrinėjami JavaScript, CSS ir HTML.
### Pagrindinės sudedamosios dalys
- **Švietimo turinys**: 24 struktūruotos pamokos, suskirstytos į projektų modulius
- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosminis žaidimas, Banko programa, Kodo redaktorius ir AI pokalbių asistentas
- **Interaktyvūs testai**: 48 testai po 3 klausimus kiekviename (prieš ir po pamokų įvertinimai)
- **Daugiakalbė palaikymas**: Automatizuoti vertimai į 50+ kalbų naudojant GitHub Actions
- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektams)
- **Mokomoji medžiaga**: 24 struktūruotos pamokos, suskirstytos į projektų modulėlius
- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosminis žaidimas, Banko programa, Kodo redaktorius ir DI pokalbių asistentas
- **Interaktyvūs testai**: 48 testai po 3 klausimus kiekviename (testavimas prieš ir po pamokos)
- **Daugiakalbė palaikymas**: Automatiniai vertimai į daugiau nei 50 kalbų naudojant GitHub Actions
- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (DI projektams)
### Architektūra
- Švietimo saugykla su pamokomis pagrįsta struktūra
- Kiekvienos pamokos aplanke yra README, kodo pavyzdžiai ir sprendimai
- Atskiri projektai atskiruose kataloguose (quiz-app, įvairūs pamokų projektai)
- Edukacinis saugyklos turinys su pamokomis
- Kiekvienos pamokos aplanke yra README failas, kodo pavyzdžiai ir sprendimai
- Atskiri projektai į atskirus katalogus (quiz-app, įvairūs pamokų projektai)
- Vertimo sistema naudojant GitHub Actions (co-op-translator)
- Dokumentacija pateikiama per Docsify ir prieinama PDF formatu
## Diegimo komandos
## Setup komandos
Šis saugykla yra skirta pirminiam švietimo turinio vartojimui. Dirbant su konkrečiais projektais:
Ši saugykla daugiausiai skirta mokomosios medžiagos vartojimui. Darbui su konkrečiais projektais:
### Pagrindinės saugyklos paruošimas
### Pagrindinio saugyklos nustatymas
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Testų programėlės paruošimas (Vue 3 + Vite)
### Quiz App nustatymas (Vue 3 + Vite)
```bash
cd quiz-app
@ -56,7 +56,7 @@ npm run format # Formatuoti su Prettier
```bash
cd 5-browser-extension/solution
npm install
# Vadovaukitės naršyklei būdingomis plėtinių įkėlimo instrukcijomis
# Vykdykite naršyklei būdingas plėtinių įkėlimo instrukcijas
```
### Kosminio žaidimo projektai
@ -67,131 +67,131 @@ npm install
# Atidarykite index.html naršyklėje arba naudokite Live Server
```
### Pokalbių projektas (Python serveris)
### Pokalbių projekto (Python backend) nustatymas
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Nustatyti GITHUB_TOKEN aplinkos kintamąjį
# Nustatykite GITHUB_TOKEN aplinkos kintamąjį
python api.py
```
## Vystymo darbo eiga
## Kūrimo darbo eiga
### Turinį prisidedantiems
### Turinį kuriantiems
1. **Atšakokite saugyklą** į savo GitHub paskyrą
2. **Klonuokite savo atšaką** lokaliai
1. **Padalinkite saugyklą** į savo GitHub paskyrą
2. **Klonuokite savo fork** lokaliai
3. **Sukurkite naują šaką** savo pakeitimams
4. Atlikite turinio ar kodo pavyzdžių pakeitimus pamokose
5. Patikrinkite kodo pakeitimus atitinkamuose projekto kataloguose
6. Pateikite pull requests laikantis indėlio taisyklių
4. Redaguokite pamokų turinį arba kodo pavyzdžius
5. Testuokite kodo pakeitimus atitinkamuose projekto kataloguose
6. Pateikite pull requestus pagal indėlių taisykles
### Mokiniams
### Moksleiviams
1. Atšakokite arba klonuokite saugyklą
2. Eikite sekantiems pamokų katalogams paeiliui
3. Skaitykite kiekvienos pamokos README failus
4. Atlikite priešpamokinius testus https://ff-quizzes.netlify.app/web/
1. Padalinkite arba klonuokite saugyklą
2. Sekite pamokų katalogus nuosekliai
3. Perskaitykite kiekvienos pamokos README failus
4. Atlikite priešpamokinius testus adresu https://ff-quizzes.netlify.app/web/
5. Dirbkite su kodo pavyzdžiais pamokų aplankuose
6. Atlikite užduotis ir iššūkius
7. Atlikite pastraipinius testus
7. Atlikite pasapmokinius testus
### Tiesioginis vystymas
### Tiesioginė kūrimo eiga
- **Dokumentacija**: paleiskite `docsify serve` pagrindiniame kataloge (portas 3000)
- **Testų programėlė**: paleiskite `npm run dev` quiz-app kataloge
- **Projektai**: naudokite VS Code Live Server plėtinį HTML projektams
- **API projektai**: paleiskite `npm start` atitinkamuose API kataloguose
- **Dokumentacija**: Paleiskite `docsify serve` šakniniame kataloge (port 3000)
- **Quiz App**: Paleiskite `npm run dev` quiz-app kataloge
- **Projektai**: Naudokite VS Code Live Server plėtinį HTML projektams
- **API projektai**: Paleiskite `npm start` atitinkamuose API kataloguose
## Testavimo instrukcijos
### Testų programėlės testavimas
### Quiz App testavimas
```bash
cd quiz-app
npm run lint # Patikrinkite kodo stiliaus problemas
npm run build # Patikrinkite, ar statyba sėkminga
npm run build # Patikrinkite, ar paleidimas pavyksta
```
### Banko API testavimas
```bash
cd 7-bank-project/api
npm run lint # Patikrinti kodo stiliaus problemas
node server.js # Patvirtinti, kad serveris paleidžiamas be klaidų
npm run lint # Patikrinkite kodo stiliaus problemas
node server.js # Patikrinkite, ar serveris paleidžiamas be klaidų
```
### Bendras testavimo metodas
### Bendras testavimo principas
- Tai švietimo saugykla be išsamios automatizuotos testavimo sistemos
- Rankinis testavimas orientuotas į:
- Kodo pavyzdžių vykdymą be klaidų
- Dokumentacijos nuorodų veikimą
- Projekto sėkmingą sudarymą
- Pavyzdžius atitinkančius gerąsias praktikas
- Tai yra mokomojo pobūdžio saugykla be išsamios automatizuotos testavimo sistemos
- Rankinis testavimas orientuojamas į:
- Kodo pavyzdžiai veikia be klaidų
- Nuorodos dokumentacijoje veikia teisingai
- Projekto sudarymas vyksta sėkmingai
- Pavyzdžiai atitinka geriausias praktikas
### Prieš pateikiant patikrinimus
### Patikrinimai prieš pateikiant
- Paleiskite `npm run lint` kataloguose su package.json
- Patikrinkite markdown nuorodų galiojimą
- Testuokite kodo pavyzdžius naršyklėje arba Node.js aplinkoje
- Įsitikinkite, kad vertimai išlaiko tinkamą struktūrą
- Patikrinkite, ar markdown nuorodos yra galiojančios
- Testuokite kodo pavyzdžius naršyklėje ar Node.js aplinkoje
- Patikrinkite, ar vertimai išlaiko tinkamą struktūrą
## Kodo stiliaus gairės
### JavaScript
- Naudoti modernią ES6+ sintaksę
- Laikytis standartinių ESLint konfigūracijų projektuose
- Naudoti prasmingus kintamųjų ir funkcijų pavadinimus švietimui aiškinti
- Pridėti komentarus konceptų paaiškinimui mokiniams
- Formatuoti su Prettier, jei konfigūruota
- Naudokite modernią ES6+ sintaksę
- Laikykitės standartinių ESLint konfigūracijų projektuose
- Vartokite prasmingus kintamųjų ir funkcijų pavadinimus mokomam aiškumui
- Pridėkite komentarus, aiškinančius koncepcijas mokiniams
- Formatavimui naudokite Prettier, jei sukonfigūruota
### HTML/CSS
- Semantikos atitinkantys HTML5 elementai
- Reaguojantis dizainas
- Aiškios klasių pavadinimų konvencijos
- Komentarai CSS technikoms paaiškinti mokiniams
- Naudokite semantinį HTML5 žymėjimą
- Taikykite lanksčius dizaino principus
- Aiškių klasės pavadinimų sistemos
- Komentarai, paaiškinantys CSS technikas mokiniams
### Python
- PEP 8 stiliaus gairės
- Aiškūs, švietimui skirti kodo pavyzdžiai
- Tipo užuominos, jei padeda mokymuisi
- Laikykitės PEP 8 stiliaus gairių
- Aiškūs, mokomieji kodo pavyzdžiai
- Naudokite tipų užuominas mokymo tikslais
### Markdown dokumentacija
- Aiški antraščių hierarchija
- Kodo blokai su kalbos nurodymu
- Nuorodos į papildomus išteklius
- Ekrano kopijos ir paveikslėliai `images/` kataloguose
- Alternatyvus tekstas paveikslėliams, siekiant prieinamumo
- Nuorodos į papildomus šaltinius
- Ekrano nuotraukos ir vaizdai `images/` kataloguose
- Alt tekstai vaizdams dėl prieinamumo
### Failų organizavimas
- Pamokos su numeriais paeiliui (1-getting-started-lessons, 2-js-basics ir kt.)
- Kiekvienas projektas turi `solution/` ir dažnai `start/` arba `your-work/` katalogus
- Paveikslėliai saugomi pamokai priskirtuose `images/` aplankuose
- Vertimai saugomi `translations/{language-code}/` kataloguose
- Pamokos numeruotos nuosekliai (1-getting-started-lessons, 2-js-basics ir kt.)
- Kiekviename projekte yra `solution/`, dažnai ir `start/` arba `your-work/` katalogai
- Vaizdai laikomi konkrečių pamokų `images/` aplankuose
- Vertimai saugomi `translations/{kalbos-kodas}/` struktūroje
## Sudarymas ir diegimas
## Kūrimas ir diegimas
### Testų programėlės diegimas (Azure Static Web Apps)
### Quiz App diegimas (Azure Static Web Apps)
quiz-app yra sukonfigūruota Azure Static Web Apps diegimui:
quiz-app yra sukonfigūruotas Azure Static Web Apps diegimui:
```bash
cd quiz-app
npm run build # Sukuria dist/ aplanką
# Diegia naudojant GitHub Actions darbo eigą, kai stumiama į main
# Diegia per GitHub Actions darbų eigą į main šaką įtraukus pakeitimus
```
Azure Static Web Apps konfiguracija:
- **Programėlės vieta**: `/quiz-app`
Azure Static Web Apps konfigūracija:
- **App vieta**: `/quiz-app`
- **Išvesties vieta**: `dist`
- **Darbo eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **Darbų eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Dokumentacijos PDF generavimas
@ -203,25 +203,25 @@ npm run convert # Sugeneruoti PDF iš dokumentų
### Docsify dokumentacija
```bash
npm install -g docsify-cli # Įdiekite Docsify globaliai
docsify serve # Paleiskite serveryje localhost:3000
npm install -g docsify-cli # Įdiekite Docsify globally
docsify serve # Aptarnauti localhost:3000
```
### Projektui specifiniai sudarymai
### Projektams specifiniai kūrimo veiksmai
Kiekvienas projekto katalogas gali turėti savo sudarymo procesą:
- Vue projektai: `npm run build` sukuria gamybines pakuotes
- Statiniai projektai: nėra sudarymo žingsnio, failai pateikiami tiesiogiai
Kiekvieno projekto katalogas gali turėti savo kūrimo procesą:
- Vue projektams: `npm run build` sukuria produkcijos paketus
- Statiniams projektams: nėra reikalo kurti – failus tiekti tiesiogiai
## Pull Request gairės
## Pull Request taisyklės
### Antraštės formatas
Naudokite aiškius, aprašomuosius pavadinimus, nurodančius pakeitimo sritį:
- `[Quiz-app] Pridėti naują testą pamokai X`
- `[Lesson-3] Ištaisyti klaidą terariumo projekte`
- `[Translation] Pridėti ispanų vertimą pamokai 5`
- `[Docs] Atnaujinti diegimo instrukcijas`
Naudokite aiškias ir išsamią antrastes, nurodančias keitimo sritį:
- `[Quiz-app] Pridėtas naujas testas pamokai X`
- `[Lesson-3] Sutvarkyta klaida terariumo projekte`
- `[Translation] Pridėta ispanų kalbos vertimas 5 pamokai`
- `[Docs] Atnaujintos diegimo instrukcijos`
### Būtini patikrinimai
@ -229,52 +229,52 @@ Prieš pateikiant PR:
1. **Kodo kokybė**:
- Paleiskite `npm run lint` paveiktuose projekto kataloguose
- Ištaisykite visas lint klaidas ir įspėjimus
- Ištaisykite visas lint klaidas ir perspėjimus
2. **Sudarymo patikra**:
- Jei taikoma, paleiskite `npm run build`
- Užtikrinkite, kad nėra sudarymo klaidų
2. **Kūrimo patikrinimas**:
- Paleiskite `npm run build` jei taikoma
- Įsitikinkite, kad kūrimas vyksta be klaidų
3. **Nuorodų validacija**:
- Išbandykite visas markdown nuorodas
3. **Nuorodų tikrinimas**:
- Patikrinkite visas markdown nuorodas
- Patikrinkite, ar paveikslėlių nuorodos veikia
4. **Turinio peržiūra**:
- Tikrinkite rašybą ir gramatiką
- Užtikrinkite, kad kodo pavyzdžiai tinkami ir švietimo tikslais
- Patikrinkite, ar vertimai išlaiko pradinę prasmę
- Patikrinkite rašybą ir gramatiką
- Įsitikinkite, kad kodo pavyzdžiai teisingi ir mokomieji
- Patikrinkite, ar vertimai išlaiko originalią prasmę
### Indėlio reikalavimai
- Sutikite su Microsoft CLA (automatinis tikrinimas pirmo PR metu)
- Vadovaukitės [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Peržiūrėkite [CONTRIBUTING.md](./CONTRIBUTING.md) dėl išsamios informacijos
- Nurodykite klausimų numerius PR aprašyme, jei taikoma
- Sutikite su Microsoft CLA (automatinis patikrinimas pirmo PR metu)
- Laikykitės [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Skaitykite [CONTRIBUTING.md](./CONTRIBUTING.md) dėl detalių taisyklių
- Jei taikoma, nurodykite problemų numerius PR aprašyme
### Apžvalgos procesas
### Peržiūros procesas
- PR apžvelgia priežiūrėtojai ir bendruomenė
- Prioritetas teikiamas mokymosi aiškumui
- Kodo pavyzdžiai turi laikytis dabartinių geriausių praktikų
- Vertimai peržiūrimi dėl tikslumo ir kultūrinio atitikimo
- PR peržiūrimi prižiūrėtojų ir bendruomenės
- Prioritetas teikiamas mokymo aiškumui
- Kodo pavyzdžiai turi atitikti dabartines geriausias praktikas
- Vertimai peržiūrimi dėl tikslumo ir kultūrinės atitikties
## Vertimo sistema
### Automatizuotas vertimas
### Automatinis vertimas
- Naudoja GitHub Actions su co-op-translator darbo eiga
- Automatiškai verčia į 50+ kalbų
- Naudoja GitHub Actions su co-op-translator darbų eiga
- Automatiškai verčia į daugiau nei 50 kalbų
- Šaltinio failai pagrindiniuose kataloguose
- Išversti failai saugomi `translations/{language-code}/` kataloguose
- Išversti failai saugomi `translations/{kalbos-kodas}/` kataloguose
### Rankinių vertimo patobulinimų pridedimas
### Rankinių vertimų gerinimas
1. Suraskite failą `translations/{language-code}/`
2. Atlikite patobulinimus išlaikant struktūrą
3. Įsitikinkite, kad kodo pavyzdžiai veikia teisingai
4. Išbandykite lokalizuotą testų turinį
1. Suraskite failą `translations/{kalbos-kodas}/`
2. Atlikite patobulinimus išlaikydami struktūrą
3. Įsitikinkite, kad kodo pavyzdžiai veikia
4. Išbandykite lokalizuotus testus
### Vertimų metaduomenys
### Vertimo metaduomenys
Išversti failai turi metaduomenų antraštę:
```markdown
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Derinimas ir problemų sprendimas
## Derinimas ir trikčių šalinimas
### Dažniausios problemos
### Dažnos problemos
**Testų programėlė nesikrauna**:
**Quiz app nepaleidžiamas**:
- Patikrinkite Node.js versiją (rekomenduojama v14+)
- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite dar kartą `npm install`
- Patikrinkite ar nėra uosto konflikto (numatytas: Vite naudoja 5173 portą)
- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite `npm install` dar kartą
- Patikrinkite prievadų konfliktus (numatytasis: Vite naudoja port 5173)
**API serveris nesikrauna**:
- Įsitikinkite, kad Node.js versija atitinka minimalią (node >=10)
- Patikrinkite, ar uostas jau nenaudojamas
- Įsitikinkite, kad visos priklausomybės įdiegtos su `npm install`
**API serveris nepaleidžiamas**:
- Įsitikinkite, kad Node.js versija yra pakankama (node >=10)
- Patikrinkite, ar prievadas neužimtas
- Įsitikinkite, kad visos priklausomybės įdiegtos paleidus `npm install`
**Naršyklės plėtinys nesikrauna**:
- Patikrinkite, ar manifest.json teisingai suformatuotas
- Peržiūrėkite naršyklės konsolę dėl klaidų
- Sekite naršyklės specifines plėtinių diegimo instrukcijas
- Pažiūrėkite naršyklės konsolėje klaidas
- Vadovaukitės naršyklės plėtinių diegimo instrukcijomis
**Python pokalbių projekto problemos**:
- Įdiekite OpenAI paketą: `pip install openai`
- Įsitikinkite, kad GITHUB_TOKEN aplinkos kintamasis nustatytas
- Patikrinkite GitHub Models prieigos teises
- Įdiekite openai paketą: `pip install openai`
- Patikrinkite, ar nustatyta GITHUB_TOKEN aplinkos kintamasis
- Patikrinkite GitHub Models prieigos leidimus
**Docsify neduoda dokumentų**:
**Docsify neatlieka dokumentacijos pateikimo**:
- Įdiekite docsify-cli globaliai: `npm install -g docsify-cli`
- Paleiskite iš saugyklos šaknies
- Patikrinkite, ar egzistuoja `docs/_sidebar.md`
### Vystymo aplinkos patarimai
### Kūrimo aplinkos patarimai
- Naudokite VS Code su Live Server plėtiniu HTML projektams
- Įdiekite ESLint ir Prettier plėtinius nuosekliam formatavimui
- Naudokite VS Code kartu su Live Server plėtiniu HTML projektams
- Įdiekite ESLint ir Prettier plėtinius dėl nuoseklaus formatavimo
- Naudokite naršyklės DevTools JavaScript derinimui
- Vue projektams naudokite Vue DevTools naršyklės plėtinį
- Vue projektams įdiekite Vue DevTools naršyklės plėtinį
### Veikimo efektyvumo patarimai
### Veikimo efektyvumo svarstymai
- Didelis išverstų failų kiekis (50+ kalbų) reiškia, kad pilni klonai dideli
- Naudokite paviršinį klonavimą, jei dirbate tik su turiniu: `git clone --depth 1`
- Dirbant su anglišku turiniu, išimkite vertimus iš paieškos
- Sudarymo procesai pirmą kartą gali būti lėti (npm install, Vite build)
- Daug išverstų failų (daugiau nei 50 kalbų) reiškia didelius klonus
- Naudokite seklaus klonavimą, jei dirbate tik su turiniu: `git clone --depth 1`
- Prie anglų kalbos turinio nedarykite vertimų paieškų
- Kūrimo procesai gali būti lėti pirmą kartą (npm install, Vite build)
## Saugumo aspektai
## Saugumo svarstymai
### Aplinkos kintamieji
- API raktai niekada neturi būti įtraukiami į saugyklą
- Naudokite `.env` failus (jau įtraukti į `.gitignore`)
- Reikalingi aplinkos kintamieji dokumentuojami projekto README
- API raktai neturi būti įtraukti į saugyklą
- Naudokite `.env` failus (jau įtrauktus į `.gitignore`)
- Projekto README failuose dokumentuokite reikiamus aplinkos kintamuosius
### Python projektai
- Naudokite virtualias aplinkas: `python -m venv venv`
- Laikykite priklausomybes atnaujintas
- GitHub tokenai turėtų turėti minimalias būtinas teises
- Nuolat atnaujinkite priklausomybes
- GitHub tokenai turi turėti minimalias reikalingas teises
### GitHub Models prieiga
- Reikalingi asmeniniai prieigos raktai (PAT)
- Raktai turi būti saugomi kaip aplinkos kintamieji
- Niekada neįtraukti jų į saugyklą ar viešinti
- Reikalingi Asmeninės prieigos raktai (PAT)
- Tokenai turi būti laikomi aplinkos kintamuosiuose
- Niekada neįtraukti tokenų ar kredencialų į saugyklą
## Papildomos pastabos
## Papildomi pastabos
### Tikslinė auditorija
- Visiškai pradedantieji interneto kūrime
- Studentai ir savarankiški besimokantieji
- Mokytojai, naudojantys programą klasėje
- Turinys sukonstruotas prieinamumui ir nuosekliam įgūdžių įgijimui
- Pilni pradedantieji internetinių svetainių kūrime
- Studentai ir savarankiški mokiniai
- Mokytojai, naudojantys programą klasėse
- Turinys sukurtas prieinamumui ir palaipsniui įgyjamai kompetencijai
### Švietimo filosofija
### Edukacinė filosofija
- Mokymasis pagrįstas projektais
- Dažni žinių patikrinimai (testai)
- Praktiniai kodavimo užsiėmimai
- Realių projektų pavyzdžiai
- Dėmesys pagrindams prieš frameworks
- Projektine mokymosi metodika
- Dažni žinių tikrinimai (testai)
- Praktiniai kodo užduotys
- Realūs taikymo pavyzdžiai
- Dėmesys pagrindams prieš naudojant frameworks
### Saugyklos priežiūra
### Saugyklos palaikymas
- Aktyvi mokinių ir prisidėjusių bendruomenė
- Reguliarūs priklausomybių ir turinio atnaujinimai
- Klausimai ir diskusijos prižiūrimi saugyklos savininkų
- Vertimų atnaujinimai automatizuoti per GitHub Actions
- Problemos ir diskusijos prižiūrimos
- Vertimų atnaujinimai automatiškai per GitHub Actions
### Susiję ištekliai
- [Microsoft Learn moduliai](https://docs.microsoft.com/learn/)
- [Studentų centras](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekomenduojamas besimokantiesiems
- Papildomi kursai: Generatyvioji AI, Duomenų mokslas, ML, IoT programos
- [Student Hub ištekliai](https://docs.microsoft.com/learn/student-hub/)
- Rekomenduojama naudojant [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- Papildomi kursai: Generatyvus DIR, Duomenų mokslas, ML, IoT programos
### Darbas su konkrečiais projektais
Išsamios individualių projektų instrukcijos pateiktos README failuose:
- `quiz-app/README.md` - Vue 3 testų programėlė
Išsamioms instrukcijoms apie atskirus projektus žr. README failus:
- `quiz-app/README.md` - Vue 3 testavimo programa
- `7-bank-project/README.md` - Banko programa su autentifikacija
- `5-browser-extension/README.md` - Naršyklės plėtinių kūrimas
- `6-space-game/README.md` - Žaidimas su Canvas
- `9-chat-project/README.md` - AI pokalbių asistento projektas
- `6-space-game/README.md` - Žaidimo su Canvas kūrimas
- `9-chat-project/README.md` - DI pokalbių asistento projektas
### Monorepo struktūra
Nors tai nėra tradicinis monorepo, ši saugykla turi kelis nepriklausomus projektus:
- Kiekviena pamoka yra savarankiška
Nors tai nėra tradicinis monorepo, ši saugykla talpina kelis nepriklausomus projektus:
- Kiekviena pamoka yra atskira
- Projektai nesidalina priklausomybėmis
- Darbai su atskirais projektais neturi įtakos kitiems
- Klonuokite visą saugyklą pilnam kursui gauti
- Dirbkite su atskiromis dalimis nedarydami įtakos kitoms
- Norint naudotis visa programa, reikalingas visos saugyklos klonavimas
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Atsakomybės ribojimas**:
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, atkreipkite dėmesį, kad automatizuoti vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba yra laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojamas profesionalus žmogiškasis vertimas. Mes neatsakome už bet kokius nesusipratimus ar klaidingas interpretacijas, kylančias naudojant šį vertimą.
**Atsakomybės apribojimas**:
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, atkreipkite dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turi būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojame naudotis profesionalaus žmogaus vertimu. Mes neatsakome už jokius nesusipratimus ar netinkamus aiškinimus, kylantčius iš šio vertimo naudojimo.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

223
translations/lt/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Interneto svetainių kūrimas pradedantiesiems – mokymo planas
# Tinklalapių kūrimas pradedantiesiems – Mokymo programa
Išmokite interneto svetainių kūrimo pagrindus per mūsų 12 savaičių išsamų kursą, kurį veda Microsoft Cloud Advocates komanda. Kiekviena iš 24 pamokų detalizuojama JavaScript, CSS ir HTML temas, dirbant su praktiniais projektais, tokiais kaip terariumai, naršyklės plėtiniai ir erdvės žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudojant mūsų efektyvią projektinę pedagogiką. Pradėkite savo programavimo kelionę jau šiandien!
Išmokite tinklalapių kūrimo pagrindus mūsų 12 savaičių išsamiame kurse, kurį rengia Microsoft Cloud Advocates. Kiekviena iš 24 pamokų gilina žinias apie JavaScript, CSS ir HTML per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosmoso žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite įgūdžius ir optimizuokite žinių įsisavinimą su mūsų efektyvia projektais pagrįsta pedagogika. Pradėkite programavimo kelionę šiandien!
Prisijunkite prie Azure AI Foundry Discord bendruomenės
Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais programuotojais.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Atlikite šiuos žingsnius, kad pradėtumėte naudotis šiomis priemonėmis:
1. **Padarykite Forką**: Spauskite [![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. **Klonuokite Saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Prisijunkite prie Azure AI Foundry Discord ir susitikite su ekspertais bei kitais kūrėjais**](https://discord.com/invite/ByRwuEEgH4)
Sekite šiuos veiksmus, kad pradėtumėte naudotis šiomis priemonėmis:
1. **Padarykite Repository fork’ą**: Spustelėkite [![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. **Klonuokite Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais programuotojais**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Daugiakalbė parama
### 🌐 Daugiakalbė palaikymas
#### Palaikoma per GitHub Action (automatizuota ir visuomet atnaujinta)
#### Palaikoma per GitHub Action (automatiškai ir visuomet atnaujinta)
<!-- 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](./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)
> **Norite klonuoti lokalizuotai?**
> **Norite klonuoti lokaliai?**
>
> Šioje saugykloje yra daugiau kaip 50 kalbų vertimų, dėl ko labai padidėja atsisiuntimo dydis. Jei norite klonuoti be vertimų, naudokite sparse checkout:
> Šiame repositorijoje yra virš 50 kalbų vertimų, kas ženkliai padidina atsisiuntimo dydį. Norėdami klonuoti be vertimų, naudokite sparse checkout:
>
> **Bash / macOS / Linux:**
> ```bash
@ -48,170 +48,169 @@ Atlikite šiuos žingsnius, kad pradėtumėte naudotis šiomis priemonėmis:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> Taip gausite viską, ko reikia kursui atlikti, žymiai greičiau atsisiųsdami.
> Tai suteiks jums viską, ko reikia kursui užbaigti, žymiai greičiau atsisiuntus.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Jei norite, kad būtų pridedamos papildomos palaikomos kalbos, jos išvardytos [čia](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Jei norite papildomų vertimų, palaikomos kalbos yra čia. [čia](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)
#### 🧑‍🎓 _Ar esi studentas?_
#### 🧑‍🎓 _Ar esate studentas?_
Aplankyk [**Studentų centrą puslapį**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasi pradedančiųjų resursus, studentų paketus ir net galimybes gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta pažymėti ir periodiškai tikrinti, nes mes kas mėnesį atnaujiname turinį.
Apsilankykite [**Studentų centras puslapyje**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasite pradedančiųjų išteklius, studentų rinkinius ir net būdus gauti nemokamą sertifikato kuponą. Šį puslapį verta įsidėti į žymes ir kartais patikrinti, nes turinys kas mėnesį keičiasi.
### 📣 Pranešimas – Nauji GitHub Copilot Agent režimo iššūkiai!
Pridėtas naujas iššūkis – ieškokite "GitHub Copilot Agent Challenge 🚀" daugelyje skyrių. Tai naujas iššūkis, skirtas atlikti naudojant GitHub Copilot ir Agent režimą. Jei dar nenaudojote Agent režimo, jis ne tik generuoja tekstą, bet gali ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.
Pridėtas naujas iššūkis, ieškokite „GitHub Copilot Agent Challenge 🚀“ daugelyje skyrių. Tai naujas iššūkis, kurį turite atlikti naudodami GitHub Copilot ir Agent režimą. Jei anksčiau nenaudojote Agent režimo, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.
### 📣 Pranešimas – _Naujas projektas generuojant dirbtiniu intelektu_
### 📣 Pranešimas – _Naujas projektas naudojant Generatyviąją AI_
Pridėtas naujas AI Asistento projektas, pažiūrėkite [projektą](./9-chat-project/README.md)
Pridėtas naujas AI Asistento projektas, pasižiūrėkite [projektą](./9-chat-project/README.md)
### 📣 Pranešimas – _Naujasis Generatyvinio DI kursas JavaScript buvo ką tik išleistas_
### 📣 Pranešimas – _Nauja mokymo programa_ apie Generatyviąją AI JavaScript kalboje ką tik išleista
Nepraleiskite mūsų naujo Generatyvinio DI mokymo plano!
Nepraleiskite mūsų naujos Generatyviosios AI mokymo programos!
Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite!
Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite mokytis!
![Background](../../translated_images/lt/background.148a8d43afde5730.webp)
- Pamokos, apimančios viską nuo pagrindų iki RAG.
- Sąveikaukite su istorinių veikėjų personažais naudodami GenAI ir mūsų palydovinę programėlę.
- Linksma ir įtraukianti istorija, keliausite laiku!
- Pamokos nuo pagrindų iki RAG.
- Bendravimas su istoriniais personažais naudojant GenAI ir mūsų palydovinę programėlę.
- Smagi ir įtraukianti pasakojimo forma – keliausite laiku!
![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp)
Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, kuris padės išmokti:
- Užklausų ir užklausų inžinerijos
- Teksto ir vaizdo programėlių generavimo
- Paieškos programėlių
Kiekvienoje pamokoje yra užduotis, žinių patikra ir iššūkis, padėsiantys mokytis šia tema:
- Užklausų pateikimas ir jų kūrimas
- Teksto ir vaizdų programėlių kūrimas
- Paieškos programėlės
Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite!
Apsilankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite mokytis!
## 🌱 Pradžia
> **Mokytojai**, mes paruošėme [kelias rekomendacijas](for-teachers.md), kaip naudotis šiuo mokymo planu. Labai laukiame jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Mokytojai**, mes pateikėme [kelias rekomendacijas](for-teachers.md), kaip naudoti šią mokymo programą. Labai lauktume jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Mokiniai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienos pamokos pradžioje pradėkite nuo priešpaskaitinės viktorinos, vėliau peržiūrėkite paskaitos medžiagą, atlikite įvairias užduotis ir pasitikrinkite savo supratimą paskaitos pabaigos viktorinoje.
**[Mokiniai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos, paskui skaitykite paskaitos medžiagą, atlikite įvairias veiklas ir pasitikrinkite supratimą po paskaitos viktorinoje.
Siekiant pagerinti mokymosi patirtį, susisiekite su savo bendraamžiais ir dirbkite kartu prie projektų! Skatintinos diskusijos mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kuriame dirba mūsų moderatorių komanda, pasirengusi atsakyti į jūsų klausimus.
Norėdami geriau mokytis, jungkitės prie savo bendramokslio ir dirbkite kartu su projektais! Diskusijos skatinamos mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kur mūsų moderatorių komanda bus pasirengusi atsakyti į jūsų klausimus.
Norėdami toliau tobulėti, rekomenduojame peržiūrėti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) papildomoms mokomosioms medžiagoms.
Norėdami gilinti žinias, rekomenduojame naršyti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) papildomoms mokymosi priemonėms.
### 📋 Aplinkos paruošimas
### 📋 Aplinkos sąranka
Šiam mokymo planui yra paruošta plėtros aplinka! Pradėdami galite pasirinkti vykdyti kursą [Codespace](https://github.com/features/codespaces/) aplinkoje (_naršyklėje, nereikia diegti jokių programų_), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pvz., [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ši mokymo programa turi paruoštą kūrimo aplinką! Pradėdami galite rinktis vykdyti kursą [Codespace](https://github.com/features/codespaces/) (naršyklėje veikianti aplinka be diegimo), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Sukurkite savo saugyklą
Kad lengvai išsaugotumėte savo darbus, rekomenduojama sukurti savo šios saugyklos kopiją. Tai galite padaryti paspaudę mygtuką **Use this template** šio puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su šio mokymo plano kopija.
#### Sukurkite savo repository
Kad galėtumėte lengvai išsaugoti savo darbą, rekomenduojama sukurti savo kopiją šio repository. Tai galite padaryti paspausdami mygtuką **Use this template** puslapio viršuje. Tai sukurs naują repository jūsų GitHub paskyroje su mokymo programos kopija.
Atlikite šiuos veiksmus:
1. **Padarykite Fork**: Spauskite "Fork" mygtuką viršutiniame dešiniajame puslapio kampe.
2. **Klonuokite Saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
Sekite šiuos žingsnius:
1. **Padarykite Repository fork’ą**: Paspauskite mygtuką „Fork“ šio puslapio viršutiniame dešiniajame kampe.
2. **Klonuokite Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Kursą vykdykite Codespace aplinkoje
#### Kursų vykdymas Codespace aplinkoje
Jūsų sukurtos saugyklos lange spauskite **Code** mygtuką ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace, kuriame galėsite dirbti.
Jūsų sukurtame repository paspauskite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace, dirbti jame.
![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.webp)
#### Kursą vykdykite lokaliai savo kompiuteryje
#### Kursų vykdymas lokaliai jūsų kompiuteryje
Norėdami vykdyti kursą lokaliai savo kompiuteryje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirma pamoka [Programavimo kalbų ir darbo įrankių įvadas](../../1-getting-started-lessons/1-intro-to-programming-languages) supažindins jus su įvairiomis šių įrankių pasirinkimo galimybėmis, kad galėtumėte pasirinkti tinkamiausią.
Kad galėtumėte vykdyti mokymo programą lokaliai, jums reikės teksto redaktoriaus, naršyklės ir komandinės eilutės įrankio. Mūsų pirma pamoka, [Įvadas į programavimo kalbas ir įrankius](../../1-getting-started-lessons/1-intro-to-programming-languages), jus supažindins su galimybėmis kiekvienam iš šių įrankių, kad pasirinktumėte tinkamiausius sau.
Rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kaip redaktorių, kuris taip pat turi integruotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite parsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Nuklonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijavę URL:
Rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) redaktorių, kuris turi integruotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite atsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijavę URL:
[CodeSpace](./images/createcodespace.png)
Tada atidarykite [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) aplinkoje ir vykdykite šią komandą, pakeisdami `<your-repository-url>` į ką tik nukopijuotą URL:
Tada atidarykite [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) „Visual Studio Code“ aplinkoje ir paleiskite šią komandą, pakeisdami `<your-repository-url>` tuo URL, kurį ką tik nukopijavote:
```bash
git clone <your-repository-url>
```
2. Atidarykite aplanką Visual Studio Code. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkdami ką tik nuklonuotą aplanką.
2. Atidarykite katalogą „Visual Studio Code“. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkę ką tik nuklonuotą katalogą.
> Rekomenduojami Visual Studio Code plėtiniai:
> Rekomenduojami „Visual Studio Code“ plėtiniai:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML puslapių peržiūrai Visual Studio Code aplinkoje
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - padeda greičiau rašyti kodą
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) – HTML puslapių peržiūrai „Visual Studio Code“ aplinkoje
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – padeda greičiau rašyti kodą
## 📂 Kiekviena pamoka apima:
- neprivalomą sketchnote užrašą
- neprivalomą brėžinį (sketchnote)
- neprivalomą papildomą vaizdo įrašą
- šiltinimo viktoriną prieš pamoką
- apšilimo testą prieš pamoką
- rašytinę pamoką
- projektinėse pamokose – žingsnis po žingsnio instrukcijas, kaip sukurti projektą
- projektinėms pamokoms – žingsnis po žingsnio gidas, kaip sukurti projektą
- žinių patikrinimus
- iššūkį
- papildomą skaitymą
- užduotį
- [pamokos pabaigos viktoriną](https://ff-quizzes.netlify.app/web/)
- [testą po pamokos](https://ff-quizzes.netlify.app/web/)
> **Pastaba apie viktorinas**: Visos viktorinos yra Quiz-app aplanke, iš viso 48 viktorinos po tris klausimus kiekvienoje. Jas rasite [čia](https://ff-quizzes.netlify.app/web/) – viktorinų programėlę galima paleisti lokaliai arba diegti Azure; sekite nurodymus `quiz-app` aplanke.
> **Pastaba apie testus**: Visi testai yra saugomi Quiz-app kataloge, yra iš viso 48 testai po tris klausimus kiekviename. Jie pasiekiami [čia](https://ff-quizzes.netlify.app/web/), testų programėlę galima paleisti lokaliai arba publikuoti „Azure“; vadovaukitės nurodymais `quiz-app` kataloge.
## 🗃️ Pamokos
| | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susietos pamokos | Autorius |
| :-: | :---------------------------------------------------------------: | :-------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
| 01 | Pradžia | Programavimo pagrindai ir naudojami įrankiai | Sužinokite pagrindinius daugumos programavimo kalbų pagrindus ir apie programinę įrangą, padedančią profesionalams | [Įvadas į programavimo kalbas ir įrankius](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Pradžia | GitHub pagrindai, įskaitant komandinius darbus | Kaip naudotis GitHub projekte, kaip bendradarbiauti dirbant su kodo baze | [Įvadas į GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Pradžia | Prieinamumas | Sužinokite interneto prieinamumo pagrindus | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS pagrindai | JavaScript duomenų tipai | JavaScript duomenų tipų pagrindai | [Duomenų tipai](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS pagrindai | Funkcijos ir metodai | Sužinokite apie funkcijas ir metodus, valdančius programos logikos eigą | [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md) | Jasmine ir Christopher |
| 06 | JS pagrindai | Sprendimų priėmimas JS | Sužinokite, kaip sukurti sąlygas savo kode naudojant sprendimų priėmimo būdus | [Sprendimų kūrimas](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS pagrindai | Masyvai ir ciklai | Darbas su duomenimis naudojant masyvus ir ciklus JavaScript | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML praktikoje | Sukurkite HTML, kad sukurtumėte internetinį terariumą, koncentruojantis į išdėstymo kūrimą | [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikoje | Sukurkite CSS, kad stilizuotumėte internetinį terariumą, įskaitant pagrindus ir atsaką į skirtingų ekranų dydžius | [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closure ir DOM manipuliavimas | Parašykite JavaScript, kad terariumas veiktų kaip vilkimo / metimo sąsaja, koncentruojantis į closure ir DOM manipuliavimą | [JavaScript Closure ir DOM manipuliavimas](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Rašymo žaidimas](./4-typing-game/solution/README.md) | Sukurkite rašymo žaidimą | Sužinokite, kaip naudoti klaviatūros įvykius valdyti jūsų JavaScript programos logiką | [Įvykių valdymas](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Darbas su naršyklėmis | Sužinokite, kaip veikia naršyklės, jų istoriją ir kaip sukurti pirmuosius naršyklės plėtinio elementus | [Apie naršykles](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Formos kūrimas, API kvietimas ir kintamųjų saugojimas local storage | Parašykite naršyklės plėtinio JavaScript elementus, kad kvietumėte API naudodami kintamuosius saugojamus local storage | [API, formos ir local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Naršyklės fono procesai, žiniatinklio našumas | Naudokite naršyklės foninius procesus plėtinio ikonų valdymui; sužinokite apie žiniatinklio našumą bei optimizacijas | [Fono darbai ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Sudėtingesnis žaidimų kūrimas su JavaScript | Sužinokite apie paveldėjimą naudojant klases ir kompoziciją, taip pat Pub/Sub modelį žaidimo kūrimui | [Įvadas į pažangų žaidimų kūrimą](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Piešimas ant drobės | Sužinokite apie Canvas API, kuris leidžia piešti elementus ekrane | [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Elementų judinimas ekrane | Sužinokite, kaip elementai gali judėti naudojant kartezines koordinates ir Canvas API | [Elementų judinimas ekrane](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Kolizijos aptikimas | Sukurkite elementų susidūrimus ir reakcijas į rakto paspaudimus, įdiekite „cooldown“ funkciją žaidimo našumui užtikrinti | [Kolizijos aptikimas](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Taškų skaičiavimas | Atlikite matematikos skaičiavimus pagal žaidimo būseną ir rezultatus | [Taškų skaičiavimas](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Kosmoso žaidimas](./6-space-game/solution/README.md) | Žaidimo pabaiga ir paleidimas iš naujo | Sužinokite apie žaidimo pabaigą ir iš naujo paleidimą, įskaitant išteklių valymą ir kintamųjų reikšmių atstatymą | [Pabaigos sąlyga](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banko programa](./7-bank-project/solution/README.md) | HTML šablonai ir maršrutizacija web programoje | Sužinokite, kaip sukurti daugiapusės svetainės architektūrą naudojant maršrutizavimą ir HTML šablonus | [HTML šablonai ir maršrutizacija](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banko programa](./7-bank-project/solution/README.md) | Prisijungimo ir registracijos formos kūrimas | Sužinokite apie formų kūrimą ir validacijos tvarkymą | [Formos](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banko programa](./7-bank-project/solution/README.md) | Duomenų gavimo ir naudojimo būdai | Kaip duomenys teka jūsų programoje, kaip juos gauti, saugoti ir išmesti | [Duomenys](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banko programa](./7-bank-project/solution/README.md) | Būsenos valdymo konceptai | Sužinokite, kaip jūsų programa saugo būseną ir kaip ją valdyti programiškai | [Būsenos valdymas](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Naršyklės / VScode kodas](../../8-code-editor) | Darbas su VScode | Išmokite naudotis kodo redaktoriumi | [Naudokite VScode redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistentai](./9-chat-project/README.md) | Darbas su AI | Išmokite sukurti savo AI asistentą | [AI asistento projektas](./9-chat-project/README.md) | Chris |
| | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susieta pamoka | Autorius |
| :-: | :----------------------------------------------------------------: | :----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :----------------------: |
| 01 | Pradžia | Įvadas į programavimą ir įrankiai | Sužinoti pagrindus, kurie slypi daugumoje programavimo kalbų, ir apie programinę įrangą, kuri padeda profesionaliems kūrėjams dirbti | [Įvadas į programavimo kalbas ir įrankius](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Pradžia | GitHub pagrindai, komandinio darbo ypatumai | Kaip naudoti GitHub projekte, kaip bendradarbiauti dirbant su kodo baze | [Įvadas į GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Pradžia | Prieinamumas | Susipažinti su interneto prieinamumo pagrindais | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS pagrindai | JavaScript duomenų tipai | JavaScript duomenų tipų pagrindai | [Duomenų tipai](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS pagrindai | Funkcijos ir metodai | Sužinoti apie funkcijas ir metodus, valdant programos logikos srautą | [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md) | Jasmine ir Christopher |
| 06 | JS pagrindai | Sprendimų kūrimas su JS | Kaip kurti sąlygas savo kode naudojant sprendimų priėmimo būdus | [Sprendimų kūrimas](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS pagrindai | Masyvai ir ciklai | Dirbti su duomenimis naudojant masyvus ir ciklus JavaScript | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarijus](./3-terrarium/solution/README.md) | HTML praktikoje | Sukurti HTML, kad sukurtumėte internetinį terarijų, daugiausia dėmesio skiriant maketui | [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarijus](./3-terrarium/solution/README.md) | CSS praktikoje | Kurti CSS stiliaus taisykles internetiniam terarijui, daugiausia dėmesio skiriant CSS pagrindams, įskaitant puslapio adaptaciją | [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarijus](./3-terrarium/solution/README.md) | JavaScript closure’ai, DOM manipuliacija | Kurti JavaScript, kuris užtikrintų terarijaus veikimą per tempimą/paleidimą, daugiausia dėmesio skiriant closure’ams ir DOM manipuliacijai | [JavaScript closure’ai, DOM manipuliacija](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Rašymo žaidimas](./4-typing-game/solution/README.md) | Sukurti rašymo žaidimą | Sužinoti, kaip naudoti klaviatūros įvykius, kad valdytumėte savo JavaScript programos logiką | [Įvykių valdymas](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Darbas su naršyklėmis | Sužinoti, kaip veikia naršyklės, jų istoriją ir kaip sukurti pirmuosius naršyklės plėtinio elementus | [Apie naršykles](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Forma, API iškvietimas ir kintamųjų saugojimas local storage | Kurti naršyklės plėtinio JavaScript elementus, kurie kviečia API naudojant local storage | [API, formos ir local storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Fono procesai naršyklėje, interneto našumas | Naudoti naršyklės fono procesus plėtinio piktogramai valdyti; sužinoti apie interneto našumą ir optimizacijas | [Fono užduotys ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Pažangesnė žaidimų kūrimo su JavaScript dalis | Sužinoti apie paveldėjimą naudojant klases ir kompoziciją bei pub/sub modelį, pasirengti žaidimo kūrimui | [Įvadas į pažangią žaidimų kūrimą](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Piešimas ant drobės | Sužinoti apie Canvas API, naudojamą elementų piešimui ekrane | [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Elementų judinimas ekrane | Sužinoti, kaip elementai gali judėti naudojant Dekartines koordinates ir Canvas API | [Judinamų elementų valdymas](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Susidūrimo atpažinimas | Leisti elementams susidurti ir reaguoti vienam į kitą, naudoti klavišų paspaudimus ir suteikti atšildymo funkciją, užtikrinančią našumą | [Susidūrimo atpažinimas](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Balansavimas | Atlikti matematikos skaičiavimus pagal žaidimo būseną ir veikimą | [Balansavimas](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Žaidimo pabaiga ir paleidimas iš naujo | Sužinoti apie žaidimo pabaigą ir paleidimą iš naujo, įskaitant išteklių valymą ir kintamųjų reikšmių atstatymą | [Pabaigos sąlyga](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banko programėlė](./7-bank-project/solution/README.md) | HTML šablonai ir maršrutai interneto programoje | Sužinoti, kaip sukurti daugiasluoksnio tinklalapio struktūrą, naudojant maršrutizavimą ir HTML šablonus | [HTML šablonai ir maršrutai](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banko programėlė](./7-bank-project/solution/README.md) | Prisijungimo ir registracijos formos kūrimas | Sužinoti apie formų kūrimą ir validacijos vykdymą | [Formos](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banko programėlė](./7-bank-project/solution/README.md) | Duomenų užklausų ir panaudojimo būdai | Kaip duomenys teka programoje, kaip juos gauti, saugoti ir atsikratyti | [Duomenys](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banko programėlė](./7-bank-project/solution/README.md) | Būsenos valdymo pagrindai | Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programiškai | [Būsenos valdymas](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Darbas su VScode | Sužinoti, kaip naudotis kodo redaktoriumi | [Naudok VScode kodo redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [Dirbtiniai intelektai](./9-chat-project/README.md) | Darbas su DI | Sužinoti, kaip sukurti savo dirbtinio intelekto asistentą | [DI asistento projektas](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika
Mūsų mokymo programa sukurta remiantis dviem pagrindinėmis pedagoginėmis taisyklėmis:
* mokymasis per projektus
* dažnos viktorinos
* projektinis mokymasis
* dažni testai
Programa moko JavaScript, HTML ir CSS pagrindus bei naujausius įrankius ir metodus, kuriuos naudoja šių dienų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kuriant rašymo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosmoso invazijos tipo žaidimą ir verslo banko programėlę. Baigus šį ciklą studentai įgis tvirtą supratimą apie interneto kūrimą.
Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir metodų, kuriuos naudoja šių laikų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kurdami rašymo žaidimą, virtualų terarijų, ekologišką naršyklės plėtinį, kosminį invazijos stiliaus žaidimą ir banko programėlę verslui. Baigus šį ciklą, studentai turės tvirtą žinių pagrindą apie interneto kūrimą.
> 🎓 Pirmas kelias šios programos pamokas galite atlikti kaip [Mokymosi kelią](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platformoje!
> 🎓 Pirmas kelias pamokas galite išklausyti kaip [mokymosi kelią](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platformoje!
Užtikrinant, kad turinys atitiktų projektus, procesas tampa labiau įtraukiantis studentams, o konceptų įsisavinimas pagerėja. Taip pat parašėme keletą pradinio lygio pamokų JavaScript pagrindams supažindinti, jas lydi video iš „[Pradedančiųjų serijos į JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ kolekcijos, kurios autorių dalyvavo ir šioje programoje.
Uždraudžiant turinį susieti su projektais, procesas tampa įdomesnis studentams, o konceptų įsisavinimas – geresnis. Taip pat parašėme keletą pradiniams JavaScript pagrindų orientuotų pamokų, supažindinančių su konceptais, papildytų vaizdo įrašu iš „Beginners Series to: JavaScript“ mokymų serijos, kurių kai kurie autoriai prisidėjo prie šios programos.
Be to, žemesnio slenksčio viktorina prieš pamoką nukreipia studentų dėmesį mokytis temą, o antroji viktorina po pamokos užtikrina geresnį įsisavinimą. Ši programa sukurta taip, kad būtų lanksti ir smagi, ją galima atlikti visa arba dalimis. Projektai prasideda nedideli ir pamažu tampa vis sudėtingesni per visą 12 savaičių ciklą.
Be to, žemo slenksčio testas prieš pamoką nukreipia studentus į mokymosi temą, o antras testas po pamokos padeda įsisavinti žinias dar geriau. Ši programa sukurta būti lanksti ir smagi, ją galima įgyti visą arba iš dalies. Projektai prasideda nuo paprastų ir turi vis didėjančią sudėtingumo laipsnį per 12 savaičių ciklą.
Nors sąmoningai vengėme įvesti JavaScript karkasus, kad susikoncentruotume į pagrindinius įgūdžius, reikalingus kaip interneto kūrėjui prieš pereinant prie karkasų, gera tolesnė žingsnis būtų išmokti apie Node.js per kitą video kolekciją: „[Pradedančiųjų serija į Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)“.
> Apsilankykite mūsų [Elgesio kodekse](CODE_OF_CONDUCT.md) ir [Dalyvavimo taisyklėse](CONTRIBUTING.md). Laukiame jūsų konstruktyvių atsiliepimų!
Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad susitelktume į pagrindinius įgūdžius, reikalingus interneto kūrėjui prieš perėjimą prie karkaso, kitas geras žingsnis po šios programos būtų susipažinti su Node.js per vaizdo įrašų seriją: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Apsilankykite mūsų [Elgesio kodekse](CODE_OF_CONDUCT.md) ir [Prisidėjimo](CONTRIBUTING.md) gairėse. Laukiame jūsų konstruktyvaus grįžtamojo ryšio!
## 🧭 Offline prieiga
Šią dokumentaciją galite naudoti offline naudodami [Docsify](https://docsify.js.org/#/). Nuklonuokite šį repo, [įdiekite Docsify](https://docsify.js.org/#/quickstart) savo vietinėje mašinoje, tada šio repo šakniniame aplanke paleiskite `docsify serve`. Svetainė bus pasiekiama per 3000 prievadą jūsų localhost: `localhost:3000`.
Šią dokumentaciją galite naudoti neprisijungę, naudodami [Docsify](https://docsify.js.org/#/). Sukurkite šaką (fork) šios saugyklos, [įdiekite Docsify](https://docsify.js.org/#/quickstart) savo vietiniame įrenginyje, tada įeiname į šios saugyklos pagrindinį katalogą ir įveskite komandą `docsify serve`. Svetainė bus pateikta jūsų localhost:3000 prievade: `localhost:3000`.
## 📘 PDF
Visų pamokų PDF galite rasti [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
Visų pamokų PDF galima rasti [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Kiti kursai
@ -229,52 +228,52 @@ Mūsų komanda kuria ir kitus kursus! Pažiūrėkite:
[![AZD pradedantiesiems](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 pradedantiesiems](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 pradedantiesiems](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 agentai pradedantiesiems](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)
[![DI agentai pradedantiesiems](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)
---
### Generatyviosios AI serija
[![Generatyvi AI pradedantiesiems](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)
[![Generatyvi 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)
[![Generatyvi 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)
[![Generatyvi 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)
### Generatyvinio DI serija
[![Generatyvinis DI pradedantiesiems](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)
[![Generatyvinis DI (.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)
[![Generatyvinis DI (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)
[![Generatyvinis DI (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)
---
### Pagrindiniai mokymai
[![ML pradedantiesiems](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)
### Pagrindinis mokymasis
[![DI mokymasis pradedantiesiems](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)
[![Duomenų mokslas pradedantiesiems](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 pradedantiesiems](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)
[![DI pradedantiesiems](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)
[![Kibernetinis saugumas pradedantiesiems](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)
[![Tinklapių kūrimas pradedantiesiems](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)
[![Internetinių svetainių kūrimas pradedantiesiems](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 pradedantiesiems](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 kūrimas pradedantiesiems](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 AI programuotojams](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 C#/.NET programuotojams](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 DI poriniam programavimui](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 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 nuotykiai](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 -->
## Pagalba
Jei užstrigote arba turite klausimų apie AI programėlių kūrimą. Prisijunkite prie bendraminčių ir patyrusių programuotojų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai laukiami, o žinios laisvai dalijamos.
Jei sustojote arba turite klausimų apie DI programų kūrimą. Prisijunkite prie kitų besimokančiųjų ir patyrusių programuotojų diskusijose apie MCP. Tai palaikanti bendruomenė, kurioje klausimai yra laukiami, o žinios dalijamos laisvai.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Jei turite produktų atsiliepimų arba randate klaidų kūrimo metu, apsilankykite:
Jei turite produkto atsiliepimų arba radote klaidų kūrimo metu, apsilankykite:
[![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)
## Licencija
Šis saugykla licencijuota pagal MIT licenciją. Daugiau informacijos žr. faile [LICENSE](../../LICENSE).
Šis saugykla yra licencijuota pagal MIT licenciją. Daugiau informacijos žr. faile [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Atsakomybės apribojimas**:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritiškai svarbiai informacijai rekomenduojamas profesionalus žmogiškas vertimas. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, kilusius naudojant šį vertimą.
**Atsakomybės apribojimas**:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors stengiamės užtikrinti tikslumą, prašome atkreipti dėmesį, kad automatizuoti vertimai gali būti su klaidomis ar netikslumais. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Esant kritinei informacijai, rekomenduojamas profesionalus žmogaus vertimas. Mes neatsakome už bet kokius nesusipratimus ar klaidingą interpretavimą, kylančius dėl šio vertimo naudojimo.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

65
translations/lt/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [Pamokos tema]
# Pamokos tema
![Įterpkite vaizdo įrašą čia](../../../lesson-template/video-url)
## 🎥 Vaizdo įrašas
## [Prieš paskaitą viktorina](../../../lesson-template/quiz-url)
> Pridėkite įterptą vaizdo įrašą arba pamokos nuorodą čia.
[Aprašykite, ką išmoksime]
---
## Priešpaskaitinis testas
> Pridėkite testo nuorodą čia, kai ji bus prieinama.
---
Trumpai aprašykite, ko studentai išmoks šioje pamokoje.
---
### Įvadas
Aprašykite, kas bus aptarta
Trumpai pristatykite, kas bus aptariama šioje pamokoje.
> Pastabos
### Būtinos žinios
---
### Išankstinės žinios
Kokius žingsnius reikėjo atlikti prieš šią pamoką?
Išvardykite sąvokas ar temas, su kuriomis studentai turėtų būti susipažinę prieš pradėdami šią pamoką.
---
### Pasiruošimas
### Paruošimas
Parengiamieji žingsniai, kad galėtumėte pradėti šią pamoką
Išvardykite nustatymo veiksmus ar įrankius, reikalingus prieš pradedant pamoką.
---
[Turinio peržiūra blokais]
### Turinys
Žingsnis po žingsnio pereikite pamokos turinį struktūrizuotose dalyse.
---
## [Tema 1]
## Tema 1
### Užduotis:
Dirbkite kartu, kad palaipsniui patobulintumėte savo kodų bazę ir sukurtumėte projektą su bendru kodu:
Dirbkite kartu, kad palaipsniui patobulintumėte savo kodo bazę ir sukurtumėte projektą su bendro naudojimo kodu:
```html
code blocks
```
✅ Žinių patikrinimas - pasinaudokite šia akimirka, kad praplėstumėte studentų žinias atvirais klausimais
✅ Žinių patikrinimas
Pasinaudokite šia proga išplėsti studentų žinias atvirais klausimais.
## [Tema 2]
## Tema 2
## Tema 3
## [Tema 3]
🚀 Iššūkis
Pridėkite bendradarbiavimo iššūkį studentams, kad patobulintų projektą.
🚀 Iššūkis: Pasiūlykite studentams klasėje bendradarbiaujant dirbti su projektu ir jį patobulinti
Pasirinktinai: pridėkite ekrano nuotrauką, kurioje matomas baigtos pamokos UI, jei tinkama.
Pasirinktinai: pridėkite ekrano nuotrauką su baigtos pamokos sąsaja, jei tai tinkama
## Po paskaitos testas
## [Po paskaitos viktorina](../../../lesson-template/quiz-url)
Pridėkite testo nuorodą po pamokos pabaigos.
## Apžvalga ir savarankiškas mokymasis
## Peržiūra ir savarankiškas mokymasis
**Užduoties terminas [MM/YY]**: [Užduoties pavadinimas](assignment.md)
**Uždavinys turi būti atliktas iki [MM/YY]**: [Uždavinio pavadinimas](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Atsakomybės apribojimas**:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritinei informacijai rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatizuoti vertimai gali turėti klaidų arba netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojame naudotis profesionalaus žmogaus vertimu. Mes neatsakome už jokius nesusipratimus ar neteisingus aiškinimus, atsiradusius dėl šio vertimo naudojimo.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:09:05+00:00",
"translation_date": "2026-04-24T13:02:08+00:00",
"source_file": "AGENTS.md",
"language_code": "my"
},
@ -516,8 +516,8 @@
"language_code": "my"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T17:44:35+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T12:54:23+00:00",
"source_file": "README.md",
"language_code": "my"
},
@ -564,8 +564,8 @@
"language_code": "my"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-27T22:34:12+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T12:54:42+00:00",
"source_file": "lesson-template/README.md",
"language_code": "my"
},

365
translations/my/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Project Overview
ဒါဟာ ဝဘ်ဒီဗလပ်မှန်အခြေခံမှုများကို စတင်လေ့လာသူများအတွက် သင်ကြားပေးရန် အရည်အချင်းမြှင့်ပညာရေး သင်ရိုးညွှန်းလမ်းကြောင်း ရှည်လျားသော ထောက်ပံ့မှုပလက်ဖောင်းတစ်ခု ဖြစ်သည်။ သင်ရိုးညွှန်းလမ်းကြောင်းမှာ Microsoft Cloud Advocates မှ ဖန်တီးထားသော 12 နာရီကြာ သင်တန်း ၁၂ ပတ် တစ်ခု ဖြစ်ပြီး JavaScript, CSS, နှင့် HTML ကို မျက်နှာသာသော သင်ခန်းစာ ၂၄ ခု ပါဝင်သည်။
ဒီဟာက သင်ပုန်းများအတွက် ဝဘ်ဖွံ့ဖြိုးမှုအခြေခံများကို သင်ကြားပေးရန် အသုံးပြုသော ပညာရေး သင္ခန်းစာအစီအစဉ် repository တစ်ခုဖြစ်သည်။ ဒီသင်ခန်းစာအစီအစဉ်မှာ Microsoft Cloud Advocates မှ ဖန်တီးထားတဲ့ အာရုံစိုက်မှု ၁၂ ပတ်စာ comprehensive သင်ခန်းစာတစ်ခုဖြစ်ပြီး JavaScript၊ CSS၊ HTML တို့ကို ဖုံးလွှမ်းသည့် လက်တွေ့ ၂၄ ခုသော သင်ခန်းစာများ ပါဝင်သည်။
### Key Components
- **ပညာရေး အကြောင်းအရာများ**: စီစဉ်ထားသော သင်ခန်းစာ ၂၄ ခန်းများ၊ စီမံကိန်းလိုက် မော်ဂျူလ်များအဖြစ်
- **လက်တွေ့ ပရောဂျက်များ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, နှင့် AI Chat Assistant
- **အပြန်အလှန် စာမေးပွဲများ**: တစ်ခုခြင်း သင်ခန်းစာ မတိုင်မီ နှင့် သင်ခန်းစာပြီးနောက် အကဲဖြတ်ရန် မေးခွန်း ၃ မျိုး ပါဝင်သည့် စာမေးပွဲ ၄၈ ခု
- **ဘာသာစကားပေါင်းများစွာ အထောက်အပံ့**: GitHub Actions မှ တစ်ဆင့် ဘာသာစကား ၅၀ ကျော် အလိုအလျောက် ဘာသာပြန်ခြင်း
- **ပညာရေးအကြောင်းအရာ**: စီမံဆောင်ရွက်ခြင်းအခြေခံ module များအဖြစ် စီစဉ်ထားသော ၂၄ ခုသော သင်ခန်းစာများ
- **လက်တွေ့ ပရောဂျက်များ**: 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
- သင်ခန်းစာအခြေခံ ပညာရေး ဒေတာဗေ့စ်
- သင်ခန်းစာ တစ်ခုချင်း အတွင်း README, ကုဒ်နမူနာများ နှင့် နည်းလမ်း ဖြေရှင်းချက်များ ပါဝင်သည်
- စကြာ ဝင်ပေါက်ရှိသော ပရောဂျက်များ ကို ထူးခြားသော ဖိုလ်ဒါများတွင် ထားရှိသည် (quiz-app, စသည်)
- GitHub Actions (co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်စနစ်
- Docsify ဖြင့် စာရွက်စာတမ်းများကို ဝန်ဆောင်မှုပေးပြီး PDF အဖြစ်လည်းရနိုင်သည်
- သင်ခန်းစာအခြေခံပညာရေး repository
- သင်ခန်းစာ တစ်ခုချင်းစီအတွက် README၊ code နမူနာများနှင့် ဖြေရှင်းနည်းများပါရှိသည်
- project များကို သီးသန့် ဖိုလ်ဒါများတွင်ထားသည် (quiz-app, အမျိုးမျိုးသော သင်ခန်းစာပရောဂျက်များ)
- GitHub Actions (co-op-translator) ဖြင့် ဘာသာပြန် စနစ်
- Docsify ဖြင့် စာရွက်စာတမ်းများ ပေးပို့ပြီး PDF အဖြစ် ရနိုင်သည်
## Setup Commands
ဒီ ဒေတာဗေ့စ်ကို စင်စစ်ပညာရေး အကြောင်းအရာ အသုံးပြုရုံအတွက် အဓိက ရည်ရွယ်သည်။ အထူးပရောဂျက်များနှင့် လုပ်ကိုင်ရန်အတွက်:
ဒီ repository ကို ပညာရေးအကြောင်းအရာ သုံးစွဲရန်အဓိက ဖြစ်သည်။ ဖတ်ရှုလိုသော ပရောဂျက်များ အတွက် -
### Main Repository Setup
@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners
```bash
cd quiz-app
npm install
npm run dev # ဖွံ့ဖြိုးမှုဆာဗာကို စတင်ပါ
npm run dev # ဖွံ့ဖြိုးတိုးတက်မှုဆာဗာကို စတင်ပါ
npm run build # ထုတ်လုပ်မှုအတွက် တည်ဆောက်ပါ
npm run lint # ESLint ကို chạyပါ
npm run lint # ESLint ကို chạyပါ။
```
### Bank Project API (Node.js + Express)
@ -46,9 +46,9 @@ npm run lint # ESLint ကို chạyပါ
```bash
cd 7-bank-project/api
npm install
npm start # API ဆာဗာ စတင်ပါ
npm run lint # ESLint ကို ပြေးပါ
npm run format # Prettier ဖြင့် ပုံစံစစ်ဆေးပါ
npm start # API ဆားဗာကို စတင်ပါ
npm run lint # ESLint ကို chạy run ပါ
npm run format # Prettier နဲ့ ဖော်မက်လုပ်ပါ
```
### Browser Extension Projects
@ -56,7 +56,7 @@ npm run format # Prettier ဖြင့် ပုံစံစစ်ဆေး
```bash
cd 5-browser-extension/solution
npm install
# ဘရောက်ဇာအသီးသီးထည့်သွင်းနည်းလမ်းညွှန်များကိုလိုက်နာပါ
# ေဘရာဇာအလိုက္ပင္ပိတ္ခ်ထားသည့္ အေသးစိတ္ညႊန္ၾကားခ်က္မ်ားကို လိုက္နာပါ
```
### Space Game Projects
@ -64,7 +64,7 @@ npm install
```bash
cd 6-space-game/solution
npm install
# index.html ကို browser မှာဖွင့်ပါ သို့မဟုတ် Live Server ကိုအသုံးပြုပါ
# index.html ကို browser တွင်ဖွင့်ပါ သို့မဟုတ် Live Server ကို အသုံးပြုပါ
```
### Chat Project (Python Backend)
@ -72,7 +72,7 @@ npm install
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# GITHUB_TOKEN ပတ်ဝန်းကျင်အပြောင်းအလဲ ကို သတ်မှတ်ပါ
# GITHUB_TOKEN ပတ်ဝန်းကျင်တန်ဖိုးကိုသတ်မှတ်ပါ
python api.py
```
@ -80,29 +80,29 @@ python api.py
### For Content Contributors
1. **ရိုက်နှိပ်ပြီး fork လုပ်ရန်** မိမိ၏ GitHub အကောင့်သို့
2. **fork ကို clone လုပ်ပါ** ဒေသခံစနစ်သို့
3. **သင်ပြင်ဆင်လိုသော ဗားရှင်း အသစ် ဖန်တီးပါ**
4. သင်ခန်းစာ အကြောင်းအရာ သို့မဟုတ် ကုဒ်နမူနာများ ပြင်ဆင်ပါ
5. ပရောဂျက်တွင် ကုဒ်ပြင်ဆင်မှုများ ရရှိပါက စမ်းသပ်ပါ
6. အကူအညီအဖွဲ့ ဆောင်ရွက်နေသော လမ်းညွှန်ချက်များအတိုင်း pull request တင်သွင်းပါ
1. **Repository ကို fork** လုပ်၍ သင်၏ GitHub အကောင့်သို့ ယူပါ
2. **Fork ကို ဒေသဆိုင်ရာ clone** လုပ်ပါ
3. ပြင်ဆင်မှုများအတွက် အသစ်သော branch တစ်ခုဖန်တီးပါ
4. သင်ခန်းစာအကြောင်းအရာ သို့မဟုတ် code နမူနာများ ပြင်ဆင်ပါ
5. ပရောဂျက်ဖိုလ်ဒါများတွင် code ပြင်ဆင်မှုများ စမ်းသပ်ပါ
6. ကူညီပံ့ပိုးမှု လမ်းညွှန်ချက်များ အတိုင်း pull request များ တင်ပါ
### For Learners
1. Fork လုပ် သို့မဟုတ် clone လုပ်ပါ
2. သင်ခန်းစာ ဖိုလ်ဒါများကို နောက်တတ်တိုက် တိုင်ရွက်ပါ
3. သင်ခန်းစာမျက်နှာများကို ဖတ်ရှုပါ
4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ စာမေးပွဲ ဖြေဆိုပါ
5. သင်ခန်းစာဖိုလ်ဒါများတွင် ကုဒ်နမူနာများကို လေ့လာပါ
6. အလုပ်အပ်နှင့် စိန်ခေါ်မှုများ ပြီးမြောက်အောင် ဆောင်ရွက်ပါ
7. သင်ခန်းစာပြီးနောက် စာမေးပွဲများ ဖြေဆိုပါ
1. Repository ကို fork သို့မဟုတ် clone လုပ်ပါ
2. သင်ခန်းစာ ဖိုလ်ဒါများကို အဆင့်လိုက် သွားပါ
3. သင်ခန်းစာတစ်ခုချင်း ရေးထားသော README ဖတ်ပါ
4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ စိစစ်မေးခွန်းများ ဖြေဆိုပါ
5. သင်ခန်းစာ ဖိုလ်ဒါများမှ code နမူနာများ အသုံးပြုပါ
6. ဖြေကြားချက်များနှင့် စိန်ခေါ်မှုများ ပြီးမြောက်အောင်လုပ်ပါ
7. သင်ခန်းစာပြီးနောက် စိစစ်မေးခွန်းများ ဖြေဆိုပါ
### Live Development
- **စာရွက်စာတမ်းများ**: ကိုယ်ပိုင် `docsify serve` ကို root တွင်ချပြရန် (port 3000)
- **Quiz App**: quiz-app ဖိုလ်ဒါတွင် `npm run dev` ဖြစ်စေပါ
- **ပရောဂျက်များ**: VS Code ရဲ့ Live Server extension ကို HTML ပရောဂျက်များအတွက် အသုံးပြုပါ
- **API ပရောဂျက်များ**: အဆိုပါ API ဖိုလ်ဒါများတွင် `npm start` ချပြပါ
- **စာရွက်စာတမ်းများ**: repository အမြောက်မှာ `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
@ -110,173 +110,172 @@ python api.py
```bash
cd quiz-app
npm run lint # ကုဒ်ပုံစံ ပြဿနာများကို စစ်ဆေးပါ
npm run build # ဖွဲ့စည်းမှု အောင်မြင်မှုကို အတည်ပြုပါ
npm run lint # ကုဒ်ပုံစံပြဿနာများကို စစ်ဆေးပါ
npm run build # တည်ဆောက်မှုအောင်မြင်မှုကို သေချာစေပါ
```
### Bank API Testing
```bash
cd 7-bank-project/api
npm run lint # ကုဒ်စတိုင်ပြဿနာများကို စစ်ဆေးပါ
node server.js # အမှားများမရှိဘဲ ဆာဗာစတင်သည်ကို သေချာစစ်ဆေးပါ
npm run lint # ကုဒ်ပုံစံပြဿနာများစစ်ဆေးပါ
node server.js # error မဖြစ်ဘဲ server စတင်နိုင်မှုကိုအတည်ပြုပါ
```
### General Testing Approach
- ဒေတာဗေ့စ်သည် အလိုအလျောက် စမ်းသပ်မှု ပုံမှန် မပါဝင်သော ပညာရေးစနစ်ဖြစ်သည်
- စမ်းသပ်မှုများကို လက်မှုပုံစံဖြင့် အောက်ပါအတိုင်း အာရုံစိုက်ပါသည် -
- ကုဒ်နမူနာများ အမှားမဖြစ်စေဘဲ ပြေးပါခြင်း
- စာရွက်စာတမ်းတွင် မျှဝေထားသော လင့်ခ်များ အလုပ်လုပ်ရခြင်း
- ပရောဂျက်တည်ဆောက်မှု ပြီးမြောက်ခြင်း
- နမူနာများသည် ကောင်းမွန်သော လေ့လာမှုနည်းလမ်းများကို လိုက်နာခြင်း
- ဒီဟာက ကျယ်ပြန့်သော အလိုအလျောက်စမ်းသပ်မှု မပါဝင်သည့် ပညာရေး repository ဖြစ်သည်
- လက်မောင်းဖြင့် စမ်းသပ်မှုတွင် အဓိကထားသည်မှာ -
- Code နမူနာများ အမှားမရှိစွာ ပြေးနိုင်မှု
- စာရွက်စာတမ်း link များ တိကျမှန်ကန်မှု
- ပရောဂျက်များ build ပြီးမြောက်မှု
- နမူနာများသည် လေ့လာသူများအတွက် ပညာရေး အခြေခံမူများနှင့် ကိုက်ညီစွာ ရေးသားထားမှု
### Pre-submission Checks
- package.json ပါဝင်သော ဖိုလ်ဒါများတွင် `npm run lint` ကို တင်သတ်ပါ
- markdown လင့်ခ်များကို မှန်ကန်ပြည့်စုံကြောင်း အတည်ပြုပါ
- ဘရောက်ဇာ နှင့် Node.js တို့တွင် ကုဒ်နမူနာများကို စမ်းသပ်ပါ
- ဘာသာပြန်မှုများ၏ ဖွဲ့စည်းမှု မြောက်မြားမှု ထိန်းသိမ်းထားမှု စိစစ်ပါ
- package.json ရှိသော ဖိုလ်ဒါများတွင် `npm run lint` ကို run ပါ
- markdown link များ အတည်ပြုပါ
- Browser သို့မဟုတ် Node.js တွင် code နမူနာများ စမ်းသပ်ပါ
- ဘာသာပြန်ထားမှုများ ပုံစံတိကျမှု ထိန်းသိမ်းထားမှုစစ်ဆေးပါ
## Code Style Guidelines
### JavaScript
- ခေတ်မီ ES6+ စာရေးနည်းကို အသုံးပြုပါ
- ပရောဂျက်အတွင်း ပါရှိသည့် standard ESLint ပြဿနာစနစ်ကို လိုက်နာပါ
- ပညာရေး ရည်ရွယ်ချက်အတွက် သီးခြား နာမည်များ အသုံးပြုပါ
- လေ့လာသူများအတွက် အဓိပ္ပာယ်ဖွင့်ရှင်းချက်များ စာသားတွေ ထည့်ပါ
- Prettier ဖြင့် ပုံစံ စနစ်တကျ ပြုပြင်ထားပါ (configured ရှိလျှင်သာ)
- နောက်ဆုံး ES6+ syntax များ အသုံးပြုပါ
- Project များတွင် ရှိသော standard ESLint configuration ကို လိုက်နာပါ
- ပညာရေး ရည်ရွယ်ချက်ဖြင့် အဓိကရှိသော variable နေရာများနှင့် function နာမည်များ အဓိကထားသုံးပါ
- လေ့လာသူများအတွက် အကြောင်းအရာ ရှင်းလင်းစွာ မှတ်ချက် ထည့်ပါ
- Prettier ဖြင့် ဖော်မက်နှိပ်ထားသောနေရာများ၌ အသုံးပြုပါ
### HTML/CSS
- Semantic HTML5 element များအသုံးပြုခြင်း
- တုန့်ပြန်မှု ဒီဇိုင်း များကို ဆောင်ရွက်ခြင်း
- Class နာမည်များကို ရှင်းလင်းသတိပြုအသုံးပြုပါ
- CSS နည်းကျများအတွက် သင်ယူသူများအတွက် ရှင်းလင်းရေးသားချက်များ ထည့်ပါ
- Semantic HTML5 ណ် များ အသုံးပြုပါ
- တုန့်ပြန်မှုရှိသည့် ဒီဇိုင်း များ
- ရှင်းလင်းသည့် class နာမည် စနစ်များ
- CSS နည်းဗျူဟာများ အတွက် မှတ်ချက်များ ထည့်ရေးသားပါ
### Python
- PEP 8 စံချိန်စံညွှန်းများ လိုက်နာပါ
- တိကျမြောက်မရှိ ပညာရေးကုဒ်နမူနာများ
- သင်ယူမှု အတွက် အကူအညီဖြစ်စေသည့် Type hints များထည့်ပါ
- PEP 8 စတိုင် လမ်းညွှန်ချက်များလိုက်နာပါ
- ပညာရေး ရည်ရွယ်ချက်ဖြင့် ရှင်းလင်းသော code နမူနာများ
- လေ့လာသူများအတွက် အထောက်အကူဖြစ်နိုင်သော type hints များ ထည့်ပါ
### Markdown Documentation
- ခေါင်းစဥ် အဆင့်လိုက် ရှင်းလင်းမှု
- ဝါကျဘာသာပြန်ထားသော ကုဒ် ဘလော့တွေ
- အသေးစိတ် ရင်းမြစ်များအတွက် လင့်ခ်များ
- `images/` ဖိုလ်ဒါများတွင် ပုံရိပ်များနှင့် စာရင်းများ
- ရှာဖွေသူများအတွက် ပုံများ၏ Alt စာသားများ
- ရှင်းလင်းသော ခေါင်းစဉ်အဆင့်မြှင့်များ
- ဘာသာပြန်အသုံးပြုထားသော code blocks များ
- ထပ်ဆောင်း အရင်းအမြစ်များသို့ ချိတ်ဆက်ထားမှု
- `images/` ဖိုလ်ဒါထဲ screenshot နှင့် ရုပ်ပုံများ
- ရုပ်ပုံများအတွက် အလေးထား သတ်မှတ်ချက်များ
### File Organization
- သင်ခန်းစာများ ကို နံပါတ်လိုက် စီစဉ်ထား (1-getting-started-lessons, 2-js-basics, စသည်)
- ပရောဂျက်တစ်ခုချင်းစီတွင် `solution/` နှင့် တခုခုသော `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများပါဝင်သည်
- ပုံရိပ်များသည် သင်ခန်းစာအလိုက် `images/` ဖိုလ်ဒါများတွင် သိမ်းဆည်းထားသည်
- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ဖိုလ်ဒါတွင် သိမ်းဆည်းထားသည်
- သင်ခန်းစာများကို အဆင့်လိုက် နံပါတ်စဉ်ထားခြင်း (1-getting-started-lessons, 2-js-basics, စသည်)
- Project တစ်ခုချင်းစီတွင် `solution/` နှင့် တစ်ခါတစ်ရံ `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများ ပါဝင်
- Lesson-specific `images/` ဖိုလ်ဒါထဲတွင် ရုပ်ပုံများ သိမ်းဆည်းထားခြင်း
- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ဖိုလ်ဒါတွင် ထားရှိခြင်း
## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps)
quiz-app သည် Azure Static Web Apps အဆောက်အအုံအတွက် ဆက်တင်ပြုလုပ်ထားသည် -
Quiz-app ကို Azure Static Web Apps များအတွက် ပြင်ဆင်ထားသည် -
```bash
cd quiz-app
npm run build # dist/ အဖိုင်ထည် ဆောက်သည်
# main ထိ တင်သွင်းသောအခါ GitHub Actions workflow ဖြင့် တင်စစ်သည်။
npm run build # dist/ ဖိုလ်ဒါကိုဖန်တီးသည်
# main သို့ push ပြုလုပ်သည်နှင့်အမျှ GitHub Actions workflow ဖြင့် ဖြန့်ချိသည်
```
Azure Static Web Apps ဆက်တင်များ:
- **App ရှေ့နေရာ**: `/quiz-app`
- **အထွက် ရှေ့နေရာ**: `dist`
Azure Static Web Apps ပြင်ဆင်မှုများ:
- **App location**: `/quiz-app`
- **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation
```bash
npm install # docsify-to-pdf ကို ထည့်သွင်းပါ
npm run convert # docs မှ PDF ကို ထုတ်လုပ်ပါ
npm install # docsify-to-pdf ကိုထည့်သွင်းပါ
npm run convert # docs မှ PDF ဖန်တီးပါ
```
### Docsify Documentation
```bash
npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာ ထည့်သွင်းပါ
docsify serve # localhost:3000 တွင် ဝန်ဆောင်မှုပေးပါ
npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာတွင် တပ်ဆင်ရန်
docsify serve # localhost:3000 တွင် ဆာဗ်လုပ်ရန်
```
### Project-specific Builds
ပရောဂျက် တစ်ခုချင်းစီ၏ build လုပ်ငန်းစဉ်သည် မတူကွဲပြားနိုင်ပါသည် -
- Vue ပရောဂျက်များ: `npm run build` နှင့် production bundle များ ဖန်တီးသည်
- Static ပရောဂျက်များ: build လုပ်ခြင်းမရှိဘဲ ဖိုင်များကို တိုက်ရိုက် ဝန်ဆောင်မှု ပြုလုပ်သည်
Project တစ်ခုချင်းစီတွင် build လုပ်ငန်းစဉ် ရှိနိုင်သည်။
- Vue ပရောဂျက်များ: `npm run build` ဖြင့် production bundle များ ဖန်တီးခြင်း
- Static ပရောဂျက်များ: build လိုအပ်မှု မရှိ၊ ဖိုင်များကို တိုက်ရိုက်ထည့်ပေးခြင်း
## Pull Request Guidelines
### Title Format
ပြင်ဆင်ချက် အကွာအဝေးပြသနိုင်စေရန် ခေါင်းစဉ်များကို ရှင်းလင်းဖော်ပြပါ:
- `[Quiz-app] သင်ခန်းစာ X အတွက် စာမေးပွဲ အသစ် ထည့်သွင်းပါ`
- `[Lesson-3] Terrarium ပရောဂျက်တွင် သိပ်ချောင်းမှုတစ်ခု ပြင်ဆင်သည်`
- `[Translation] သင်ခန်းစာ 5 အတွက် စပိန်ဘာသာပြန် ထည့်သွင်းပါ`
- `[Docs] အဆင်ပြေမှု နည်းလမ်းညွှန်ချက် များ ထပ်မံ ပြင်ဆင်ပါ`
ပြင်ဆင်မှု အမျိုးအစားကို သေချာဖော်ပြသည့် အမည်တပ်ပါ -
- `[Quiz-app] သင်ခန်းစာ X အတွက် quiz အသစ် ထည့်ခြင်း`
- `[Lesson-3] terrarium ပရောဂျက်မှ တစ်အချက် ပြင်ဆင်မှု`
- `[Translation] သင်ခန်းစာ 5 အတွက် စပိန် ဘာသာပြန် ဆက်စပ်မှု`
- `[Docs] အသုံးပြုမှု လမ်းညွှန်အချက် ပြင်ဆင်မှု`
### Required Checks
PR တင်မတိုင်မီ လူအတတ်ဆုံး စစ်ဆေးမှုများ -
PR တင်မီလုပ်ဆောင်ရန် -
1. **ကုဒ်အရည်အသွေး**:
- ဒဏ်ရာရှိသော ပရောဂျက် ဖိုလ်ဒါများတွင် `npm run lint` ထည့်ပြေးပါ
- lint အမှားများနှင့် သတိပေးချက်များအားလုံး ပြင်ဆင်သည်
1. **Code Quality**:
- ပြင်ဆင်မှုရှိသော project directory များတွင် `npm run lint` ပြေးပါ
- အမှားနှင့် သတိပေးချက်များကို ပြင်ဆင်ပါ
2. **Build အတည်ပြုမှု**:
- မည်သည့် အခါတွင်မဆို `npm run build` ကို ပြေးပါ
- Build အမှား မရှိကြောင်း သေချာစေပါ
2. **Build Verification**:
- သင့်လျော်ပါက `npm run build` ပြေးပြီး၊ build error မရှိစေပါ
3. **လင့်ခ် စစ်ဆေးမှု**:
- Markdown လင့်ခ်များအားလုံးကို စမ်းသပ်ပါ
- ပုံရိပ်ကိုင်တွယ်မှုများ ကို စစ်ဆေးပါ
3. **Link Validation**:
- markdown link များ စမ်းသပ်ပါ
- image ဖိုင်များ ရှိမှု အတည်ပြုပါ
4. **အကြောင်းအရာ ပြန်လည်သုံးသပ်မှု**:
- စာလုံးပေါင်းနှင့် အသံဖွဲ့မှု စစ်ဆေးပါ
- ကုဒ် နမူနာများ မှန်ကန်ပြီး ပညာရေးအတွက်သင့်တော်သည်ကို သေချာစေပါ
- ဘာသာပြန်မှုများသည် မူရင်း အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားသည်ကို အတည်ပြုပါ
4. **Content Review**:
- စာလုံးပေါင်းနှင့် 문법 ပြည့်စုံမှု စစ်ဆေးပါ
- Code နမူနာများ မှန်ကန်ပြီး ပညာရေးအတွက် သင့်တော်မှုရှိသည်ကို သေချာစေပါ
- ဘာသာပြန်ထားမှုများ အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားသည်ကို စစ်ဆေးပါ
### Contribution Requirements
- Microsoft CLA (အသစ် PR အတွက် အလိုအလျောက် စစ်ဆေးမှု) ပေးအပ်ရန် သဘောတူပါရန်
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ကို လိုက်နာပါ
- အသေးစိတ် လမ်းညွှန်မှုအတွက် [CONTRIBUTING.md](./CONTRIBUTING.md) ဖတ်ရှုပါ
- PR ဖေါ်ပြချက်တွင် ဆိုင်သော ပြဿနာအမှတ်များ ကို ပြုလုပ်ပါ
- Microsoft CLA (ပထမဆုံး PR တင်သည်နှင့်အလိုအလြော့ စစ်ဆေးမည်)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)ကို လိုက်နာပါ
- [CONTRIBUTING.md](./CONTRIBUTING.md) တွင် အသေးစိတ် လမ်းညွှန်ချက်များ ကြည့်ရှုပါ
- Bug report / feature request ပြုလုပ်ပြီး PR ဖော်ပြချက်တွင် အချိန်နှင့်ကျေရာ issue နံပါတ် ရေးပါ
### Review Process
- PR များကို မိမိ ဦးဆောင်သူများ နှင့် အသိုင်းအဝိုင်းက ရှင်းလင်း ပြန်လည်သုံးသပ်သည်
- ပညာရေး အပြည့်အဝ ရနိုင်ရေးကို ဦးစားပေးသည်
- ကုဒ် နမူနာများသည် လက်ရှိ အကောင်းဆုံးနည်းလမ်းများနှင့် ကိုက်ညီရမည်
- ဘာသာပြန်မှုများကို တိကျမှုနဲ့ ယဉ်ကျေးမှုသဘောထား အရ အကဲဖြတ်သည်
- PR များကို maintainers နှင့် community မှ စိစစ်သုံးသပ်
- ပညာရေး ရည်ရွယ်ချက်အခြေခံ၍ ရှင်းလင်းမှု ဦးစားပေး
- Code နမူနာများမှာ လက်ရှိ နည်းပညာများနှင့် အကောင်းဆုံးလေ့ကျင့်မှုများလိုက်နာမှုရှိခြင်း
- ဘာသာပြန်အဖြစ်မှန် ပြုလုပ်မှုကို စိစစ်
## Translation System
### Automated Translation
- GitHub Actions နှင့် co-op-translator workflow ကို အသုံးပြုသည်
- ဘာသာစကား ၅၀ ကျော်သို့ အလိုအလျောက် ဘာသာပြန်ပေးသည်
- မူရင်းဖိုင်များကို မူရင်း ဖိုလ်ဒါများတွင် တင်ရှိသည်
- ဘာသာပြန်သော ဖိုင်များကို `translations/{language-code}/` ကုဒ်လမ်းကြောင်းတွင်ထားသည်
- GitHub Actions နှင့် co-op-translator workflow ကိုအသုံးပြုသည်
- ၅၀ ကျော် ဘာသာစကား အလိုအလျောက် ဘာသာပြန် ပေးသည်
- ဇာတိ ဖိုင်များသည် main directory များအတွင်းရှိသည်
- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ထဲမှာ သိမ်းဆည်းသည်
### Adding Manual Translation Improvements
1. `translations/{language-code}/` ဖိုလ်ဒါအတွင်း ဖိုင်ရှာဖွေပါ
2. ဖွဲ့စည်းမှု မဖျက်ဆီးဘဲ တိုးတက်အောင် ပြင်ဆင်ပါ
3. ကုဒ်နမူနာများ အလုပ်လုပ်နိုင်မှု ထိန်းသိမ်းပါ
4. ဒေသဆိုင်ရာ စာမေးပွဲအကြောင်းအရာများ တင်ပြပါ
1. `translations/{language-code}/` ထဲမှ ဖိုင် ရှာပါ
2. ဖိုင်ပုံစံနှင့် ဖွဲ့စည်းမှု မပျက်စီးစေဘဲ ပြင်ဆင်ချက်များ ပြုလုပ်ပါ
3. Code နမူနာများ သည် လိပ်ပြာစွာ လည်ပတ်နေရသည်ကို သေချာစိစစ်ပါ
4. ဒေသဆိုင်ရာ quiz အကြောင်းအရာများ လည်း စမ်းသပ်ပါ
### Translation Metadata
ဘာသာပြန်ထားသော ဖိုင်များတွင် metadata ခေါင်းစီးပါရှိသည် -
ဘာသာပြန်ထားသော ဖိုင်များတွင် metadata header ပါဝင်သည်-
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -293,116 +292,116 @@ CO_OP_TRANSLATOR_METADATA:
### Common Issues
**Quiz app မသွင်းနိုင်သော ပြဿနာ**:
- Node.js ဗားရှင်း (v14+ ဟု အကြံပြု)
- `node_modules` နှင့် `package-lock.json` ဖိုင်များ ဖျက်ပြီး `npm install` ပြန်ပြုလုပ်ပါ
- Port မတူညီမှု (Vite ၏ ပုံမှန် port သည် 5173)
**Quiz app မစတင်နိုင်ခြင်း**:
- Node.js ဗားရှင်း (v14+ ကောင်းမွန်သည်) စစ်ဆေးပါ
- `node_modules` နှင့် `package-lock.json` ဖျက်ပြီး `npm install` ပြန်လုပ်ပါ
- Port တတ်နိုင်သော ပြဿနာများ စစ်ဆေးပါ (default: Vite ကို ၅၁၇၃ Port အသုံးပြုသည်)
**API server မတက်နိုင်ခြင်း**:
- Node.js ဗားရှင်း (node >=10) ကို အတည်ပြုပါ
- Port သုံးပြီးသားရှိမရှိ စစ်ဆေးပါ
- မလိုအပ်သည့် package များ install လုပ်ထားမရှိကြောင်း စစ်ဆေးပါ
**API server မစတင်နိုင်ခြင်း**:
- Node.js ဗားရှင်း (node >=10) စစ်ဆေးပါ
- Port နှစ်ခုစွဲမထားခြင်း၊ အသုံးပြုနေခြင်း စစ်ဆေးပါ
- လိုအပ်သော dependency များ `npm install` ဖြင့် ထည့်သွင်းထားကြောင်း အတည်ပြုပါ
**Browser extension မရောက်ရှိခြင်း**:
- manifest.json ကို မှန်ကန်စွာ စနစ်တကျ ဖန်တီးထားမှု စစ်ဆေးပါ
- Browser console အမှားများ စစ်ဆေးပါ
- Browser-specific extension တပ်ဆင်ခြင်း လမ်းညွှန်ချက်များလိုက်နာပါ
**Browser extension မတင်ရောက်ခြင်း**:
- manifest.json ဖိုင် မမှားယွင်းစွာ ရေးသားထားခြင်း စစ်ပါ
- Browser console တွင် error များရှိမရှိ စစ်ဆေးပါ
- Browser အမျိုးအစားနှင့် ကိုက်ညီသော installation လမ်းညွှန်ချက်များ လိုက်နာပါ
**Python chat project ပြဿနာများ**:
- OpenAI package ကို တပ်ဆင်ထားမှုရှိ/မရှိ စစ်ဆေးပါ `pip install openai`
- GITHUB_TOKEN environment variable ကို သတ်မှတ်ထားမှု ချက်ချင်းစစ်ဆေးပါ
- GitHub Models သုံးခွင့်ရှိမှုကို အတည်ပြုပါ
- OpenAI package ကို `pip install openai` ဖြင့် တပ်ဆင်ပါ
- GITHUB_TOKEN Environment variable ရှိပါစေ
- GitHub Models ခွင့်ပြုခွင့်များ စစ်ဆေးပါ
**Docsify စာရွက်စာတမ်း မပေးနိုင်မှု**:
- docsify-cli ကို ဘောလုံးအဆင့် တပ်ဆင်ပါ `npm install -g docsify-cli`
- ဒေတာဗေ့စ် root ဖိုလ်ဒါမှ ကြိုးစားပြေးပါ
- `docs/_sidebar.md` ဖိုင် ရှိမှုကို စစ်ဆေးပါ
**Docsify မှ docs မပေးပို့ခြင်း**:
- `docsify-cli` ကို ကမ္ဘာတစ်လွှား အဆင့် အလိုအလျောက် တပ်ဆင်ရန် `npm install -g docsify-cli`
- Repository root မှ run နေစဉ်
- `docs/_sidebar.md` ဖိုင် ရှိမရှိ စစ်ဆေးပါ
### Development Environment Tips
- HTML ပရောဂျက်များအတွက် VS Code Live Server အက်စတင်းရှင်းအသုံးပြုပါ
- မျှတသော format ဖြင့်ရေးသားရန် ESLint နှင့် Prettier extension များ ထည့်သွင်းပါ
- JavaScript debugging အတွက် browser DevTools သုံးပါ
- Vue ပရောဂျက်များအတွက် Vue DevTools browser extension ထည့်သွင်းပါ
- HTML project များအတွက် VS Code Live Server extension ကို အသုံးပြုပါ
- သေချာရှိစေရန် ESLint နှင့် Prettier extension များ တပ်ဆင်ပါ
- JavaScript debugging အတွက် browser DevTools ကို အသုံးပြုပါ
- Vue project များအတွက် Vue DevTools browser extension တပ်ဆင်ပါ
### Performance Considerations
- ဘာသာပြန်ဖိုင် နေရာအများစုသောကြောင့် (ဘာသာစကား ၅၀+) လုံးဝ clone လုပ်ရာတွင် များစွာဖိုင်များ ဖြစ်ပေါ်နိုင်သည်
- အကြောင်းအရာ အလျင်အမြန် ရယူရန် `git clone --depth 1` ကို အသုံးပြုပါ
- ဗမာဘာသာ အကြောင်းအရာများတွင် သင်တန်းသား content တွင် ဘာသာပြန်ဖိုင်များကို ရှာဖွေရန် မထည့်ပါနှင့်
- npm install နှင့် Vite build တို့ကဲ့သို့ build လုပ်ဆောင်မှုများ ပထမအကြိမ် run မှာ နှေးကွေးဖြစ်တတ်ပါသည်
- ဘာသာပြန်ထားသော ဖိုင်များ ၅၀ ကျော်ရှိမှုကြောင့် repository တင်ယူမှု ကြီးမားနိုင်
- တိုတောင်းသော clone လုပ်ရန် `git clone --depth 1` အသုံးပြုပါ
- အင်္ဂလိပ်ဘာသာ အကြောင်းအရာများအတွက် ဘာသာပြန်ဖိုင်များ ရှောင်ကြဉ်ပါ
- ပထမဆုံး run အချိန်တွင် build လုပ်ငန်းစဉ်များနှင့် npm install သည် ကြာမြင့်နိုင်သည်
## Security Considerations
### Environment Variables
- API key များကို ဒေတာဗေ့စ် သို့ မှတ်သား မထားသင့်ပါ
- `.env` ဖိုင်များ အသုံးပြုပါ ( `.gitignore` ထဲမှာ ရှိပြီး)
- သက်ဆိုင်ရာ ပရောဂျက် README များတွင် လိုအပ်သည့် environment variables များ ဖော်ပြထားပါ
- API keys မည်သည့်အချိန်၌မဆို repository ထဲတွင် ထည့်မထားပါနှင့်
- `.env` ဖိုင်များ (`.gitignore` ထဲတွင် ပါရှိဆဲ)
- Project များ၏ README တွင် လိုအပ်သော environment variable များ ဖော်ပြထားသည်
### Python Projects
- Virtual environment အသုံးပြုပါ: `python -m venv venv`
- dependency များကို Update လုပ်ထားပါ
- GitHub tokens များကို လိုအပ်သည့် ခွင့်ပြုချက် နည်းဆုံး သတ်မှတ်ပါ
- virtual environment အသုံးပြုပါ - `python -m venv venv`
- dependency များကို အဆက်မပြတ် update လုပ်ပါ
- GitHub tokens များကို လိုအပ်သမျှ permissions ထက် သက်သေကောင်းများသာ ရယူပါ
### GitHub Models Access
- GitHub Models သုံးရန် Personal Access Tokens (PAT) လိုအပ်ပါသည်
- tokens များကို environment variables အဖြစ် လျှို့ဝှက်ထားပါ
- tokens သို့မဟုတ် စကားဝှက်များကို မည်သည့်အချိန်တွင်မဆို commit မပြုလုပ်ရပါ
- GitHub Models အသုံးပြုရန် Personal Access Tokens (PAT) လိုအပ်သည်
- Token များကို environment variables အဖြစ် သိမ်းဆည်းပါ
- Token များနှင့် credentials များကို repository တွင် မထည့်ရန် သတိထားပါ
## Additional Notes
### Target Audience
- ဝဘ်ဒီဗလပ်မှန်အခြေခံသူ အသစ်စိတ် ပြုလုပ်သူများ
- ကျောင်းသားများနှင့် ကိုယ်တိုင်လေ့လာသူများ
- သင်တန်းကျောင်းများ၌ သင်ကြားသူများ
- ဤ content များသည် လွယ်ကူမြန်ဆန် ရှဉ့်ချိန်နှင့် အဆင့်လိုက်ကျွမ်းကျင်မှုတိုးတက်စေခြင်းအတွက် အထူးပြု ဒီဇိုင်းဖြစ်သည်
- ဝဘ်ဖွံ့ဖြိုးမှုအတွက် အစ ပြီးစီးစွာ မသိသူများ
- ကျောင်းသားများနှင့် ကိုယ်တိုင် လေ့လာသူများ
- သင်တန်းဆရာများ၊ အတန်းခန်းတွင် အသုံးပြုသူများ
- Accessibility နှင့် တဖြည်းဖြည်း ကျွမ်းကျင်မှု တိုးမြှင့်ရေး ရည်ရွယ်ချက် ပါဝင်သည်
### Educational Philosophy
- စီမံကိန်း အခြေပြု သင်ကြားမှု နည်းလမ်း
- မကြာခဏ ဉာဏ်စမ်း စစ်ဆေးမှုများ (စာမေးပွဲများ)
- လက်တွေ့ ကုဒ် ရေးခွင့်များ
- လက်တွေ့ ကမ္ဘာဆိုင်ရာ အသုံးချမှု နမူနာများ
- Framework မတိုင်မှီ အခြေခံကို အားပေးခြင်း
- Project-based learning နည်းလမ်း အသုံးပြုခြင်း
- knowledge checks (quiz) များ ကြိမ်နှုန်းမြင့်ရေးရာ
- လက်တွေ့ coding လေ့ကျင့်မှုများ
- အမှန်တကယ် အသုံးချနိုင်သော နမူနာများ
- framework မတိုင်ခင် အခြေခံများ အဓိကထားခြင်း
### Repository Maintenance
- လေ့လာသင်ယူသူများနှင့် ဆောင်ရွက်သူများ စည်းလုံးညီညွတ်မှုရှိ
- အမြဲတမ်း dependency လေးစားမှု နှင့် အကြောင်းအရာ အပ်ဒိတ်များ
- ပြဿနာများနှင့် ဆွေးနွေးမှုများကို maintainers က ထိန်းသိမ်းကြည့်ရှု
- ဘာသာပြန်မှုများကို GitHub Actions ဖြင့် အလိုအလျောက် ပြုလုပ်သည်
- ဆရာသင်သူများနှင့် ကိုယ်တိုင် ကူညီသူ အပေါင်းအသင်း တက်ကြွစွာ အတူဆောင်ရွက်မှု
- dependency များနှင့် content များအား နေ့စဉ် ပြုပြင် တိုးတက်မှု
- maintainers မှ issues နှင့် discussions များ စောင့်ကြည့် စစ်ဆေးမှု
- GitHub Actions ဖြင့် ဘာသာပြန် အလိုအလျောက် update ရယူခြင်း
### 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)
- အပို သင်တန်းများ: Generative AI, Data Science, ML, IoT သင်ရိုးညွှန်းလမ်းကြောင်းများ ရရှိနိုင်သည်
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ကို လေ့လာသူများအတွက် အကြံပြု
- အပို သင်ခန်းစာများ - Generative AI, Data Science, ML, IoT သင်ခန်းစာစနစ်များ ရရှိနိုင်
### Working with Specific Projects
အသေးစိတ် လမ်းညွှန်ချက်များအတွက် အောက်ဖော်ပြပါ README ဖိုင်များကို ကြည့်ပါ -
တိကျသော ပရောဂျက်များအတွက် အသေးစိတ် လမ်းညွှန်ချက်များကို အောက်ပါ README ဖိုင်များတွင် ကြည့်ရှုနိုင်သည် -
- `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - Banking application with authentication
- `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
- `7-bank-project/README.md` - authentication ပါဝင်သည့် Banking app
- `5-browser-extension/README.md` - Browser extension ဖွံ့ဖြိုးမှု
- `6-space-game/README.md` - Canvas ဆိုဒ် game ဖန်တီးခြင်း
- `9-chat-project/README.md` - AI Chat Assistant ပရောဂျက်
### Monorepo Structure
ဤဒေတာဗေ့စ်သည် ပုံမှန် Monorepo မဟုတ်ပေမဲ့ အဓိက တစ်နေရာတည်းတွင် ပရောဂျက်များစွာ ရှိပါသည် -
- သင်ခန်းစာ တစ်ခုချင်းစီ သီးခြားဖြစ်သည်
- ပရောဂျက်များသည် dependency များ မမျှဝေပါ
- တစ်ခုချင်းပရောဂျက်များအပေါ် လုပ်ကိုင်ရန် မတူညီသော အတွေ့အကြုံ မပျက်စီးပါ
- စတင်လေ့လာမှုအတွက် ဒေတာဗေ့စ် အားလုံး clone လုပ်ပါ
Monorepo တစ်ခု မဟုတ်ပေမယ့် ဒီ repository အတွင်း သီးခြားသော project များစွာ ပါဝင်သည် -
- သင်ခန်းစာများ အလိုက် အထုပ်ပြန်ထားသည်
- Project များ dependency မျှဝေပုံမရှိသည့် ဆိုက်များဖြစ်သည်
- ပရောဂျက်တစ်ခုချင်း၌ အလုပ်လုပ်ရာ ယင်းအခြား project များ ထိခိုက်မှုမရှိခြင်း
- အပြည့်တန်ဆာ ပညာရေးအကျိုးဖြစ်အောင် ရယူလိုလျှင် repository ကို အားလုံး clone လုပ်နိုင်မှု
---
<!-- 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 -->

270
translations/my/README.md
Unescape View File

@ -1,24 +1,38 @@
# Web Development for Beginners - အတန်းအစီအစဉ်
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
Microsoft Cloud Advocates မှ ပံ့ပိုးပေးသော ၁၂ ပတ်ကြာ သီးသန့်သင်တန်းဖြင့် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်ရေး၏ အခြေခံအဆောက်အအုံများကို သင်ယူပါ။ သင်ခန်းစာ ၂၄ ခုစီတွင် JavaScript, CSS နှင့် HTML ကို terrariums, browser extensions, နှင့် space games ကဲ့သို့သော လက်တွေ့ပေါင်းစပ်စက်မှုများဖြင့် မျက်နှာစာချင်းဆိုင် ကျယ်ပြန့်စွာ ရှင်းလင်းပြသထားသည်။ စစ်ဆေးမှုများ၊ ဆွေးနွေးမှုများနှင့် လက်တွေ့တာဝန်များနှင့် လေ့လာသင်ယူပါ။ ကျွမ်းကျင်မှုများအတိုးအမြှင့်နှင့် သင်ယူမှု ထိန်းသိမ်းမှုအား ရရှိစေရန် ကျွန်ုပ်တို့၏ အကျိုးရှိသော စီမံကိန်းအခြေပြု သင်ကြားမှုနည်းလမ်းဖြင့် တိုးတက်စေပါမည်။ ဒီနေ့မှ စ၍ သင်ယူရန် စတင်လိုက်ပါ!
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
Azure AI Foundry Discord Community တွင် တက်ရောက်ပါ
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# အင်တာနက်ဖွံ့ဖြိုးတိုးတက်မှု အခြေခံသင်တန်း - သင်ခန်းစာအစီအစဉ်
Follow these steps to get started using these resources:
1. **Fork the Repository**: Click [![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. **Clone the Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Join The Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4)
Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ လေ့လာသင်ယူနိုင်သော အပြည့်အစုံသင်တန်းဖြင့် အင်တာနက်ဖွံ့ဖြိုးတိုးတက်မှု၏နိယာမများကို သင်ယူပါ။ သင်ခန်းစာ ၂၄ ခန်းစီတွင် JavaScript, CSS နဲ့ HTML ကို terrariums, browser extensions, လေ့လာရေးကစားနည်းများ ကဲ့သို့ လက်တွေ့ အသုံးပြုနိုင်သောပရောဂျက်များမှတဆင့် အနက်သိရှိစွာ သင်ကြားပေးသည်။ စိတ်ဝင်စားဖွယ်ရာ ရေးဆွဲမှုများ၊ ဆွေးနွေးပွဲများနှင့် လက်တွေ့ လေ့ကျင့်မှုများတွင်ပါဝင်မည်။ စွမ်းရည်တိုးတက်စေပြီး သင့်အတတ်ပညာ သိမြောက်မြန်ဆန်စေရန် ပရောဂျက်အခြေပြု သင်ကြားပေးမှုနည်းလမ်း အကျိုးရှိစွာ အသုံးချလိုက်ပါ။ ယနေ့မှ စတင် ကုဒ်ရေးထွက်စဉ်ကို စတင်လိုက်ပါ!
### 🌐 အများဘာသာစကား ပံ့ပိုးမှု
Azure AI Foundry Discord သို့ ဝင်ရောက်ပြီး ကျွမ်းကျင်သူများနှင့် အတူတကွ ဖွံ့ဖြိုးတိုးတက်သူများနှင့် တွေ့ဆုံလိုက်ပါ။
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
#### GitHub Action ဖြင့် ပံ့ပိုးထားပြီး (အလိုအလျောက်နှင့် အမြဲ Update ဖြစ်သည်)
ဤရင်းမြစ်များကို အသုံးပြုရန် စတင်လိုက်ပါရန် အောက်ပါအဆင့်များကို လိုက်နာပါ:
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 သို့ ဝင်ရောက်ပြီး ကျွမ်းကျင်သူများနှင့် ဖွံ့ဖြိုးတိုးတက်သူများနှင့် တွေ့ဆုံရန်**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ဘာသာစကားများစွာကို ထောက်ပံ့ခြင်း
#### 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **ဒေသခံတွင် Clone လုပ်ချင်ပါသလား?**
> **ဒေသတွင်းတွင် Clone လုပ်ချင်ပါသလား?**
>
> ဤ Repository တွင် ဘာသာစကားဘာသာပြန် ၅၀ ကျော်ပါဝင်နေပြီး ဒေါင်းယူမှုအား တိုးမြှင့်သည်။ ဘာသာပြန် မပါဘဲ Clone လုပ်ရန် sparse checkout ကို အသုံးပြုပါ။
> ဤ repository တွင် ဘာသာစကား ၅၀ ကျော်အတွက် ဘာသာပြန်ထားခြင်းများပါဝင်ပြီး ဒါကြောင့် ဒေါင်းလုပ်အရွယ်အစား ကြီးထွားသည်။ ဘာသာပြန်မှုများမပါဘဲ clone လုပ်ရန် sparse checkout ကို အသုံးပြုနိုင်သည်။
>
> **Bash / macOS / Linux:**
> ```bash
@ -34,171 +48,171 @@ Follow these steps to get started using these resources:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> သင်သည် သင်တန်းကို မြန်ဆန်စွာပြီးမြောက်စေရန်အတွက် လိုအပ်သည့် အရာအားလုံးကို ရရှိသွားပါလိမ့်မည်။
> ဒါကြောင့် သင်သင်ယူဖို့လိုအပ်သမျှ အချက်အလက်တွေကို ပိုမိုလျင်မြန်စွာ ဒေါင်းလုပ်လုပ်နိုင်မှာ ဖြစ်သည်။
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**ထပ်မံ ဘာသာပြန် ဘာသာစကားများလိုပါက [ဒီမှာ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) မှာ ဝင်ကြည့်ပါ**
**အကယ်၍ သင်လိုအပ်တာထက်ပိုမိုသော ဘာသာပြန်မှုများလိုအပ်ပါက အောက်ပါနေရာတွင် မှတ်ချက်ထည့်ထားသော ထောက်ပံ့ထားသည့် ဘာသာစကားများကို ကြည့်ရှုနိုင်ပါသည်။ [here](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 ထားပြီး အချိန်အခါအခါ ကြည့်ရှုစစ်ဆေးရန် လိုအပ်သည်။
ရန် [**Student Hub စာမျက်နှာ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) သို့ သွားရောက်လေ့လာပါ၊ အခြေခံသင်ခန်းစာများ၊ သင်တန်းသားအထုပ်များ နဲ့ အခမဲ့လက်မှတ် သက်တမ်းလက်မှတ် ရနိုင်ခြင်းဖြင့် ပိုမိုကြည့်ရှုနိုင်သည်။ ဒီစာမျက်နှာကို မကြာခဏ bookmark ထားပြီး content ပြောင်းလဲသည့်အခါ마다 စစ်ဆေးပါ။
### 📣 ကြေညာချက် - GitHub Copilot Agent mode စိန်ခေါ်မှု အသစ်များ ပြီးစီးရန်!
### 📣 ကြေညာချက် - GitHub Copilot Agent အခြေအနေ ဆန့်ကျင်မှုစိန်ခေါ်မှုအသစ်များ
အသစ်ထပ် မည်သည့် စိန်ခေါ်မှု ဖြစ်သည်မှာ "GitHub Copilot Agent Challenge 🚀" ဟု အများဆုံး အခန်းများ၌ တွေ့ရပါသည်။ GitHub Copilot နှင့် Agent mode ကို အသုံးပြု၍ ပြီးစီးရန် သင့်ကြားမွမ်းမံမှုအသစ် ဖြစ်သည်။ Agent mode ကို ယခုအချိန်အထိ မသုံးဖူးလျှင်၊ စာသားကို များပြားစွာ ဖန်တီးပေးနိုင်သည့်အပြင် ဖိုင်များ ကို ဖန်တီးပြီး တည်းဖြတ်ခြင်း၊ ကွန်မန်များ chạyခြင်း နှင့် အခြား ဆောင်ရွက်ချက်များ ပြုလုပ်နိုင်သည်။
အသစ် ထပ်မံထည့်သွင်းခြင်း၊ "GitHub Copilot Agent Challenge 🚀" ကို များသောအခန်းများတွင် ရှာဖွေပါ။ GitHub Copilot နဲ့ Agent mode ကို အသုံးပြုပြီး သင်ပြီးစီးရန် စိန်ခေါ်မှုအသစ်တစ်ခု ဖြစ်သည်။ Agent mode ကို ပြီးခဲ့သည်မဟုတ်သေးလျှင်၊ စာသား ပုံစံရေးဆွဲခြင်းသာမက ဖိုင်ဖန်တီးခြင်း၊ ပြင်ဆင်ခြင်း၊ command များကို လုပ်ဆောင်ခြင်း စသည့် လုပ်ငန်းများ လည်း ဆောင်ရွက်နိုင်သည်။
### 📣 ကြေညာချက် - _Generative AI ဖြင့် တည်ဆောက်ရမည့် အသစ်သော စီမံကိန်း_
### 📣 ကြေညာချက် - Generative AI ကို အသုံးပြု၍ စာမျက်နှာအသစ် တည်ဆောက်ခြင်း
အသစ်ထပ်ပါဝင်သည့် AI အကူအညီ စီမံကိန်းကို စစ်ဆေးပါ [project](./9-chat-project/README.md)
အသစ်သော AI အကူအညီပရောဂျက် သင်္ကေတထည့်သွင်းပြီးပြီ၊ [project](./9-chat-project/README.md) ကို စစ်ဆေးပါ။
### 📣 ကြေညာချက် - _Generative AI အတွက် JavaScript အခြေပြု အသစ်သော အတန်းအစီအစဉ်_ ထွက်ရှိခဲ့ပြီ
### 📣 ကြေညာချက် - JavaScript အတွက် Generative AI များအတွက် သင်ခန်းစာအစီအစဉ်အသစ် ထွက်ရှိခြင်း
ကျွန်ုပ်တို့၏ Generative AI အတန်းအစီအစဉ် အသစ်ကို မလွဲမသွေ မရှုပ်မိစေရန် မလွဲမသွေ လေ့လာလိုက်ပါ!
ကျွန်ုပ်တို့ရဲ့ Generative AI သင်ခန်းစာအစီအစဉ်အသစ်ကို မလွတ်တမ်းကြည့်ရှုပါ!
စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ။
![Background](../../translated_images/my/background.148a8d43afde5730.webp)
- အခြေခံမှ RAG ထိ လေ့လာမှုများ ပါဝင်သည်။
- GenAI နှင့် ကျွန်ုပ်တို့၏ အဖော်အစည်း app ကိုအသုံးပြု၍ သမိုင်းက လူမှုဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။
- စိတ်လှုပ်ရှားဖွယ် အကြောင်းအရာဖြင့် သင်ခရီး တုန့်ပြန်မောင်းနှင်မှု။
- အခြေခံမှ RAG အထိ အခန်းတွေ ပါဝင်သည်။
- GenAI နှင့် ကျွန်ုပ်တို့နှင့် အတူလည်ပတ်သော အက်ပ်သည် သမိုင်းဝင်ဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။
- ပျော်စရာနှင့် စိတ်ဝင်စားဖွယ် အကြောင်းအရာဖြင့် သင်ခန်းစာကို အချိန်ခရီးသွားကြမည်!
![character](../../translated_images/my/character.5c0dd8e067ffd693.webp)
တစ်ခုချင်းစီသင်ခန်းစာတွင် တာဝန်များ ပြီးမြောက်စေရန်လိုအပ်ပြီး နားလည်မှု စစ်ဆေးမှုနှင့် စိန်ခေါ်မှုများ ပါဝင်သည်၊ ဥပမာ -
- Prompting နှင့် prompt engineering
- စာသားနှင့် ပုံ app ဖန်တီးခြင်း
- ရှာဖွေရေး app များ
စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) တွင် ဝင်ပါ။
အသေးစိတ်အတွက် သင်ခန်းစာတိုင်းတွင် တာဝန်ပေး သင်ခန်းစာ စစ်ဆေးရေး နှင့် စိန်ခေါ်မှု ပါဝင်ပြီး အောက်ပါအကြောင်းအရာများလေ့လာရာတွင် လမ်းညွှန်ပေးသည်။
- prompt နှင့် prompt အင်ဂျင်နီယာလုပ်ခြင်း
- စာသား၊ ပုံစံအက်ပ်တီထွင်ခြင်း
- ရှာဖွေရေးအက်ပ်များ
စတင်ရန် [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) တွင် ကျင့်သုံးနိုင်ပြီး ကျွန်ုပ်တို့၏ မော်ဒရေတာ အဖွဲ့က မေးခွန်းများကို ဖြေကြားပေးပါမည်။
သင်၏ သင်ယူမှု အတွေ့အကြုံမြှင့်တင်ရန်၊ မိတ်ဆွေများနှင့် ပရောဂျက်များအတူတကွ ဆော့ဖက်ဖလှယ်ပါ! ဆွေးနွေးပွဲ အသိုင်းအဝိုင်းတွင် ဆွေးနွေးမှုများ လွှမ်းမိုးရန် အားပေးပြီး မေးခွန်းများအတွက် မော်ဒရေတာ အဖွဲ့က မြန်မြန်ဆန်ဆန် ဖြေကြားပေးပါမည်။
ထပ်ဆင့်ပညာသင်ယူမှုအတွက် [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) ကို အကြံပြုပါတယ်။
### 📋 သင့်ပတ်ဝန်းကျင် ပြင်ဆင်ခြင်း
### 📋 သင့်ပတ်ဝန်းကျင်ကို စတင်ပြင်ဆင်ခြင်း
ဤ အတန်းအစီအစဉ်သည် ဖွံ့ဖြိုးရေးပတ်ဝန်းကျင် ပြင်ဆင်ထားပြီးဖြစ်သည်။ စတင်ရာတွင် [Codespace](https://github.com/features/codespaces/) (ဘရောက်ဇာမပါ အပ်ဒိတ် မလိုအပ်သော စနစ်) အသုံးပြု၍ ဒါမှမဟုတ် သင့် ကွန်ပျူတာတွင် [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ကဲ့သို့သော စာသားဖြည့် စက်ကိရိယာဖြင့် အလုပ်လုပ်နိုင်သည်။
ဤသင်ခန်းစာတစ်ခုတွင် ဖွံ့ဖြိုးတိုးတက်မှု ပတ်ဝန်းကျင်တစ်ခု ပြင်ဆင်ပြီးစီးပြီဖြစ်သည်! စတင်မည့်အခါ Codespace တစ်ခုတွင် (browser အခြေပြု၊ အပ်ဒိတ်မလိုအပ်သော ပတ်ဝန်းကျင်) သို့မဟုတ် သင့် ကွန်ပျူတာတွင် Visual Studio Code ကဲ့သို့သော စာသားရိုက်တည်းဖြတ်ရန် အပ်ပလီကေးရှင်းအသုံးပြု၍ နေရာဒေသတွင် အသုံးပြုနိုင်ပါသည်။
#### သင့်ကိုယ်ပိုင် Repository ဖန်တီးခြင်း
အလုပ်များကို အဆင်ပြေထိန်းသိမ်းနိုင်ရန် ဤ Repository ၏ ကိုယ်ပိုင် မိတ္တူကို ဖန်တီးရန် အကြံပြုသည်။ စာမျက်နှာအပေါ်တွင် ရှိသော **Use this template** ခလုတ်ကို နှိပ်ခြင်းဖြင့် သင့် GitHub အကောင့်တွင် အသစ်တစ်ခုဖန်တီးပေးပါမည်။
#### သင့် 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 သင်ခန်းစာ မိတ်ဆက်](../../1-getting-started-lessons/1-intro-to-programming-languages) တွင် ယင်းအရာများ၏ အမျိုးမျိုးရွေးချယ်မှုနှင့် သင့်တပ်ဆင်ချက်အတွက် လမ်းညွှန်ချက်များ ပါဝင်ပါသည်။
သင့် ကွန်ပျူတာတွင် ဤသင်ခန်းစာတန်းကို အသုံးပြုရန် စာသားရိုက်တည်းဖြတ်သူ၊ ဘရောက်ဇာ နှင့် command line ကိရိယာ တိုက်ရိုက် လိုအပ်ပါသည်။ ပထမဆုံး သင်ခန်းစာဖြစ်သော [Introduction to Programming Languages and 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) တည်းဖြတ်စက်ကို အသုံးပြုရန်ဖြစ်ပြီး ထိုတွင် အတွင်းတွင် ပါဝင်သော [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 ကို သင့်ကွန်ပျူတာပေါ်သို့ အကူးအပြောင်းလုပ်ပါ။ ဒီလို့လုပ်ဖို့ **Code** ခလုတ်ကိုနှိပ်ပြီး URL ကို ကူးယူနိုင်ပါတယ်-
ကျွန်ုပ်တို့၏ အကြံပြုချက်မှာ [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) ကို builtin အဖြစ် ပါဝင်သည်။ Visual Studio Code ကို [ဒီမှာ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ထံမှ ဒေါင်းလုပ်လုပ်နိုင်ပါတယ်။
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) ကို ဖွင့်ပြီး၊ အောက်ပါ command ကို ရိုက်ထည့်ပါ၊ `<your-repository-url>` ကို သင့်ကူးယူထားသော URL နဲ့ ချိန်ညှိသွားပါ-
ထို့နောက် [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) ကိုဖွင့်ပြီး `<your-repository-url>` ကို မိမိကူးယူထားသော URL နဲ့ ပြောင်း၍ အောက်ပါ command ကို run လိုက်ပါ။
```bash
git clone <your-repository-url>
```
2. ပြီးလျှင် အဲဒီ folder ကို Visual Studio Code မှာ ဖွင့်ပါ။ **File** > **Open Folder** ကိုနှိပ်ပြီး မကြာသေးမီက clone လုပ်ထားသော folder ကို ရွေးချယ်နိုင်ပါတယ်-
2. Visual Studio Code တွင် ဖိုလ်ဒါကိုဖွင့်ပါ။ [File] > [Open Folder] ကိုနှိပ်ပြီး သင့် clone လုပ်ထားသောဖိုလ်ဒါကို ရွေးချယ်နိုင်ပါတယ်။
> ညွှန်ကြားချက် ပေးသည့် Visual Studio Code extensions:
> ဖြေရှင်းရန် အကြံပြု 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) - ကုဒ်ရေးသားရာတွင် အကူအညီဖြစ်စေရန်
## 📂 လေ့လာခန်းတိုင်းတွင် ပါဝင်သည်မှာ-
## 📂 သင်ခန်းစာတစ်ခုချင်းစီတွင် ပါဝင်သောအရာများ
- ရွေးချယ်နိုင်သည့် စကက်ချ်မှတ်စု
- ရွေးချယ်နိုင်သည့် အပိုဗွီဒီယို
- မတိုင်မီ အပတ်အတွင်း စစ်တမ်း
- လေ့လာခန်းစာ များ
- စီမံကိန်းအခြေပြုလေ့လာခန်းများအတွက် စီမံကိန်းတည်ဆောက်ရန် ဆက်လက် လမ်းညွှန်ချက်များ
- ရွေးချယ်နိုင်သည့် sketchnote
- ရွေးချယ်နိုင်သည့် သက်ဆိုင်ရာ ဗီဒီယို
- သင်ခန်းစာမတိုင်မီ အပန်းဖြေကွစ်စ်
- စာဖြင့်ရေးသားထားသော သင်ခန်းစာ
- ပရောဂျက်အခြေပြုသင်ခန်းစာများအတွက် ပရောဂျက်ကို တည်ဆောက်နည်း ခြေလှမ်းတိုင်း
- အသိပညာစစ်ဆေးခြင်းများ
- စိန်ခေါ်မှုတစ်ရပ်
- အပို ဖတ်ရှုရန်
- အလုပ်အပ်ရန်
- [မတိုင်မီ စစ်တမ်း](https://ff-quizzes.netlify.app/web/)
> **စစ်တမ်းများအကြောင်း သတင်းအချက်အလက်**: စစ်တမ်းများအားလုံးကို Quiz-app folder တွင် ရှိပြီး၊ စစ်တမ်း ၄၈ များ ဖြစ်ပြီး တစ်ခုလျှင် ၃ မေးခွန်း ပါဝင်သည်။ [ဤနေရာမှ](https://ff-quizzes.netlify.app/web/) တွင် ရနိုင်ပြီး၊ quiz app ကို locally တွင် သို့မဟုတ် Azure တွင် deploy ပြုလုပ်နိုင်သည်; `quiz-app` folder အတွင်း ညွှန်ကြားချက်အတိုင်း လိုက်နာပါ။
## 🗃️ လေ့လာခန်းများ
| | စီမံကိန်းအမည် | သင်ကြားမည့် အကြောင်းအရာများ | သင်ယူရမည့်ရည်မှန်းချက်များ | ချိတ်ဆက်ထားသော လေ့လာခန်း | စာရေးသူ |
| :-: | :----------------------------------------------------------: | :----------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | စတင် လေ့လာခြင်း | ပရိုဂရမ်မင်းနှင့် ကိရိယာများအကြောင်း ရှင်းလင်းချက် | ပရိုဂရမ်မင်းဘာသာစကားများ၏ အခြေခံ အကြောင်းအရာများနှင့် ကိုယ့်အလုပ်ကို အကောင်းဆုံးဆောင်ရွက်ရန် အသုံးပြုသည့် ဆော့ဖ်ဝဲများအကြောင်း လေ့လာခြင်း | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | စတင် လေ့လာခြင်း | GitHub ၏ အခြေခံများ၊ အဖွဲ့လိုက် လုပ်ဆောင်ခြင်းပါဝင်သည် | ကိုယ့်စီမံကိန်းအတွက် GitHub ကို ဘယ်လိုအသုံးပြုမလဲ၊ ကုဒ်ဘေ့စ်ပေါ်တွင်အခြားသူများနှင့် ပူးပေါင်းရန်နည်းလမ်းများ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | စတင် လေ့လာခြင်း | လျှောက်လွှာ လမ်းညွှန်မှု | ဝက်ဘ်လျှောက်လွှာများတွင် အဝင်လမ်းလျှောက်လမ်းများအခြေခံများကိုသင်ကြားခြင်း | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS အခြေခံ | JavaScript ဒေတာအမျိုးအစားများ | JavaScript data types များ၏ အခြေခံများ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS အခြေခံ | Functions နှင့် Methods | application ၏ logic flow ကို စီမံရန် functions နှင့် methods များအကြောင်း လေ့လာခြင်း | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS အခြေခံ | JS နဲ့ ဆုံးဖြတ်ချက်ချခြင်း | သင့်ကုဒ်အတွင်းတွင် ဆုံးဖြတ်ချက်များ ဖန်တီးမှုကို decision-making methods အသုံးပြုပုံသင်ယူခြင်း | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS အခြေခံ | Arrays နှင့် Loops | JavaScript တွင် data များအား arrays နှင့် loops ဖြင့် ကိုင်တွယ်ခြင်း | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML လက်တွေ့လုပ်ငန်း | online terrarium တည်ဆောက်ခြင်းအတွက် HTML ကို တည်ဆောက်ခြင်း၊ layout အတွက်အာရုံစိုက်ခြင်း | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS လက်တွေ့လုပ်ငန်း | online terrarium ၏ CSS ကို တည်ဆောက်ခြင်း၊ page ၏ responsiveness အတွက် CSS အခြေခံများအာရုံစိုက်ခြင်း | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures နှင့် DOM ကိုင်တွယ်ခြင်း | terrarium ကို drag/drop အင်တာဖေ့စ်အဖြစ် လုပ်ဆောင်ဖို့ JavaScript ကို တည်ဆောက်ခြင်း၊ closures နှင့် DOM Manipulation အာရုံစိုက်ခြင်း | [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 app ၏ logic ကို ကီးဘုတ်နှိပ်မှု event များဖြင့် ထိန်းချုပ်သုံးစွဲနည်း | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | 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 ခေါ်ယူခြင်းနှင့် ဒေတာကို local storage တွင် သိမ်းဆည်းခြင်း | သင့် browser extension ၏ JavaScript element များကို အသုံးပြုပြီး API ခေါ်ယူခြင်း၊ local storage တွင် သိမ်းဆည်းထားသော variable များကိုအသုံးပြုခြင်း | [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) | ဘရောက်ဇာအတွင်းနောက်ခံလုပ်ဆောင်မှုများ၊ ဝက်ဘ်ကွန်ပျူတာကောင်းမွန်မှု | extension icon ကို ထိန်းချုပ်ရန် browser ၏ နောက်ခံလုပ်ဆောင်မှုများ အသုံးပြုခြင်း၊ ဝက်ဘ်ကွန်ပျူတာကောင်းမွန်မှုနှင့် စွမ်းဆောင်ရည်မြှင့်တင်ခြင်းနည်းလမ်းများ | [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 pattern အကြောင်း သင်ယူခြင်း၊ ဂိမ်း တည်ဆောက်မှုအတွက် အသင့်ပြင်ဆင်ခြင်း | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas ပေါ်တွင် ပန်းချီဆွဲခြင်း | screen ပေါ်တွင် အရာဝတ္ထုများ ဆွဲဆောင်ရန် အသုံးပြုသော Canvas API အကြောင်း သင်ယူခြင်း | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | အရာဝတ္ထုများကို မျက်နှာပြင်ပေါ် ပတ်လည်တည်နေရာပြောင်းခြင်း | cartesian coordinates နဲ့ Canvas API အသုံးပြုပြီး အရာဝတ္ထုများ ရွေ့လျားမှုကို လေ့လာခြင်း | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | အရာဝတ္ထုပေါ်တိုက်ဆက်မှုဖြစ်စဉ် | ကီးနှိပ်မှုများအသုံးပြုပြီးအရာဝတ္ထုများ တိုက်ဆက်အောင်လုပ်ခြင်း၊ ဂိမ်းစွမ်းဆောင်ရည်အတွက် 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) | ဂိမ်းအဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | ဂိမ်း အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်းအကြောင်း၊ asset များသန့်ရှင်းခြင်းနှင့် variable value များ reset လုပ်ခြင်း | [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 templates အသုံးပြုပြီး များစွာသော စာမျက်နှာပါဝင်သော ဝက်ဘ်ဆိုဒ် စက်လည်ပတ်မှု ဖန်တီးခြင်း | [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 များဖန်တီးခြင်းနှင့် validation routine များ ကိုင်တွယ်နည်း | [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 အကြောင်း | သင့်အက်ပ်အတွက် state ကို ဘယ်လိုစနစ်တကျ သိမ်းဆည်းပြီး အမျိုးမျိုးဖြင့် စီမံခန့်ခွဲရမည် ဆိုတာသင်ယူခြင်း | [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 |
## 🏫 သင်ကြားနည်း ပြောကြားချက်
ကျွန်ုပ်တို့၏ သင်တန်းအစီအစဉ်သည် အောက်ပါ ပညာသင်ကြားမှု အခြေခံသဘောတရား နှစ်ခုဖြင့် ဖန်တီးထားသည်-
* စီမံကိန်းအခြေပြုပြုသင်ယူမှု
* မကြာခဏရှိသော စစ်တမ်းများ
ပရိုဂရမ်သည် JavaScript, HTML, CSS အခြေခံများနှင့် လက်ရှိ ဝက်ဘ် developer များ အသုံးပြုသည့် နောက်ဆုံးပေါ် ကိရိယာများနှင့် နည်းစနစ်များကို သင်ကြားပေးသည်။ ကျောင်းသားများသည် typing game, virtual terrarium, eco-friendly browser extension, space-invader ပုံစံဂိမ်း နှင့် စီးပွားရေးလုပ်ငန်းများအတွက် ဘဏ်လုပ်ငန်း အက်ပ် တည်ဆောက်ခြင်းတို့ဖြင့် လက်တွေ့ကျွမ်းကျင်မှု ရရှိနိုင်မည်ဖြစ်သည်။ အစီအစဉ်၏ အဆုံးသတ်အချိန်တွင် ဝက်ဘ်ဖွံ့ဖြိုးမှုကို ပြင်းထန်စွာ နားလည်မှု ရရှိစေမည် ဖြစ်သည်။
> 🎓 သင်တန်းအစိတ်အပိုင်း ကျော်တက်၍ Microsoft Learn တွင်ရှိသည့် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် သင်ယူနိုင်သည်!
အကြောင်းအရာများကို project များနှင့် ကိုက်ညီစေရန် ကြိုးစားခြင်းကြောင့် ကျောင်းသားများအတွက် ပိုမိုစိတ်ဝင်စားမှုရှိကာ သင်ယူမှုအတွင်း ပါဝင်မှုတိုးတက်စေသည်။ JavaScript အခြေခံများသင်ကြားရန် စတင်လေ့လာခန်းများ၊ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ဗီဒီယို သင်ခန်းစာ စီးရီးများဖြင့် တွဲဖက်ရေးသားထားသည်။ အချို့သောစာရေးသူများက ဒီအစီအစဉ်တွင် ပါဝင်ခဲ့သည်။
ဒီအစီအစဉ်တွင် နည်းပညာတစ်ခုကို သင်ယူနိုင်ရန် စစ်တမ်းအနည်းငယ် မတိုင်မီနှင့် စစ်တမ်း တစ်ခုအပြီး သုံးကွင်းစစ်တမ်းတို့ဟာ သင်ယူမည့် အကြောင်းအရာများ၌ အားပြုထားခြင်းဖြစ်သည်။ ဒီအစီအစဉ်ကို လေးနက်စွာ လေ့လာရန် တစ်ခုလုံး သို့မဟုတ် အစိတ်အပိုင်း တစ်စိတ်တစ်ဒေသယူပြီး ရင်းနှီးနိုင်သည်။ ၁၂ ပတ်အတွင်း သင်ယူရာတွင် စီမံကိန်းများသည် ဆက်တိုက် ရှင်းလင်းကောင်းကောင်းဖြစ်လာမည်။
JavaScript framework များကို မသွင်းယူဘဲ web developer အနေဖြင့် အခြေခံကျကျ လေ့ကျင့်ဖို့ ဗဟုသုတ ရစေမည့်အတွက် framework မသုံးမီ အခြေခံကျကျ လေ့လာပုံ အစီအစဉ် ဖြစ်သည်။ ဒီအစီအစဉ်ပြီးဆုံးပြီးရင် 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) လမ်းညွှန်ချက်များကို ကြည့်ရှုနိုင်ပါသည်။ သင့်တန်ဖိုးရှိ အကြံဉာဏ်များကို ကြိုဆိုပါသည်!
## 🧭 အော့ဖ်လိုင်း ခွင့်ပြုချက်
[Docsify](https://docsify.js.org/#/) ကို အသုံးပြု၍ ဒီစာတမ်းကို အော့ဖ်လိုင်းတွင် လည်ပတ်နိုင်သည်။ ဒီ repo ကို fork လုပ်ပြီး၊ သင့်ကိုယ်ပိုင်စက်သို့ [Docsify](https://docsify.js.org/#/quickstart) ကို install ပြုလုပ်ပါ၊ ထို့နောက် ဒီ repo root folder တွင် `docsify serve` ဟု ရိုက်ထည့်ပါ။ ဝက်ဘ်ဆိုက်သည် နေရာတိုင်းသုံး localhost ၏ 3000 port တွင် ရရှိနိုင်ပါမည် - `localhost:3000`။
- စိန်ခေါ်မှုတစ်ခု
- ပံ့ပိုးစာဖတ်ရန်
- တာဝန်ပေးအပ်ချက်
- [သင်ခန်းစာပြီးနောက် quix](https://ff-quizzes.netlify.app/web/)
> **ကွစ်စ်များအကြောင်းမှတ်သားချက်**: ဖိလ် Quiz-app ဖိုလ်ဒါတွင် ကွစ်စ် ၄၈ ခုရှိပြီး တစ်ခုစီတွင် မေးခွန်းသုံးခုပါဝင်သည်။ ၎င်းကို [ဤနေရာ](https://ff-quizzes.netlify.app/web/) တွင် ရယူ၍ ကွစ်စ်အက်ပ်ကို ဒေသဆိုင်ရာ run ပြုလုပ်ခြင်း သို့မဟုတ် Azure တွင် deploy လုပ်နိုင်ပါသည်။ `quiz-app` ဖိုလ်ဒါအတွင်း လမ်းညွှန်ချက်များကိုလိုက်နာပါ။
## 🗃️ သင်ခန်းစာများ
| | ပရောဂျက်အမည် | သင်ကြားမည့်အထွေထွေ အကြောင်းအရာများ | သင်ယူရန် ရည်ရွယ်ချက်များ | ပတ်သက်သည့်သင်ခန်းစာ | အဆိုပြုသူ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ဖြစ်စဉ် စတင်ခြင်း | Programming နှင့် ကိရိယာများအကြောင်း နိဒါန်း | အများစုသော programming languages များ၏ အခြေခံပုံစံများနှင့် professional developer များ၏ အလုပ်ကို ကူညီပေးသော ဆော့ဖ်ဝဲများအကြောင်း သင်ယူရမည့်အထောက်အကူ | [Programming Language နှင့် ကိရိယာများနိဒါန်း](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ဖြစ်စဉ် စတင်ခြင်း | GitHub အခြေခံများ၊ အဖွဲ့လိုက်အလုပ်လုပ်ခြင်းပါဝင်သည် | သင့်ပရောဂျက်တွင် GitHub ကို အသုံးပြုနည်း၊ ကုဒ်ဘေ့စ်တွင် အဖွဲ့လိုက် ပူးပေါင်းဆောင်ရွက်နည်း | [GitHub အခြေခံ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ဖြစ်စဉ် စတင်ခြင်း | ဝက်ဘ်အနားလက်မှတ်ထိန်းခြင်း | ဝက်ဘ်အနားလက်မှတ် စံချိန်များ အခြေခံသိရှိရန် | [ဝက်ဘ်အနားလက်မှတ် အခြေခံ](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS အခြေခံ | JavaScript အချက်အလက်အမျိုးအစား | JavaScript အချက်အလက် အမျိုးအစား အခြေခံ | [အချက်အလက်အမျိုးအစား](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS အခြေခံ | ฟင်ရှင်နှင့် မက်သက်များ | application logic flow ကို စီမံခန့်ခွဲရန် function များနှင့် method များအကြောင်းသိရှိရန် | [ฟင်ရှင်နှင့် မက်သက်များ](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS အခြေခံ | JS နဲ့ ဆုံးဖြတ်ချက် တွက်ချက်ခြင်း | decision-making method များကို အသုံးပြု၍ အခြေအနေများ ဖန်တီးနည်း သင်ယူရန် | [ဆုံးဖြတ်ချက် တွက်ချက်ခြင်း](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS အခြေခံ | အကြောင်းအရာများနှင့် Loop များ | JavaScript တွင် array များနှင့် loops များ အသုံးပြု၍ data များကို ကိုင်တွယ်ရန် | [အကြောင်းအရာများနှင့် Loop များ](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML လက်တွေ့အသုံး | online terrarium တည်ဆောက်ရန် HTML တည်ဆောက်ခြင်း၊ layout ဖန်တီးခြင်း အပေါ် အာရုံစိုက်ခြင်း | [HTML နိဒါန်း](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS လက်တွေ့အသုံး | online terrarium အတွက် CSS style လုပ်ခြင်း၊ အခြေခံ CSS နှင့် responsive စာမျက်နှာ ဖန်တီးခြင်း | [CSS နိဒါန်း](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | drag/drop interface အဖြစ် terrarium တွင် JavaScript ကို အသုံးပြု၍ closure နှင့် DOM ပြုပြင်ခြင်းအပေါ် အာရုံစိုက်၍ ဖန်တီးခြင်း | [JavaScript Closures, DOM manipulations](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | typing game တည်ဆောက်ခြင်း | keyboard event များကို အသုံးပြုပြီး JavaScript app ၏ logic မောင်းနှင်နည်း သင်ယူရန် | [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 အပိုင်းများ scaffold လုပ်နည်း သင်ယူရန် | [Browser များအကြောင်း](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | form တည်ဆောက်ခြင်း၊ API ခေါ်ယူခြင်းနှင့် local storage တွင် variables သိမ်းဆည်းခြင်း | browser extension ၏ JavaScript element များကို API ခေါ်ရန်နှင့် local storage တွင် သိမ်းဆည်းထားသော variables အသုံးပြု၍ ဖန်တီးခြင်း | [API များ၊ Form များ၊ Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | browser ၏ background processes နှင့် web performance | browser ရဲ့ background process များ အသုံးပြုပြီး extension ၏ icon ကို စီမံခန့်ခွဲရန်၊ web performance နှင့် optimization များ အကြောင်း သင်ယူရန် | [Background Tasks နှင့် Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript အသုံးပြု၍ ပိုမိုတိုးတက်သော ဂိမ်းဖန်တီးခြင်း | Class များနှင့် Composition တို့ကဲ့သို့ Inheritance နဲ့ Pub/Sub pattern များအကြောင်း သင်ယူပြီး ဂိမ်းတစ်ခု တည်ဆောက်ရန် အဆင်သင့်ဖြစ်ကြောင်း | [တိုးတက်ပြင်ဆင်ထားသော ဂိမ်း ဖန်တီးခြင်းနိဒါန်း](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Canvas သို့ ဆွဲဆောင်ခြင်း | မျက်နှာပြင်အပေါ် عناصرများ ဆွဲရန် အသုံးပြုသော Canvas API အကြောင်း သင်ယူရန် | [Canvas သို့ ဆွဲဆောင်ခြင်း](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | 화면ပေါ်အရာများ ရွေ့လျားအောင်လုပ်ခြင်း | cartesian coordinates နှင့် Canvas API ကို အသုံးပြု၍ element များ ပြောင်းလဲချိန်လိုက်နည်း ရှာဖွေရန် | [element များ ကို ရွေ့လျားခြင်း](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | 충돌 감지 | keypress များ အသုံးပြုပြီး တိုက်မှုများ ဖြစ်ပေါ်စေခြင်းနှင့် game performance အား ထိန်းသိမ်းရန် cooldown function ထည့်သွင်းခြင်း | [충돌 감지](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | 점수 관리 | ဂိမ်းအခြေအနေ နှင့် performance အပေါ် မှ သင်္ချာတွက်ချက်မှုများ ပြုလုပ်ခြင်း | [점수 관리](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ဂိမ်းဆုံးဖြတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | ဂိမ်း ပြီးဆုံးခြင်းနှင့် ပြန်စတင်ရေးခြင်း၊ assets ကို သန့်ရှင်းပြီး variable များအား reset ပြုလုပ်ခြင်း အကြောင်း သင်ယူရန် | [끝맺는 조건](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ဝက်ဘ် app တွင် HTML templates နှင့် route များ | multipage website architecture scaffold ဖန်တီးသည့် routing နှင့် HTML templates တည်ဆောက်နည်း သင်ယူရန် | [HTML Templates နှင့် Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Login နှင့် Registration form တည်ဆောက်ခြင်း | form များဖန်တီးခြင်းနှင့် validation စစ်ဆေးခြင်း အကြောင်း | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ဒေတာ ရယူခြင်းနှင့် သုံးစွဲနည်း | app အတွင်း ဒေတာ စီးဆင်းမှု၊ ရယူနည်း၊ သိမ်းဆည်းနည်းနှင့် ဖယ်ရှားနည်း | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | State Management အကြောင်း | app ၏ state ကို ထိန်းသိမ်းနည်းနှင့် စီမံခန့်ခွဲနည်း | [State Management](./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 assistant တစ်ခု တည်ဆောက်နည်း သင်ယူရန် | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 သင်ကြားမှုနည်းလမ်း
ကျွန်ုပ်တို့၏ သင်ရိုးညွှန်းတမ်းသည် အဓိက ပညာသင်ကြားမှုမူဝါဒ အကြောင်းအရာနှစ်ခုဖြင့် ဖန်တီးထားသည် -
* ပရောဂျက်အခြေပြုသင်ယူမှု
* ကြိမ်မှတ်မဲ့ ကွစ်စ်များဖြင့် ဖြေရှင်းမှု
အစီအစဉ်က JavaScript, HTML နှင့် CSS ၏ အခြေခံအကြောင်းအရာများကိုသင်ကြားပေးပြီး၊ ယနေ့ခေတ် web developer များအသုံးပြုကြတဲ့ နည်းပညာများနှင့် ကိရိယာအသစ်များအကြောင်းလည်းပါဝင်သည်။ ကျောင်းသား/သူများသည် typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, နှင့် banking app စသည့် ပရောဂျက်များ ဖန်တီးခြင်းအတွေ့အကြုံကို လက်တွေ့ရှေ့ပြေးနည်းဖြင့် သင်ယူနိုင်မည်ဖြစ်သည့်အပြင်၊ အတန်းအဆုံးတွင် ဝက်ဘ်ဖွံ့ဖြိုးတိုးတက်မှုကို ကျွမ်းကျင်စွာ နားလည်နိုင်သည်။
> 🎓 ကျွန်ုပ်တို့၏ သင်ရိုး၌ ပါဝင်သော သင်ခန်းစာများကို Microsoft Learn တွင် [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) အဖြစ် ပထမသင်ခန်းစာများစတင်စဉ်းစားနိုင်ပါတယ်။
အကြောင်းအရာများပရောဂျက်များနှင့် ကိုက်ညီစေရန် ဒီလုပ်ငန်းစဉ်က ကျောင်းသား/သူများအတွက်ပိုမိုစိတ်ဝင်စားဖွယ်ဖြစ်သည့်အတွက် သင်ယူမှုကို ထိရောက်စေသည်။ JavaScript အခြေခံသင်ခန်းစာအချို့ကို "Beginners Series to: JavaScript" ဗီဒီယို tutorials တွင် ပါဝင်သော ဗီဒီယိုတစ်ခုနှင့်တွဲဖက်၍ရေးသားပေးထားသည်။ ထို့အပြင် သင်တန်းမတိုင်မီ လျှော့တောင်း ပျော့ပါးသည့် quiz တစ်ခု သင်ယူသူ၏ စိတ်အာရုံကို တာဝန်ယူစေနိုင်ပြီး၊ အတန်းပြီးပြီးနောက် quiz ဒုတိယတစ်ခုက ပိုမိုထိရောက်စေသည်။ ဒီသင်ရိုးသစ်အားလုံးကို အားလုံးသို့မဟုတ် အပိုင်းအစအနည်းငယ် သင်ယူနိုင်ပြီး ပရောဂျက်များသည် ခဏခဏပေါ်လာပြီး အဆုံးမကျရောက်သည်အထိ ပိုမိုရှုပ်ထွေးလာသည်။
JavaScript frameworks များကို စတင်မသုံးသင့်ပါက၊ web 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) လမ်းညွှန်ချက်များကို လာရောက်ကြည့်ရှုနိုင်ပါသည်။ သင်၏ တည်ဆောက်မှုကောင်းမွန်သော မှတ်ချက်များကို ကြိုဆိုပါသည်။
## 🧭 အွန်လိုင်းမလိုအပ်ပဲ အသုံးပြုနိုင်ခြင်း
[Docsify](https://docsify.js.org/#/) ကိုအသုံးပြု၍ ဒီစာရွက်စာတမ်းကို အော့ဖ်လိုင်းထားပြီး အသုံးပြုနိုင်ပါသည်။ ဤ repository ကို Fork လုပ်ပြီး၊ [Docsify ကို install](https://docsify.js.org/#/quickstart) ပြုလုပ်ကာ ဒီ repository ၏ root ဖိုလ်ဒါတွင် `docsify serve` ဟု ရိုက်ထည့်ပါ။ ဝဘ်ဆိုက်သည် သင့် localhost ၏ port 3000 တွင် `localhost:3000` အဖြစ် ဝင်ရောက်ကြည့်ရှုနိုင်မည်ဖြစ်သည်။
## 📘 PDF
သင်ခန်းစာအားလုံးသို့မဟုတ် PDF ကို ဒီမှာတွေ့နိုင်ပါတယ် [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf)။
သင်ခန်းစာများအားလုံးပါဝင်သော PDF ကို [ဒီမှာ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) တွေ့နိုင်ပါသည်။
## 🎒 အခြားသင်တန်းများ
ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်လျက်ရှိပါသည်။ စစ်ဆေးကြည့်ပါ-
ကျွန်ုပ်တို့အဖွဲ့သည် အခြားသင်တန်းများကို ထုတ်လုပ်ထားသည်! စစ်ဆေးကြည့်ပါ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -223,7 +237,7 @@ JavaScript framework များကို မသွင်းယူဘဲ web de
---
### Core Learning
### အခြေခံသင်ယူမှု
[![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)
@ -234,29 +248,29 @@ JavaScript framework များကို မသွင်းယူဘဲ web de
---
### Copilot Series
### 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 -->
## ကူညီမှုရယူခြင်း
## အကူအညီရယူခြင်း
AI အက်ပ်များ တည်ဆောက်ရာတွင် ဖိအားခံရလျှင် သို့မဟုတ် မေးခွန်းရှိချိန်တွင် MCP အကြောင်း ညှိနှိုင်းမှုများတွင် တွဲဖက်သင်ယူနေကြသည့် လေ့လာသူများ နှင့် အတွေ့အကြုံရှိသော developer များနှင့် တွဲဖက်ရောကြသည်။ မေးခွန်းများ လက်ခံသော ပံ့ပိုးထောက်ပံ့မှုရှိသော အသိုင်းအဝိုင်းဖြစ်ပြီး သတင်းအချက်အလက်များ ကိုလည်း လွတ်လပ်စွာမျှဝေကြသည်။
AI အပလီကေးရှင်းများ ဆောက်လုပ်ရာတွင် အကူအညီလိုပါက သို့မဟုတ် မေးခွန်းများရှိပါက MCP အကြောင်း ဆွေးနွေးချက်များတွင် တက်ရောက်ပါ။ ၎င်းသည် မေးမြန်းလိုသူများနှင့် ကျွမ်းကျင်သူများ ရင်းနှီးသည့် ပတ်ဝန်းကျင်တစ်ခုဖြစ်ပြီး မေးခွန်းများအား လက်ခံပြီး သိမြင်မှုများကို အလွတ်တန်း မျှဝေသည့် အသိုင်းအဝိုင်း ဖြစ်သည်။
[![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)
## လိုင်စင်
ဤ repository သည် MIT လိုင်စင်ဖြင့် လိုင်စင်ပေးထားပါသည်။ ပိုမိုသိရှိလိုပါက [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
ဤဂိုဒေါင်ကို 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 -->

71
translations/my/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [သင်ခန်းစာအကြောင်းအရာ]
# သင်ခန်းစာ ခေါင်းစဉ်
![ဗီဒီယိုတစ်ခုထည့်ပါ](../../../lesson-template/video-url)
## 🎥 ဗီဒီယို
## [သင်ခန်းစာမတိုင်မီမေးခွန်း](../../../lesson-template/quiz-url)
> ဒီနေရာမှာ ထည့်သွင်းထားသော ဗီဒီယို သို့မဟုတ် သင်ခန်းစာလင့်ခ်ဖြစ်သည်။
[ဒီသင်ခန်းစာမှာ ဘာတွေသင်ယူမလဲဆိုတာဖော်ပြပါ]
---
## သင်ကြားမှုမတိုင်မီ စစ်တမ်း
> ရနိုင်သောအခါ စစ်တမ်းလင့်ခ်ကို ဒီမှာ ထည့်ပါ။
---
ဤသင်ခန်းစာတွင် ကျောင်းသားများ သင်ယူမည့်အကြောင်းအရာများ အကျဉ်းချုပ်ပေးပါ။
---
### အနိမ့်ဆုံးအကျဉ်းချုပ်
### နိဒါန်း
ဒီသင်ခန်းစာမှာ ဘာတွေဖော်ပြမလဲဆိုတာရှင်းပြပါ
ဤသင်ခန်းစာတွင် ကိုယ်တိုင် လေ့လာမည့် အကြောင်းအရာများကို အတိုချုံးဖော်ပြပါ။
> မှတ်ချက်များ
### ကြိုတင်လိုအပ်ချက်
---
### ဦးစွာသိရှိထားရမည့်အချက်များ
ဒီသင်ခန်းစာမတိုင်မီ ဘာအဆင့်တွေကိုပြီးစီးထားရမလဲ?
ဤသင်ခန်းစာ စတင်မတိုင်မီ ကျောင်းသားများ သိရှိထားသင့်သည့် သဘောတရားများ သို့မဟုတ် ခေါင်းစဉ်များကို ဖော်ပြပါ။
---
### ပြင်ဆင်မှု
ဒီသင်ခန်းစာကိုစတင်ဖို့အတွက် ပြင်ဆင်ရမယ့်အဆင့်များ
သင်ခန်းစာ စတင်ရန် မတိုင်မီ လိုအပ်သော ပြင်ဆင်မှုများ သို့မဟုတ် ကိရိယာများကို ဖော်ပြပါ။
---
[အကြောင်းအရာကို အပိုင်းလိုက်ဆွဲဆောင်ပါ]
### အကြောင်းအရာ
## [အကြောင်းအရာ ၁]
သင်ခန်းစာ အကြောင်းအရာကို မျဉ်းစည်းတကျ အပိုင်းများဖြင့် တင်ပြပါ။
### လုပ်ငန်းတာဝန်:
---
## ခေါင်းစဉ် ၁
အတူတကွလုပ်ဆောင်ပြီး သင့် codebase ကို တိုးတက်အောင်လုပ်ပြီး ပရောဂျက်ကို မျှဝေထားတဲ့ code နဲ့တည်ဆောက်ပါ:
### တာဝန်:
ပူးပေါင်းလက်တွဲကာ သင့်ကုဒ်ဘေ့့(စ်) ကို တိုးတက်စေပြီး စီမံကိန်းကို အများပြန်ကုဒ်ဖြင့် တည်ဆောက်ပါ။
```html
code blocks
```
✅ အသိပညာ စစ်ဆေးမှု
ကျောင်းသားများ၏ အသိပညာကို ကျယ်ပြန့်စွာ ထိန်းသိမ်းရန် အခွင့်အရေးအဖြစ် မေးခွန်းဖွင့်ပါ။
✅ အသိပညာစစ်ဆေး - ဒီအချိန်ကို အသုံးပြုပြီး ကျောင်းသားများကို အခွင့်အရေးပေးကာ ဖွင့်မေးခွန်းများဖြင့် အသိပညာကို တိုးတက်စေပါ
## [အကြောင်းအရာ ၂]
## ခေါင်းစဉ် ၂
## ခေါင်းစဉ် ၃
## [အကြောင်းအရာ ၃]
🚀 စိန်ခေါ်မှု
ကျောင်းသားများ စီမံကိန်းအား တိုးတက်အောင် ပူးပေါင်းဆောင်ရွက်ရန် စိန်ခေါ်မှုတစ်ခု ထည့်ပါ။
🚀 စိန်ခေါ်မှု: ကျောင်းသားများအတူတကွ လုပ်ဆောင်နိုင်ဖို့ စိန်ခေါ်မှုတစ်ခုထည့်ပါ၊ ပရောဂျက်ကို တိုးတက်အောင်လုပ်ဆောင်ရန်
လိုအပ်သလောက်: အကောင်းဆုံးအနေဖြင့် ပြီးဆုံးသည့် သင်ခန်းစာ UI ရဲ့ ရုပ်ပုံကို ထည့်နိုင်ပါသည်။
Optional: သင်ခန်းစာပြီးဆုံးပြီး UI ရဲ့ screenshot တစ်ခုထည့်ပါ (လိုအပ်ပါက)
## သင်ကြားမှုပြီးစီးပြီးနောက် စစ်တမ်း
## [သင်ခန်းစာပြီးဆုံးပြီး မေးခွန်း](../../../lesson-template/quiz-url)
သင်ခန်းစာပြီးစီးပါက ဒီမှာ စစ်တမ်းလင့်ခ် ထည့်ပါ။
## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာခြင်း
## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာမှု
**အလုပ်အကိုင်အပ်နှံရက် [MM/YY]**: [အလုပ်အကိုင်အမည်](assignment.md)
**တာဝန် မတ်/နှစ် [MM/YY]**: [Assignment Name](assignment.md)
---
**အကြောင်းကြားချက်**:
ဤစာရွက်စာတမ်းကို 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 -->

10
translations/uk/.co-op-translator.json
Unescape View File

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:10:37+00:00",
"translation_date": "2026-04-24T13:03:37+00:00",
"source_file": "AGENTS.md",
"language_code": "uk"
},
@ -516,8 +516,8 @@
"language_code": "uk"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T17:46:13+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T12:56:54+00:00",
"source_file": "README.md",
"language_code": "uk"
},
@ -564,8 +564,8 @@
"language_code": "uk"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-27T22:34:04+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T12:57:07+00:00",
"source_file": "lesson-template/README.md",
"language_code": "uk"
},

332
translations/uk/AGENTS.md
Unescape View File

@ -2,23 +2,23 @@
## Огляд проєкту
Це навчальний репозиторій курсу для викладання основ веб-розробки для початківців. Курс є всебічним 12-тижневим курсом, розробленим Microsoft Cloud Advocates, що включає 24 практичні уроки з JavaScript, CSS та HTML.
Це репозиторій навчальної програми для викладання основ веб-розробки для початківців. Програма — це комплексний 12-тижневий курс, розроблений Microsoft Cloud Advocates, що містить 24 практичні уроки, які охоплюють JavaScript, CSS та HTML.
### Ключові компоненти
### Основні компоненти
- **Навчальний контент**: 24 структуровані уроки, організовані в модулі, орієнтовані на проєкти
- **Практичні проєкти**: Терраріум, Гра на друку, Розширення браузера, Космічна гра, Банківський додаток, Код-редактор і AI чат-асистент
- **Інтерактивні вікторини**: 48 вікторин по 3 питання у кожній (до/після уроку)
- **Підтримка багатьох мов**: Автоматичний переклад більш ніж на 50 мов за допомогою GitHub Actions
- **Навчальний контент**: 24 структуровані уроки, організовані в модулі на основі проєктів
- **Практичні проєкти**: Терраріум, гра на друку, розширення браузера, космічна гра, банківський додаток, редактор коду та AI чат-асистент
- **Інтерактивні вікторини**: 48 вікторин по 3 питання в кожній (оцінки до/після уроку)
- **Підтримка багатьох мов**: Автоматизований переклад більш ніж 50 мовами за допомогою GitHub Actions
- **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проєктів)
### Архітектура
- Репозиторій з навчальним контентом, структурованим за уроками
- Кожна директорія уроку містить README, приклади коду та рішення
- Окремі проєкти розміщені в власних папках (quiz-app, різні уроки)
- Система перекладів з використанням GitHub Actions (co-op-translator)
- Документація подається через Docsify і доступна у форматі PDF
- Навчальний репозиторій зі структурою на основі уроків
- Кожна папка уроку містить README, приклади коду та рішення
- Окремі проєкти у різних директоріях (quiz-app, різні проєкти уроків)
- Система перекладу з використанням GitHub Actions (co-op-translator)
- Документація на Docsify і доступна в PDF
## Команди для налаштування
@ -41,12 +41,12 @@ npm run build # Зібрати для продакшена
npm run lint # Запустити ESLint
```
### API Банківського проєкту (Node.js + Express)
### API банківського проєкту (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Запустити сервер API
npm start # Запустити API сервер
npm run lint # Запустити ESLint
npm run format # Відформатувати за допомогою Prettier
```
@ -56,7 +56,7 @@ npm run format # Відформатувати за допомогою Pretti
```bash
cd 5-browser-extension/solution
npm install
# Дотримуйтесь інструкцій із завантаження розширень, специфічних для браузера
# Дотримуйтеся інструкцій завантаження розширень, специфічних для браузера
```
### Проєкти космічної гри
@ -64,10 +64,10 @@ npm install
```bash
cd 6-space-game/solution
npm install
# Відкрийте index.html у браузері або використовуйте Live Server
# Відкрийте index.html у браузері або використайте Live Server
```
### Проєкт чату (Python бекенд)
### Чат-проєкт (бекенд на Python)
```bash
cd 9-chat-project/solution/backend/python
@ -76,35 +76,35 @@ pip install openai
python api.py
```
## Робочий процес розробки
## Розробницький робочий процес
### Для внесення контенту
### Для авторів контенту
1. **Форкніть репозиторій** у свій акаунт GitHub
2. **Клонуйте ваш форк** локально
1. **Форкуйте репозиторій** у свій обліковий запис GitHub
2. **Клонуйте форк** локально
3. **Створіть нову гілку** для своїх змін
4. Внесіть зміни у контент уроків або приклади коду
5. Перевірте коди у відповідних директоріях проєктів
6. Надішліть pull request відповідно до інструкцій внесення змін
4. Вносьте зміни до контенту уроків або прикладів коду
5. Тестуйте зміни коду у відповідних директоріях проєктів
6. Надсилайте pull request відповідно до правил внеску
### Для учнів
1. Форкніть або клонувати репозиторій
2. Перейдіть послідовно до директорій уроків
3. Читайте README в кожному уроці
4. Проходьте вікторини перед уроком на https://ff-quizzes.netlify.app/web/
5. Працюйте з прикладами коду в папках уроків
6. Виконуйте завдання і виклики
7. Проходьте вікторини після уроку
1. Форкуйте або клоньте репозиторій
2. Послідовно переходьте в директорії уроків
3. Читайте README файли для кожного уроку
4. Виконуйте вікторини перед уроком на https://ff-quizzes.netlify.app/web/
5. Опрацьовуйте приклади коду в папках уроків
6. Виконуйте завдання та виклики
7. Вирішуйте вікторини після уроку
### Жива розробка
### Живий розвиток
- **Документація**: Запустіть `docsify serve` у корені (порт 3000)
- **Quiz App**: Запустіть `npm run dev` у директорії quiz-app
- **Проєкти**: Використовуйте розширення VS Code Live Server для HTML-проєктів
- **API проєкти**: Запустіть `npm start` у відповідних API директоріях
- **Проєкти**: Використовуйте розширення VS Code Live Server для HTML проєктів
- **API Проєкти**: Запустіть `npm start` у відповідних директоріях API
## Інструкції для тестування
## Інструкції з тестування
### Тестування Quiz App
@ -114,37 +114,37 @@ npm run lint # Перевірте проблеми зі стилем ко
npm run build # Переконайтеся, що збірка проходить успішно
```
### Тестування Bank API
### Тестування API банку
```bash
cd 7-bank-project/api
npm run lint # Перевірте наявність проблем зі стилем коду
npm run lint # Перевірте на наявність проблем зі стилем коду
node server.js # Переконайтеся, що сервер запускається без помилок
```
### Загальний підхід до тестування
- Це навчальний репозиторій без комплексних автоматизованих тестів
- Ручне тестування орієнтоване на:
- Запуск прикладів коду без помилок
- Правильну роботу посилань у документації
- Успішне збирання проєктів
- Відповідність прикладів найкращим практикам
- Це навчальний репозиторій без повного автоматизованого тестування
- Ручне тестування зосереджене на:
- запуску прикладів коду без помилок
- коректній роботі посилань у документації
- успішній збірці проєктів
- прикладах, що відповідають найкращим практикам
### Перевірка перед подачею
### Перевірки перед відправкою
- Запустіть `npm run lint` у директоріях з package.json
- Перевірте валідність markdown посилань
- Тестуйте приклади коду у браузері або Node.js
- Перевірте, що переклади мають правильну структуру
- Перевірте коректність markdown-посилань
- Тестуйте приклади коду в браузері або Node.js
- Переконайтеся, що переклади зберігають правильну структуру
## Керівництво по стилю коду
## Керівництво зі стилю коду
### JavaScript
- Використовуйте сучасний синтаксис ES6+
- Дотримуйтесь стандартних ESLint конфігурацій проектів
- Використовуйте зрозумілі імена змінних і функцій для навчальної ясності
- Дотримуйтесь стандартних конфігурацій ESLint, що надаються в проєктах
- Використовуйте змістовні назви змінних і функцій для навчальної ясності
- Додавайте коментарі, що пояснюють концепції для учнів
- Форматуйте код за допомогою Prettier, де налаштовано
@ -152,131 +152,131 @@ node server.js # Переконайтеся, що сервер запуск
- Семантичні елементи HTML5
- Принципи адаптивного дизайну
- Чітка система імен класів
- Чіткі найменування класів
- Коментарі, що пояснюють CSS-техніки для учнів
### Python
- Дотримання стилю PEP 8
- Зрозумілі, навчальні приклади коду
- Використання типових підказок, якщо це допомагає навчанню
- Керівництво за стилем PEP 8
- Чіткі, навчальні приклади коду
- Підказки типів, де корисно для навчання
### Документація у Markdown
### Документація Markdown
- Чітка ієрархія заголовків
- Код-блоки з вказанням мови
- Блоки коду з вказанням мови
- Посилання на додаткові ресурси
- Скриншоти та зображення в папках `images/`
- Опис alt для зображень для доступності
- Знімки екрану та зображення у папках `images/`
- Атрибути alt для зображень для доступності
### Організація файлів
- Уроки пронумеровані послідовно (1-getting-started-lessons, 2-js-basics тощо)
- Кожен проєкт має папки `solution/` та часто `start/` або `your-work/`
- Зображення зберігаються у папках уроків `images/`
- Переклади зберігаються у структурі `translations/{language-code}/`
- Кожен проєкт має папки `solution/` і часто `start/` або `your-work/`
- Зображення зберігаються у папках зображень конкретного уроку
- Переклади у структурі `translations/{language-code}/`
## Збирання та розгортання
## Збірка і розгортання
### Розгортання Quiz App (Azure Static Web Apps)
quiz-app налаштовано для розгортання Azure Static Web Apps:
quiz-app налаштований для розгортання в Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Створює папку dist/
# Виконує розгортання через workflow GitHub Actions при пуші в main
# Розгортає через GitHub Actions workflow при пуші в main
```
Конфігурація Azure Static Web Apps:
- **Розташування додатку**: `/quiz-app`
- **Розташування результату**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **Вихідне розташування**: `dist`
- **Робочий процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Генерація PDF документації
```bash
npm install # Встановіть docsify-to-pdf
npm install # Встановити docsify-to-pdf
npm run convert # Згенерувати PDF з docs
```
### Документація Docsify
```bash
npm install -g docsify-cli # Встановіть Docsify глобально
docsify serve # Запуск на localhost:3000
npm install -g docsify-cli # Встановити Docsify глобально
docsify serve # Запустити на localhost:3000
```
### Зборки для конкретних проєктів
### Збірка конкретних проєктів
Кожна директорія проєкту може мати власний процес збірки:
- Vue проєкти: `npm run build` створює продакшн-бандли
- Статичні проєкти: Кроку збірки немає, файли подаються напряму
- Проєкти на Vue: `npm run build` створює продакшн-бандли
- Статичні проєкти: немає кроку збірки, файли подаються напряму
## Керівництво з Pull Request
## Інструкції для Pull Request
### Формат заголовку
Використовуйте чіткі, описові заголовки, що вказують область змін:
- `[Quiz-app] Додати нову вікторину для уроку X`
- `[Lesson-3] Виправити описку у проєкті терраріум`
- `[Lesson-3] Виправити помилку в проєкті терраріуму`
- `[Translation] Додати іспанський переклад для уроку 5`
- `[Docs] Оновити інструкції з налаштування`
### Обов’язкові перевірки
Перед подачею PR:
Перед надсиланням PR:
1. **Якість коду**:
- Запустіть `npm run lint` у відповідних директоріях проєктів
- Виправте всі помилки і зауваження lint
- Виправте всі помилки та попередження лінтера
2. **Перевірка збірки**:
- Запустіть `npm run build`, якщо застосовно
- Переконайтесь, що немає помилок збірки
- Запустіть `npm run build`, якщо застосовується
- Переконайтеся, що немає помилок збірки
3. **Перевірка посилань**:
- Протестуйте всі markdown-посилання
- Перевірте роботу зображень
- Переконайтеся, що посилання на зображення працюють
4. **Перевірка контенту**:
- Вичитка на орфографію та граматику
- Переконайтесь, що приклади коду коректні і навчальні
- Перевірте, що переклади зберігають оригінальний зміст
- Вичитайте на орфографічні та граматичні помилки
- Переконайтеся, що приклади коду коректні і навчальні
- Перевірте, що переклади зберегли оригінальний зміст
### Вимоги до внесення змін
### Вимоги до внеску
- Погодьтеся з Microsoft CLA (автоматична перевірка при першому PR)
- Дотримуйтесь [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Погоджуйтесь з Microsoft CLA (автоматична перевірка при першому PR)
- Дотримуйтеся [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Див. [CONTRIBUTING.md](./CONTRIBUTING.md) для детальних інструкцій
- Вказуйте номери issues у описі PR, якщо застосовно
- Посилайтеся на номери issue в описі PR, якщо це застосовується
### Процес огляду
### Процес перегляду
- PR перевіряють мейнтейнери і спільнота
- Пріоритет надається навчальній зрозумілості
- Приклади коду мають відповідати сучасним кращим практикам
- Переклади перевіряються на точність і культурну відповідність
- PR переглядають підтримувачі та спільнота
- Пріоритет надається освітній зрозумілості
- Приклади коду повинні відповідати найкращим сучасним практикам
- Переклади рецензуються на точність і культурну відповідність
## Система перекладів
## Система перекладу
### Автоматичний переклад
### Автоматизований переклад
- Використовує GitHub Actions з workflow co-op-translator
- Автоматично перекладає на понад 50 мов
- Файли-джерела у головних директоріях
- Переклади у `translations/{language-code}/`
- Використовує GitHub Actions з робочим процесом co-op-translator
- Автоматичний переклад на понад 50 мов
- Файли джерел у основних директоріях
- Перекладені файли у папках `translations/{language-code}/`
### Додавання ручних покращень
### Додавання вручну покращень перекладу
1. Знайдіть файл у `translations/{language-code}/`
2. Внесіть покращення, зберігаючи структуру
3. Переконайтесь, що приклади коду функціональні
4. Протестуйте локалізований контент вікторин
2. Вносьте вдосконалення, зберігаючи структуру
3. Переконайтеся, що приклади коду залишаються працездатними
4. Тестуйте локалізований контент вікторин
### Метадані перекладів
### Мета-дані перекладу
Перекладені файли містять метадані у шапці:
Перекладені файли містять заголовок з мета-даними:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Відлагодження та усунення проблем
## Налагодження та усунення проблем
### Типові проблеми
### Поширені проблеми
**Quiz app не запускається**:
- Перевірте версію Node.js (рекомендується v14+)
- Видаліть `node_modules` і `package-lock.json`, запустіть `npm install` знову
- Перевірте версію Node.js (рекомендовано v14+)
- Видаліть `node_modules` та `package-lock.json`, потім знову запустіть `npm install`
- Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173)
**API сервер не запускається**:
- Перевірте версію Node.js (node >=10)
- Перевірте, чи порт не зайнятий
- Переконайтесь, що всі залежності встановлені (`npm install`)
**API-сервер не стартує**:
- Переконайтеся, що версія Node.js відповідає мінімуму (node >=10)
- Перевірте, чи порт не використовується
- Впевніться, що всі залежності встановлені через `npm install`
**Розширення браузера не завантажується**:
- Перевірте формат manifest.json
- Перегляньте помилки у консолі браузера
- Дотримуйтесь інструкцій установки для конкретного браузера
- Перевірте правильність форматування manifest.json
- Перевірте консоль браузера на наявність помилок
- Дотримуйтеся інструкцій з встановлення для конкретного браузера
**Проблеми з Python чат-проєктом**:
- Переконайтесь, що пакет OpenAI встановлений: `pip install openai`
- Перевірте наявність змінної середовища GITHUB_TOKEN
- Перевірте права доступу GitHub Models
**Проблеми з чат-проєктом на Python**:
- Переконайтеся, що пакет OpenAI встановлений: `pip install openai`
- Перевірте, що змінна середовища GITHUB_TOKEN встановлена
- Переконайтеся у наявності дозволів на доступ до GitHub Models
**Docsify не подає документацію**:
**Докси Docsify не запускаються**:
- Встановіть docsify-cli глобально: `npm install -g docsify-cli`
- Запустіть із кореневої папки репозиторію
- Переконайтесь, що існує файл `docs/_sidebar.md`
- Запускайте з кореневого каталогу репозиторію
- Переконайтеся, що існує файл `docs/_sidebar.md`
### Поради щодо середовища розробки
### Поради для розробки
- Використовуйте VS Code з розширенням Live Server для HTML-проєктів
- Встановіть розширення ESLint і Prettier для консистентного форматування
- Використовуйте DevTools браузера для відлагодження JavaScript
- Для Vue проектів встановіть Vue DevTools браузерне розширення
- Використовуйте VS Code з розширенням Live Server для HTML проєктів
- Встановіть розширення ESLint і Prettier для послідовного форматування
- Використовуйте інструменти розробника браузера для налагодження JavaScript
- Для Vue проєктів встановіть браузерне розширення Vue DevTools
### Особливості продуктивності
### Продуктивність
- Велика кількість перекладів (50+ мов) призводить до великих повних клонів
- Використовуйте shallow clone, якщо працюєте тільки з контентом: `git clone --depth 1`
- Ігноруйте переклади в пошуку при роботі з англійським контентом
- Процеси збірки можуть бути повільними при першому запуску (npm install, Vite build)
- Велика кількість перекладених файлів (50+ мов) означає великий повний клон
- Використовуйте shallow clone, якщо працюєте лише з контентом: `git clone --depth 1`
- Виключайте переклади з пошуку при роботі з англійським контентом
- Процеси збірки можуть бути повільними під час першого запуску (npm install, збірка Vite)
## Заходи безпеки
## Міркування щодо безпеки
### Змінні оточення
### Змінні середовища
- API ключі ніколи не мають потрапляти у репозиторій
- Використовуйте `.env` файли (вже в `.gitignore`)
- Документуйте потрібні змінні в README проєктів
- Ключі API ніколи не повинні зберігатися в репозиторії
- Використовуйте файли `.env` (вже додані до `.gitignore`)
- Зазначайте необхідні змінні середовища у README проєктів
### Python проєкти
- Використовуйте віртуальні середовища: `python -m venv venv`
- Оновлюйте залежності
- Токени GitHub повинні мати мінімальні необхідні дозволи
- Підтримуйте залежності актуальними
- Токени GitHub повинні мати мінімально необхідні дозволи
### Доступ до GitHub Models
- Потрібні персональні токени доступу (PAT) для GitHub Models
- Токени зберігайте у змінних оточення
- Ніколи не комітьте токени чи облікові дані
- Потрібні Personal Access Tokens (PAT) для GitHub Models
- Токени слід зберігати як змінні середовища
- Ніколи не комітьте токени або облікові дані
## Додаткові відомості
## Додаткові нотатки
### Цільова аудиторія
- Повні новачки у веб-розробці
- Студенти та самонавчання
- Викладачі, що використовують курс у класах
- Контент створено з орієнтацією на доступність і поступове нарощування навичок
- Повні початківці у веб-розробці
- Студенти та самонавчальні
- Викладачі, які використовують програму у класах
- Контент розроблений для доступності та поступового розвитку навичок
### Освітня філософія
- Проєктно-орієнтоване навчання
- Навчання через проєкти
- Часті перевірки знань (вікторини)
- Практичні вправи з кодування
- Приклади реальних застосувань
- Приклади застосування у реальному світі
- Фокус на основах перед фреймворками
### Підтримка репозиторію
- Активна спільнота учнів і контрибуторів
- Регулярні оновлення залежностей і контенту
- Моніторинг issues та дискусій мейнтейнерами
- Автоматичні оновлення перекладів через GitHub Actions
- Активна спільнота учнів і авторів
- Регулярні оновлення залежностей та контенту
- Підтримка і обговорення від кураторів
- Автоматичне оновлення перекладів за допомогою GitHub Actions
### Пов’язані ресурси
- [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) рекомендується для учнів
- Додаткові курси: генеративний AI, Data Science, ML, IoT
- [Microsoft Learn модулі](https://docs.microsoft.com/learn/)
- [Студентський центр ресурсів](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендований для учнів
- Додаткові курси: Генеративний AI, Data Science, ML, IoT навчальні курси
### Робота з конкретними проєктами
Для детальних інструкцій з окремих проєктів дивіться README файли у:
- `quiz-app/README.md` - Vue 3 quiz додаток
- `7-bank-project/README.md` - Банківський додаток з автентифікацією
- `5-browser-extension/README.md` - Розробка розширення браузера
Для докладних інструкцій щодо окремих проєктів дивіться README файли у:
- `quiz-app/README.md` - Vue 3 додаток для вікторин
- `7-bank-project/README.md` - Банківський додаток з аутентифікацією
- `5-browser-extension/README.md` - Розробка розширень браузера
- `6-space-game/README.md` - Розробка гри на Canvas
- `9-chat-project/README.md` - AI чат-асистент
- `9-chat-project/README.md` - Проєкт AI чат-асистента
### Структура монорепозиторію
Хоча це не традиційний монорепозиторій, він містить кілька незалежних проєктів:
Хоча це не класичний монорепозиторій, цей репозиторій містить кілька незалежних проєктів:
- Кожен урок автономний
- Проєкти не ділять залежності
- Можна працювати з окремими проєктами без впливу на інші
- Клонування всього репозиторію для повного досвіду курсу
- Проєкти не ділять залежностей
- Працюйте над окремими проєктами без впливу на інші
- Клонуйте весь репозиторій для повного досвіду навчальної програми
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Відмова від відповідальності**:
Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння або хибні тлумачення, що виникли внаслідок використання цього перекладу.
**Відмова від відповідальності**:
Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматизовані переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або помилкові тлумачення, що виникли через використання цього перекладу.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

195
translations/uk/README.md
Unescape View File

@ -10,27 +10,27 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Веб-розробка для початківців - Навчальний план
# Веб-розробка для початківців - навчальна програма
Вивчайте основи веб-розробки за нашим комплексним 12-тижневим курсом від Microsoft Cloud Advocates. Кожен з 24 уроків занурюється у JavaScript, CSS та HTML через практичні проєкти, такі як тераріуми, розширення для браузера та космічні ігри. Взаємодійте з вікторинами, дискусіями та практичними завданнями. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою ефективної педагогіки, орієнтованої на проєкти. Почніть свою подорож у кодинг вже сьогодні!
Вивчайте основи веб-розробки за допомогою нашого комплексного курсу тривалістю 12 тижнів від Microsoft Cloud Advocates. Кожен з 24 уроків занурюється у JavaScript, CSS та HTML через практичні проєкти, такі як тераріуми, розширення для браузера та космічні ігри. Залучайтесь до вікторин, обговорень і практичних завдань. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою нашої ефективної проектно-орієнтованої педагогіки. Розпочніть свою програмістську подорож сьогодні!
Приєднуйтесь до спільноти Azure AI Foundry в Discord
Приєднуйтесь до Azure AI Foundry Discord і зустрічайте експертів та інших розробників.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Виконайте ці кроки, щоб розпочати роботу з цими ресурсами:
1. **Форкніть репозиторій**: Натисніть [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
Виконайте ці кроки, щоб почати використовувати ці ресурси:
1. **Зробіть форк репозиторію**: Клікніть [![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. **Клонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Приєднуйтесь до Azure AI Foundry Discord, зустрічайте експертів та колег-розробників**](https://discord.com/invite/ByRwuEEgH4)
3. [**Приєднуйтесь до Azure AI Foundry Discord і зустрічайте експертів та інших розробників**](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)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../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](./README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Віддаєте перевагу клонувати локально?**
> **Віддаєте перевагу клонуванню локально?**
>
> Цей репозиторій містить понад 50 мовних перекладів, що значно збільшує розмір завантаження. Щоб клонувати без перекладів, використовуйте sparse checkout:
>
@ -48,82 +48,82 @@
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> Це надасть вам все необхідне для проходження курсу з набагато швидшим завантаженням.
> Це дасть вам все необхідне для проходження курсу з значно швидшим завантаженням.
<!-- 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), де ви знайдете ресурси для початківців, студентські набори та навіть можливості отримати безкоштовний сертифікат. Це сторінка, яку варто додати до закладок і періодично перевіряти, оскільки вміст оновлюється щомісяця.
Відвідайте [**сторінку Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), де ви знайдете ресурси для початківців, студентські комплекти та навіть способи отримати безкоштовний сертифікат. Цю сторінку варто додати в закладки та перевіряти час від часу, оскільки щомісяця оновлюється контент.
### 📣 Оголошення - Нові виклики в режимі GitHub Copilot Agent для виконання!
### 📣 Оголошення - Нові завдання в режимі GitHub Copilot Agent для виконання!
Додано нове завдання, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це нове завдання, яке ви можете виконати за допомогою GitHub Copilot та режиму Agent. Якщо ви раніше не використовували режим Agent, він може не лише генерувати текст, а й створювати та редагувати файли, запускати команди та багато іншого.
Додано нове завдання, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це нове завдання, яке вам потрібно виконати за допомогою GitHub Copilot і режиму Agent. Якщо ви ще не використовували режим Agent, він здатний не лише генерувати текст, а й створювати та редагувати файли, запускати команди та інше.
### 📣 Оголошення - _Новий проєкт для створення із використанням генеративного ШІ_
### 📣 Оголошення - _Новий проєкт на основі Генеративного ШІ_
Щойно додано новий AI Assistant проєкт, ознайомтеся з ним [проєкт](./9-chat-project/README.md)
Додав новий проєкт AI Assistant, перевірте його [тут](./9-chat-project/README.md)
### 📣 Оголошення - _Новий навчальний план_ з генеративного ШІ для JavaScript щойно випущено
### 📣 Оголошення - _Нова навчальна програма_ з генеративного ШІ для JavaScript тільки що випущена
Не пропустіть наш новий навчальний план з генеративного ШІ!
Не пропустіть нашу нову навчальну програму з генеративного ШІ!
Відвідайте [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/uk/background.148a8d43afde5730.webp)
- Уроки охоплюють все від основ до RAG.
- Спілкуйтеся з історичними персонажами за допомогою GenAI та нашого супутнього додатку.
- Весела та захоплююча наративна подорож, ви подорожуватимете в часі!
- Уроки, що охоплюють усе від основ до RAG.
- Взаємодійте з історичними персонажами за допомогою GenAI та нашого супутнього додатка.
- Весела та захоплива історія, ви будете подорожувати у часі!
![character](../../translated_images/uk/character.5c0dd8e067ffd693.webp)
Кожен урок включає завдання для виконання, перевірку знань та виклик, які допоможуть у вивченні таких тем, як:
- Підказки та інженерія підказок
- Генерація текстових і графічних додатків
Кожен урок містить завдання для виконання, перевірку знань та виклик, який допоможе вам освоїти теми, такі як:
- Формулювання запитів та інженерія запитів
- Генерація текстових та графічних додатків
- Пошукові додатки
Відвідайте [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](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) для додаткових навчальних матеріалів.
### 📋 Налаштування вашого середовища
### 📋 Налаштування середовища
Цей навчальний план має готове до роботи середовище розробки! Розпочинаючи, ви можете вибрати запуск курсу в [Codespace](https://github.com/features/codespaces/) (_браузерне середовище без потреби встановлення_), або локально на своєму комп’ютері, використовуючи текстовий редактор, наприклад [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ця навчальна програма має готове до роботи середовище розробки! Починаючи, ви можете обрати запуск програми в [Codespace](https://github.com/features/codespaces/) (_браузерне середовище без необхідності інсталяції_), або локально на вашому комп'ютері за допомогою текстового редактора, такого як [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Створіть свій репозиторій
Щоб легко зберігати свою роботу, рекомендується створити власну копію цього репозиторію. Ви можете зробити це, натиснувши кнопку **Use this template** у верхній частині сторінки. Це створить новий репозиторій у вашому обліковому записі GitHub з копією навчального плану.
Щоб вам було легко зберігати свою роботу, радимо створити власну копію цього репозиторію. Це можна зробити, натиснувши кнопку **Use this template** у верхній частині сторінки. Це створить новий репозиторій у вашому акаунті GitHub із копією навчальної програми.
Виконайте ці кроки:
1. **Форкніть репозиторій**: Натисніть кнопку "Fork" у правому верхньому куті цієї сторінки.
1. **Зробіть форк репозиторію**: Натисніть кнопку "Fork" у верхньому правому куті цієї сторінки.
2. **Клонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Запуск курсу в Codespace
#### Запуск програми в Codespace
У власній копії репозиторію, що ви створили, натисніть кнопку **Code** та оберіть **Open with Codespaces**. Це створить для вас новий Codespace для роботи.
У вашій копії репозиторію, яку ви створили, натисніть кнопку **Code** та оберіть **Open with Codespaces**. Це створить новий Codespace для вашої роботи.
![Codespace](../../translated_images/uk/createcodespace.0238bbf4d7a8d955.webp)
#### Запуск курсу локально на вашому комп'ютері
#### Запуск програми локально на вашому комп’ютері
Для локального запуску цього курсу вам знадобиться текстовий редактор, браузер та інструмент командного рядка. Перший урок, [Вступ до мов програмування та інструментів професії](../../1-getting-started-lessons/1-intro-to-programming-languages), проведе вас через різні варіанти кожного з цих інструментів, щоб ви могли обрати найкращий для себе.
Щоб запускати цю навчальну програму локально на вашому комп’ютері, вам потрібен текстовий редактор, браузер і інструмент командного рядка. Наш перший урок, [Вступ до мов програмування та інструментів](../../1-getting-started-lessons/1-intro-to-programming-languages), познайомить вас з різними варіантами для кожного з цих інструментів, щоб ви могли обрати найзручніший для себе.
Ми рекомендуємо використовувати [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) як свій редактор, який також має вбудований [термінал](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. Клонуйте ваш репозиторій на свій комп’ютер. Ви можете зробити це, натиснувши кнопку **Code** і скопіювавши URL:
Ми рекомендуємо використовувати [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) як текстовий редактор, який також має вбудований [Термінал](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. Клонувати ваше сховище на комп’ютер. Це можна зробити, клацнувши кнопку **Code** і скопіювавши URL:
[CodeSpace](./images/createcodespace.png)
@ -133,89 +133,90 @@
git clone <your-repository-url>
```
2. Відкрийте папку у Visual Studio Code. Ви можете зробити це, натиснувши **File** > **Open Folder** і вибравши щойно клоновану папку.
2. Відкрийте папку у Visual Studio Code. Це можна зробити, клацнувши **File** > **Open Folder** і вибравши папку, яку ви щойно клонували.
> Рекомендовані розширення Visual Studio Code:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - для перегляду HTML-сторінок у Visual Studio Code
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - для попереднього перегляду HTML-сторінок всередині Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - щоб допомогти вам швидше писати код
## 📂 Кожен урок включає:
## 📂 Кожен урок містить:
- необов’язкову схематичну замітку
- необов’язкове додаткове відео
- розминку у вигляді вікторини перед уроком
- додаткову замальовку (sketchnote) за бажанням
- додаткове відео за бажанням
- розігрівальний вікторину перед уроком
- письмовий урок
- для уроків, заснованих на проектах, покрокові інструкції з будування проекту
- для проектно-орієнтованих уроків — покрокові керівництва зі створення проєкту
- перевірки знань
- завдання
- виклик (challenge)
- додаткове читання
- завдання
- [вікторину після уроку](https://ff-quizzes.netlify.app/web/)
> **Примітка про вікторини**: Усі вікторини зберігаються у папці Quiz-app, загалом 48 вікторин по три питання кожна. Вони доступні [тут](https://ff-quizzes.netlify.app/web/), додаток для вікторин може запускатися локально або бути розгорнутим в Azure; дотримуйтесь інструкцій у папці `quiz-app`.
> **Примітка щодо вікторин**: Усі вікторини знаходяться в папці Quiz-app, всього 48 вікторин по три запитання кожна. Вони доступні [тут](https://ff-quizzes.netlify.app/web/). Квіз-додаток можна запускати локально або розгортати в Azure; дотримуйтесь інструкцій у папці `quiz-app`.
## 🗃️ Уроки
| | Назва проекту | Навчаємі концепції | Навчальні цілі | Пов’язаний урок | Автор |
| :-: | :-------------------------------------------------------: | :-----------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-------------------: |
| 01 | Початок роботи | Вступ до програмування та інструментів професії | Вивчити основні поняття, що лежать в основі більшості мов програмування, та про програмне забезпечення для професійних розробників | [Вступ до мов програмування та інструментів](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Початок роботи | Основи GitHub, робота в команді | Як використовувати GitHub у своєму проєкті, як співпрацювати з іншими у кодовій базі | [Вступ у GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Початок роботи | Доступність | Вивчення основ доступності веб-контенту | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи JS | Типи даних JavaScript | Основи типів даних JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Основи JS | Функції та методи | Вивчення функцій та методів для керування логікою програми | [Функції та методи](./2-js-basics/2-functions-methods/README.md) | Jasmine та Christopher|
| 06 | Основи JS | Прийняття рішень у JS | Вивчити, як створювати умови в коді із використанням методів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи JS | Масиви та цикли | Робота з даними за допомогою масивів та циклів у JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML на практиці | Створити HTML для онлайн-терраріуму, зосереджуючись на побудові макету | [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS на практиці | Робота з CSS для стилізації онлайн-терраріуму, зосереджуючись на основах CSS, включно з адаптивністю сторінки | [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпулювання DOM | Написати JavaScript, щоб зробити терраріум із можливістю перетягування, з акцентом на замикання та роботу з DOM | [Замикання JavaScript, маніпулювання DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Створення гри для набору тексту | Вивчення використання подій клавіатури для логіки у JavaScript додатку | [Програмування на подіях](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Робота з браузерами | Вивчення роботи браузерів, їхньої історії та створення перших елементів розширення браузера | [Про браузери](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Створення форми, виклик API та збереження змінних у локальне сховище | Написання JavaScript для виклику API в розширенні браузера із змінними, збереженими у локальному сховищі | [API, форми і локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Процеси у фоновому режимі браузера, продуктивність веба | Використання фонового режиму браузера для керування іконкою розширення; знайомство з продуктивністю та оптимізаціями веба | [Фонові задачі та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | Розвинена розробка ігор на JavaScript | Вивчення спадкоємності на базі класів, композиції та шаблону Pub/Sub для створення гри | [Вступ до розвиненої розробки ігор](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Малювання на canvas | Ознайомлення з Canvas API для малювання елементів на екрані | [Малювання на Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Рух елементів по екрану | Дізнатися про рух елементів за допомогою декартових координат і Canvas API | [Рух елементів на екрані](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | Виявлення колізій | Зробити зіткнення і реакцію між об’єктами за допомогою натискань клавіш та реалізувати функцію охолодження для продуктивності| [Виявлення колізій](./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) | Завершення та перезапуск гри | Вивчити завершення та перезапуск гри, в тому числі очищення ресурсів та скидання змінних | [Умова завершення](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML-шаблони та маршрути в вебдодатку | Вивчити створення каркасу мультисторінкового сайту, використання маршрутизації та HTML-шаблонів | [HTML-шаблони і маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Створення форм для входу та реєстрації | Вивчити створення форм та обробку перевірок | [Форми](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Методи отримання та використання даних | Розуміння потоків даних у додатку, їх отримання, збереження та видалення | [Дані](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Концепції керування станом | Вивчити, як додаток зберігає стан і як ним керувати програмно | [Керування станом](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Робота з VScode | Навчитися використовувати редактор коду | [Використання редактора VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Робота з AI | Навчитися створювати власного AI-асистента | [Проєкт AI асистента](./9-chat-project/README.md) | Chris |
| | Назва проєкту | Навчені поняття | Навчальні цілі | Пов’язаний урок | Автор |
| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Початок роботи | Вступ до програмування та інструменти професії | Вивчити базові основи більшості мов програмування і програмне забезпечення, яке допомагає професійним розробникам | [Вступ до мов програмування та інструментів](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Початок роботи | Основи GitHub, включаючи командну роботу | Як використовувати GitHub у вашому проєкті, як співпрацювати з іншими над базою коду | [Вступ до GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Початок роботи | Доступність | Вивчити основи веб-доступності | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи JS | Типи даних в JavaScript | Основи типів даних у JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Основи JS | Функції та методи | Вивчити функції та методи для управління логікою застосування | [Функції та методи](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | Основи JS | Прийняття рішень з JS | Навчитися створювати умови у вашому коді за допомогою способів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи JS | Масиви та цикли | Працювати з даними, використовуючи масиви та цикли в JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Тераріум](./3-terrarium/solution/README.md) | HTML на практиці | Створити HTML для онлайн-тераріуму, зосереджуючись на побудові макету | [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Тераріум](./3-terrarium/solution/README.md) | CSS на практиці | Створити CSS для стилізації онлайн-тераріуму, зосереджуючись на основах CSS, включаючи створення адаптивної сторінки | [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Тераріум](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпулювання DOM | Написати JavaScript для функціонування тераріуму як інтерфейсу перетягування, зосереджуючись на замиканнях і маніпулюванні DOM | [Замикання JS, маніпулювання DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Гра на друкування](./4-typing-game/solution/README.md) | Створення гри на друкування | Вивчити, як використовувати події клавіатури для керування логікою вашого JS-додатка | [Подійне програмування](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Робота з браузерами | Дізнатися, як працюють браузери, їх історію і як створити перші елементи розширення для браузера | [Про браузери](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Створення форм, виклик API та збереження змінних у локальному сховищі | Створити JS-елементи розширення браузера для виклику API, використовуючи змінні у локальному сховищі | [API, форми та локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Фонові процеси у браузері, веб-продуктивність | Користуватись фоновими процесами браузера для керування іконкою розширення; вивчити веб-продуктивність і оптимізації | [Фонові завдання та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Космічна гра](./6-space-game/solution/README.md) | Більш просунута розробка ігор на JavaScript | Вивчити наслідування за допомогою класів і композиції та патерн Pub/Sub перед створенням гри | [Вступ до просунутої розробки ігор](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Космічна гра](./6-space-game/solution/README.md) | Малювання на канвасі | Вивчити Canvas API, який використовується для малювання елементів на екрані | [Малювання на канвасі](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Космічна гра](./6-space-game/solution/README.md) | Переміщення елементів по екрану | Дізнатися, як елементи можуть набувати рух за допомогою картезіанських координат і Canvas API | [Переміщення елементів](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Космічна гра](./6-space-game/solution/README.md) | Виявлення зіткнень | Зробити зіткнення елементів і реакцію один на одного з використанням натискань клавіш, а також реалізувати функцію охолодження | [Виявлення зіткнень](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Космічна гра](./6-space-game/solution/README.md) | Підрахунок очок | Виконувати математичні обчислення на основі статусу та продуктивності гри | [Підрахунок очок](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Космічна гра](./6-space-game/solution/README.md) | Завершення та перезапуск гри | Вивчити завершення та перезапуск гри, включно з очищенням ресурсів та скиданням змінних | [Умова завершення](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Банківський додаток](./7-bank-project/solution/README.md) | HTML-шаблони та маршрути у веб-додатку | Вивчити, як створювати каркас мультисторінкового сайту, використовуючи маршрутизацію та HTML-шаблони | [HTML-шаблони та маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Банківський додаток](./7-bank-project/solution/README.md) | Створення форми входу та реєстрації | Вивчити створення форм і перевірку даних | [Форми](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Банківський додаток](./7-bank-project/solution/README.md) | Методи отримання та використання даних | Як дані надходять і виходять з вашого додатку, як їх отримувати, зберігати і видаляти | [Дані](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Банківський додаток](./7-bank-project/solution/README.md) | Поняття управління станом | Вивчити, як ваш додаток зберігає стан і як програмно ним управляти | [Управління станом](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Код браузера/VScode](../../8-code-editor) | Робота з VScode | Вивчити використання редактора коду | [Використання редактора коду VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Асистенти](./9-chat-project/README.md) | Робота з AI | Вивчити створення власного AI асистента | [Проєкт AI асистента](./9-chat-project/README.md) | Chris |
## 🏫 Педагогіка
Наша навчальна програма розроблена з дотриманням двох ключових педагогічних принципів:
* навчання на основі проєктів
Наша навчальна програма розроблена з урахуванням двох ключових педагогічних принципів:
* навчання на основі проектів
* часті вікторини
Програма навчає основам JavaScript, HTML та CSS, а також сучасним інструментам і методам, які застосовують сьогодні веб-розробники. Студенти матимуть можливість отримати практичний досвід, створюючи гру для набору тексту, віртуальний терраріум, екологічне розширення браузера, гру у стилі space-invader і банківський додаток для бізнесу. Наприкінці серії учні отримають ґрунтовні знання з веб-розробки.
Програма викладає основи JavaScript, HTML та CSS, а також сучасні інструменти і техніки, які використовують сьогоднішні веб-розробники. Студенти матимуть можливість отримати практичний досвід, створюючи гру на друку, віртуальний тераріум, екологічно дружнє розширення для браузера, гру в стилі космічних загарбників і банківський додаток для бізнесу. Наприкінці курсу студенти здобудуть міцне розуміння веб-розробки.
> 🎓 Ви можете пройти перші кілька уроків цієї навчальної програми як [шлях навчання](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) на Microsoft Learn!
Забезпечуючи відповідність контенту проєктам, процес навчання стає більш захопливим, а засвоєння концепцій покращується. Ми також створили кілька початкових уроків з основ JavaScript, щоб представити концепції, підкріплених відео з колекції "[Серія для початківців: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", автори якої також долучились до цієї програми.
Забезпечення відповідності контенту проєктам робить процес більш захопливим для студентів і підвищує засвоєння понять. Ми також написали кілька вступних уроків з основ JavaScript у поєднанні з відео з колекції "[Серія для початківців з JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", де деякі автори брали участь у створенні цієї навчальної програми.
Додатково, вікторина з низькою ставкою перед заняттям налаштовує намір студента вивчати тему, а друга вікторина після заняття забезпечує подальше закріплення матеріалу. Ця навчальна програма спроектована як гнучка та цікава, її можна проходити повністю або частково. Проєкти починаються просто і поступово ускладнюються до кінця 12-тижневого циклу.
Крім того, низькопорогова вікторина перед заняттям встановлює намір студента вивчити тему, а друга вікторина після уроку забезпечує кращу засвоюваність. Ця програма розроблена так, щоб бути гнучкою і цікавою, і її можна пройти повністю або частково. Проєкти починаються з невеликих і стають дедалі складнішими до кінця 12-тижневого циклу.
Хоч ми цілеспрямовано уникали введення фреймворків JavaScript, щоб зосередитись на базових навичках веб-розробника перед впровадженням фреймворку, хорошим наступним кроком після цієї програми буде вивчення Node.js за допомогою іншої колекції відео: "[Серія для початківців: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Ми навмисно утримувалися від впровадження JavaScript-фреймворків, щоб зосередитися на базових навичках, необхідних веб-розробнику, перш ніж починати роботу з фреймворком, однак наступним кроком після проходження цієї програми варто вивчити Node.js за допомогою іншої колекції відео: "[Серія для початківців з 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/#/). Форкніть цей репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на свій локальний комп’ютер, а потім у кореневій папці репозиторію введіть `docsify serve`. Вебсайт буде запущений на порту 3000 локального хоста: `localhost:3000`.
Ви можете працювати з цією документацією офлайн, використовуючи [Docsify](https://docsify.js.org/#/). Форкніть це репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на свій локальний комп’ютер, а потім у кореневій папці репозиторію введіть команду `docsify serve`. Вебсайт буде доступний на порту 3000 на вашому локальному хості: `localhost:3000`.
## 📘 PDF
PDF усіх уроків можна знайти [тут](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
PDF-файл усіх уроків можна знайти [тут](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Інші курси
## 🎒 Інші Курси
Наша команда створює інші курси! Ознайомтесь із ними:
Наша команда створює інші курси! Ознайомтесь:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -232,7 +233,7 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git
---
### Серія про генеративний ШІ
### Серія Generative 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)
@ -240,7 +241,7 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git
---
### Основні курси
### Основне навчання
[![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)
@ -251,7 +252,7 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git
---
### Серія про Copilot
### Серія 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)
@ -259,21 +260,21 @@ PDF усіх уроків можна знайти [тут](https://microsoft.git
## Отримання допомоги
Якщо ви застрягли або маєте питання щодо створення AI-додатків. Приєднуйтесь до інших учнів та досвідчених розробників у обговореннях MCP. Це підтримуюча спільнота, де питання вітаються, а знання вільно діляться.
Якщо ви застрягли або маєте питання щодо створення AI-додатків, приєднуйтесь до інших учнів і досвідчених розробників у обговореннях MCP. Це підтримуюча спільнота, де питання вітаються, а знання вільно поширюються.
[![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).
Цей репозиторій ліцензовано за ліцензією MIT. Детальніше див. у файлі [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Відмова від відповідальності**:
Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Незважаючи на наші зусилля забезпечити точність, будь ласка, враховуйте, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ його рідною мовою вважається авторитетним джерелом. Для критичної інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.
Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, врахуйте, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникли внаслідок використання цього перекладу.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

63
translations/uk/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [Тема уроку]
# Тема уроку
![Вставте відео тут](../../../lesson-template/video-url)
## 🎥 Відео
## [Тест перед лекцією](../../../lesson-template/quiz-url)
> Додайте вбудоване відео або посилання на урок тут.
[Опишіть, що ми будемо вивчати]
---
## Квіз перед лекцією
> Додайте посилання на квіз тут, коли воно буде доступне.
---
Надайте короткий огляд того, чому студенти навчаться під час цього уроку.
---
### Вступ
Опишіть, що буде розглянуто
Надайте короткий вступ, у якому описано, що буде розглянуто в цьому уроці.
> Примітки
### Передумови
---
### Попередні знання
Які кроки повинні бути виконані перед цим уроком?
Перерахуйте поняття або теми, з якими студенти повинні бути вже ознайомлені перед початком цього уроку.
---
### Підготовка
Підготовчі кроки для початку цього уроку
Перерахуйте будь-які кроки налаштування або інструменти, необхідні перед початком уроку.
---
[Розглядайте контент блоками]
### Зміст
Покроково викладайте зміст уроку у структурованих розділах.
---
## [Тема 1]
## Тема 1
### Завдання:
Працюйте разом, щоб поступово вдосконалювати ваш кодовий базис для створення проекту зі спільним кодом:
Працюйте разом, щоб поступово покращити вашу кодову базу для створення проекту з спільним кодом:
```html
code blocks
```
✅ Перевірка знань - використайте цей момент, щоб розширити знання студентів за допомогою відкритих запитань
✅ Перевірка знань
Використайте цей момент, щоб розширити знання студентів за допомогою відкритих запитань.
## [Тема 2]
## Тема 2
## Тема 3
## [Тема 3]
🚀 Виклик
Додайте спільний виклик для студентів, щоб покращити проект.
🚀 Виклик: Додайте завдання для студентів, щоб вони працювали над проектом спільно в класі
За бажанням: додайте скріншот інтерфейсу завершеного уроку, якщо це доречно.
Опціонально: додайте скріншот інтерфейсу завершеного уроку, якщо це доречно
## Квіз після лекції
## [Тест після лекції](../../../lesson-template/quiz-url)
Додайте посилання на квіз тут після завершення уроку.
## Огляд та самостійне навчання
## Огляд і самостійне вивчення
**Термін здачі [MM/YY]**: [Назва завдання](assignment.md)
**Термін здачі завдання [MM/YY]**: [Назва завдання](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Відмова від відповідальності**:
Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.
Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, просимо звернути увагу, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний переклад людиною. Ми не несемо відповідальності за будь-які непорозуміння чи неправильні тлумачення, що виникли внаслідок використання цього перекладу.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save