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] 5 months 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": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "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", "source_file": "AGENTS.md",
"language_code": "lt" "language_code": "lt"
}, },
@ -516,8 +516,8 @@
"language_code": "lt" "language_code": "lt"
}, },
"README.md": { "README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T17:48:22+00:00", "translation_date": "2026-04-24T12:59:53+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "lt" "language_code": "lt"
}, },
@ -564,8 +564,8 @@
"language_code": "lt" "language_code": "lt"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-08-28T11:48:08+00:00", "translation_date": "2026-04-24T13:00:06+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "lt" "language_code": "lt"
}, },

350
translations/lt/AGENTS.md
Unescape View File

@ -2,36 +2,36 @@
## Projekto apžvalga ## 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 ### Pagrindinės sudedamosios dalys
- **Švietimo turinys**: 24 struktūruotos pamokos, suskirstytos į projektų modulius - **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 AI pokalbių asistentas - **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 (prieš ir po pamokų įvertinimai) - **Interaktyvūs testai**: 48 testai po 3 klausimus kiekviename (testavimas prieš ir po pamokos)
- **Daugiakalbė palaikymas**: Automatizuoti vertimai į 50+ kalbų naudojant GitHub Actions - **Daugiakalbė palaikymas**: Automatiniai vertimai į daugiau nei 50 kalbų naudojant GitHub Actions
- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektams) - **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (DI projektams)
### Architektūra ### Architektūra
- Švietimo saugykla su pamokomis pagrįsta struktūra - Edukacinis saugyklos turinys su pamokomis
- Kiekvienos pamokos aplanke yra README, kodo pavyzdžiai ir sprendimai - Kiekvienos pamokos aplanke yra README failas, kodo pavyzdžiai ir sprendimai
- Atskiri projektai atskiruose kataloguose (quiz-app, įvairūs pamokų projektai) - Atskiri projektai į atskirus katalogus (quiz-app, įvairūs pamokų projektai)
- Vertimo sistema naudojant GitHub Actions (co-op-translator) - Vertimo sistema naudojant GitHub Actions (co-op-translator)
- Dokumentacija pateikiama per Docsify ir prieinama PDF formatu - 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 ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Testų programėlės paruošimas (Vue 3 + Vite) ### Quiz App nustatymas (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
@ -56,7 +56,7 @@ npm run format # Formatuoti su Prettier
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install 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 ### Kosminio žaidimo projektai
@ -67,131 +67,131 @@ npm install
# Atidarykite index.html naršyklėje arba naudokite Live Server # Atidarykite index.html naršyklėje arba naudokite Live Server
``` ```
### Pokalbių projektas (Python serveris) ### Pokalbių projekto (Python backend) nustatymas
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# Nustatyti GITHUB_TOKEN aplinkos kintamąjį # Nustatykite GITHUB_TOKEN aplinkos kintamąjį
python api.py python api.py
``` ```
## Vystymo darbo eiga ## Kūrimo darbo eiga
### Turinį prisidedantiems ### Turinį kuriantiems
1. **Atšakokite saugyklą** į savo GitHub paskyrą 1. **Padalinkite saugyklą** į savo GitHub paskyrą
2. **Klonuokite savo atšaką** lokaliai 2. **Klonuokite savo fork** lokaliai
3. **Sukurkite naują šaką** savo pakeitimams 3. **Sukurkite naują šaką** savo pakeitimams
4. Atlikite turinio ar kodo pavyzdžių pakeitimus pamokose 4. Redaguokite pamokų turinį arba kodo pavyzdžius
5. Patikrinkite kodo pakeitimus atitinkamuose projekto kataloguose 5. Testuokite kodo pakeitimus atitinkamuose projekto kataloguose
6. Pateikite pull requests laikantis indėlio taisyklių 6. Pateikite pull requestus pagal indėlių taisykles
### Mokiniams ### Moksleiviams
1. Atšakokite arba klonuokite saugyklą 1. Padalinkite arba klonuokite saugyklą
2. Eikite sekantiems pamokų katalogams paeiliui 2. Sekite pamokų katalogus nuosekliai
3. Skaitykite kiekvienos pamokos README failus 3. Perskaitykite kiekvienos pamokos README failus
4. Atlikite priešpamokinius testus https://ff-quizzes.netlify.app/web/ 4. Atlikite priešpamokinius testus adresu https://ff-quizzes.netlify.app/web/
5. Dirbkite su kodo pavyzdžiais pamokų aplankuose 5. Dirbkite su kodo pavyzdžiais pamokų aplankuose
6. Atlikite užduotis ir iššūkius 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) - **Dokumentacija**: Paleiskite `docsify serve` šakniniame kataloge (port 3000)
- **Testų programėlė**: paleiskite `npm run dev` quiz-app kataloge - **Quiz App**: Paleiskite `npm run dev` quiz-app kataloge
- **Projektai**: naudokite VS Code Live Server plėtinį HTML projektams - **Projektai**: Naudokite VS Code Live Server plėtinį HTML projektams
- **API projektai**: paleiskite `npm start` atitinkamuose API kataloguose - **API projektai**: Paleiskite `npm start` atitinkamuose API kataloguose
## Testavimo instrukcijos ## Testavimo instrukcijos
### Testų programėlės testavimas ### Quiz App testavimas
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Patikrinkite kodo stiliaus problemas 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 ### Banko API testavimas
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Patikrinti kodo stiliaus problemas npm run lint # Patikrinkite kodo stiliaus problemas
node server.js # Patvirtinti, kad serveris paleidžiamas be klaidų 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 - Tai yra mokomojo pobūdžio saugykla be išsamios automatizuotos testavimo sistemos
- Rankinis testavimas orientuotas į: - Rankinis testavimas orientuojamas į:
- Kodo pavyzdžių vykdymą be klaidų - Kodo pavyzdžiai veikia be klaidų
- Dokumentacijos nuorodų veikimą - Nuorodos dokumentacijoje veikia teisingai
- Projekto sėkmingą sudarymą - Projekto sudarymas vyksta sėkmingai
- Pavyzdžius atitinkančius gerąsias praktikas - Pavyzdžiai atitinka geriausias praktikas
### Prieš pateikiant patikrinimus ### Patikrinimai prieš pateikiant
- Paleiskite `npm run lint` kataloguose su package.json - Paleiskite `npm run lint` kataloguose su package.json
- Patikrinkite markdown nuorodų galiojimą - Patikrinkite, ar markdown nuorodos yra galiojančios
- Testuokite kodo pavyzdžius naršyklėje arba Node.js aplinkoje - Testuokite kodo pavyzdžius naršyklėje ar Node.js aplinkoje
- Įsitikinkite, kad vertimai išlaiko tinkamą struktūrą - Patikrinkite, ar vertimai išlaiko tinkamą struktūrą
## Kodo stiliaus gairės ## Kodo stiliaus gairės
### JavaScript ### JavaScript
- Naudoti modernią ES6+ sintaksę - Naudokite modernią ES6+ sintaksę
- Laikytis standartinių ESLint konfigūracijų projektuose - Laikykitės standartinių ESLint konfigūracijų projektuose
- Naudoti prasmingus kintamųjų ir funkcijų pavadinimus švietimui aiškinti - Vartokite prasmingus kintamųjų ir funkcijų pavadinimus mokomam aiškumui
- Pridėti komentarus konceptų paaiškinimui mokiniams - Pridėkite komentarus, aiškinančius koncepcijas mokiniams
- Formatuoti su Prettier, jei konfigūruota - Formatavimui naudokite Prettier, jei sukonfigūruota
### HTML/CSS ### HTML/CSS
- Semantikos atitinkantys HTML5 elementai - Naudokite semantinį HTML5 žymėjimą
- Reaguojantis dizainas - Taikykite lanksčius dizaino principus
- Aiškios klasių pavadinimų konvencijos - Aiškių klasės pavadinimų sistemos
- Komentarai CSS technikoms paaiškinti mokiniams - Komentarai, paaiškinantys CSS technikas mokiniams
### Python ### Python
- PEP 8 stiliaus gairės - Laikykitės PEP 8 stiliaus gairių
- Aiškūs, švietimui skirti kodo pavyzdžiai - Aiškūs, mokomieji kodo pavyzdžiai
- Tipo užuominos, jei padeda mokymuisi - Naudokite tipų užuominas mokymo tikslais
### Markdown dokumentacija ### Markdown dokumentacija
- Aiški antraščių hierarchija - Aiški antraščių hierarchija
- Kodo blokai su kalbos nurodymu - Kodo blokai su kalbos nurodymu
- Nuorodos į papildomus išteklius - Nuorodos į papildomus šaltinius
- Ekrano kopijos ir paveikslėliai `images/` kataloguose - Ekrano nuotraukos ir vaizdai `images/` kataloguose
- Alternatyvus tekstas paveikslėliams, siekiant prieinamumo - Alt tekstai vaizdams dėl prieinamumo
### Failų organizavimas ### Failų organizavimas
- Pamokos su numeriais paeiliui (1-getting-started-lessons, 2-js-basics ir kt.) - Pamokos numeruotos nuosekliai (1-getting-started-lessons, 2-js-basics ir kt.)
- Kiekvienas projektas turi `solution/` ir dažnai `start/` arba `your-work/` katalogus - Kiekviename projekte yra `solution/`, dažnai ir `start/` arba `your-work/` katalogai
- Paveikslėliai saugomi pamokai priskirtuose `images/` aplankuose - Vaizdai laikomi konkrečių pamokų `images/` aplankuose
- Vertimai saugomi `translations/{language-code}/` kataloguose - 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 ```bash
cd quiz-app cd quiz-app
npm run build # Sukuria dist/ aplanką 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: Azure Static Web Apps konfigūracija:
- **Programėlės vieta**: `/quiz-app` - **App vieta**: `/quiz-app`
- **Išvesties vieta**: `dist` - **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 ### Dokumentacijos PDF generavimas
@ -203,25 +203,25 @@ npm run convert # Sugeneruoti PDF iš dokumentų
### Docsify dokumentacija ### Docsify dokumentacija
```bash ```bash
npm install -g docsify-cli # Įdiekite Docsify globaliai npm install -g docsify-cli # Įdiekite Docsify globally
docsify serve # Paleiskite serveryje localhost:3000 docsify serve # Aptarnauti localhost:3000
``` ```
### Projektui specifiniai sudarymai ### Projektams specifiniai kūrimo veiksmai
Kiekvienas projekto katalogas gali turėti savo sudarymo procesą: Kiekvieno projekto katalogas gali turėti savo kūrimo procesą:
- Vue projektai: `npm run build` sukuria gamybines pakuotes - Vue projektams: `npm run build` sukuria produkcijos paketus
- Statiniai projektai: nėra sudarymo žingsnio, failai pateikiami tiesiogiai - Statiniams projektams: nėra reikalo kurti – failus tiekti tiesiogiai
## Pull Request gairės ## Pull Request taisyklės
### Antraštės formatas ### Antraštės formatas
Naudokite aiškius, aprašomuosius pavadinimus, nurodančius pakeitimo sritį: Naudokite aiškias ir išsamią antrastes, nurodančias keitimo sritį:
- `[Quiz-app] Pridėti naują testą pamokai X` - `[Quiz-app] Pridėtas naujas testas pamokai X`
- `[Lesson-3] Ištaisyti klaidą terariumo projekte` - `[Lesson-3] Sutvarkyta klaida terariumo projekte`
- `[Translation] Pridėti ispanų vertimą pamokai 5` - `[Translation] Pridėta ispanų kalbos vertimas 5 pamokai`
- `[Docs] Atnaujinti diegimo instrukcijas` - `[Docs] Atnaujintos diegimo instrukcijos`
### Būtini patikrinimai ### Būtini patikrinimai
@ -229,52 +229,52 @@ Prieš pateikiant PR:
1. **Kodo kokybė**: 1. **Kodo kokybė**:
- Paleiskite `npm run lint` paveiktuose projekto kataloguose - 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**: 2. **Kūrimo patikrinimas**:
- Jei taikoma, paleiskite `npm run build` - Paleiskite `npm run build` jei taikoma
- Užtikrinkite, kad nėra sudarymo klaidų - Įsitikinkite, kad kūrimas vyksta be klaidų
3. **Nuorodų validacija**: 3. **Nuorodų tikrinimas**:
- Išbandykite visas markdown nuorodas - Patikrinkite visas markdown nuorodas
- Patikrinkite, ar paveikslėlių nuorodos veikia - Patikrinkite, ar paveikslėlių nuorodos veikia
4. **Turinio peržiūra**: 4. **Turinio peržiūra**:
- Tikrinkite rašybą ir gramatiką - Patikrinkite rašybą ir gramatiką
- Užtikrinkite, kad kodo pavyzdžiai tinkami ir švietimo tikslais - Įsitikinkite, kad kodo pavyzdžiai teisingi ir mokomieji
- Patikrinkite, ar vertimai išlaiko pradinę prasmę - Patikrinkite, ar vertimai išlaiko originalią prasmę
### Indėlio reikalavimai ### Indėlio reikalavimai
- Sutikite su Microsoft CLA (automatinis tikrinimas pirmo PR metu) - Sutikite su Microsoft CLA (automatinis patikrinimas pirmo PR metu)
- Vadovaukitės [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Laikykitė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 - Skaitykite [CONTRIBUTING.md](./CONTRIBUTING.md) dėl detalių taisyklių
- Nurodykite klausimų numerius PR aprašyme, jei taikoma - Jei taikoma, nurodykite problemų numerius PR aprašyme
### Apžvalgos procesas ### Peržiūros procesas
- PR apžvelgia priežiūrėtojai ir bendruomenė - PR peržiūrimi prižiūrėtojų ir bendruomenės
- Prioritetas teikiamas mokymosi aiškumui - Prioritetas teikiamas mokymo aiškumui
- Kodo pavyzdžiai turi laikytis dabartinių geriausių praktikų - Kodo pavyzdžiai turi atitikti dabartines geriausias praktikas
- Vertimai peržiūrimi dėl tikslumo ir kultūrinio atitikimo - Vertimai peržiūrimi dėl tikslumo ir kultūrinės atitikties
## Vertimo sistema ## Vertimo sistema
### Automatizuotas vertimas ### Automatinis vertimas
- Naudoja GitHub Actions su co-op-translator darbo eiga - Naudoja GitHub Actions su co-op-translator darbų eiga
- Automatiškai verčia į 50+ kalbų - Automatiškai verčia į daugiau nei 50 kalbų
- Šaltinio failai pagrindiniuose kataloguose - Š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}/` 1. Suraskite failą `translations/{kalbos-kodas}/`
2. Atlikite patobulinimus išlaikant struktūrą 2. Atlikite patobulinimus išlaikydami struktūrą
3. Įsitikinkite, kad kodo pavyzdžiai veikia teisingai 3. Įsitikinkite, kad kodo pavyzdžiai veikia
4. Išbandykite lokalizuotą testų turinį 4. Išbandykite lokalizuotus testus
### Vertimų metaduomenys ### Vertimo metaduomenys
Išversti failai turi metaduomenų antraštę: Išversti failai turi metaduomenų antraštę:
```markdown ```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+) - Patikrinkite Node.js versiją (rekomenduojama v14+)
- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite dar kartą `npm install` - Ištrinkite `node_modules` ir `package-lock.json`, paleiskite `npm install` dar kartą
- Patikrinkite ar nėra uosto konflikto (numatytas: Vite naudoja 5173 portą) - Patikrinkite prievadų konfliktus (numatytasis: Vite naudoja port 5173)
**API serveris nesikrauna**: **API serveris nepaleidžiamas**:
- Įsitikinkite, kad Node.js versija atitinka minimalią (node >=10) - Įsitikinkite, kad Node.js versija yra pakankama (node >=10)
- Patikrinkite, ar uostas jau nenaudojamas - Patikrinkite, ar prievadas neužimtas
- Įsitikinkite, kad visos priklausomybės įdiegtos su `npm install` - Įsitikinkite, kad visos priklausomybės įdiegtos paleidus `npm install`
**Naršyklės plėtinys nesikrauna**: **Naršyklės plėtinys nesikrauna**:
- Patikrinkite, ar manifest.json teisingai suformatuotas - Patikrinkite, ar manifest.json teisingai suformatuotas
- Peržiūrėkite naršyklės konsolę dėl klaidų - Pažiūrėkite naršyklės konsolėje klaidas
- Sekite naršyklės specifines plėtinių diegimo instrukcijas - Vadovaukitės naršyklės plėtinių diegimo instrukcijomis
**Python pokalbių projekto problemos**: **Python pokalbių projekto problemos**:
- Įdiekite OpenAI paketą: `pip install openai` - Įdiekite openai paketą: `pip install openai`
- Įsitikinkite, kad GITHUB_TOKEN aplinkos kintamasis nustatytas - Patikrinkite, ar nustatyta GITHUB_TOKEN aplinkos kintamasis
- Patikrinkite GitHub Models prieigos teises - Patikrinkite GitHub Models prieigos leidimus
**Docsify neduoda dokumentų**: **Docsify neatlieka dokumentacijos pateikimo**:
- Įdiekite docsify-cli globaliai: `npm install -g docsify-cli` - Įdiekite docsify-cli globaliai: `npm install -g docsify-cli`
- Paleiskite iš saugyklos šaknies - Paleiskite iš saugyklos šaknies
- Patikrinkite, ar egzistuoja `docs/_sidebar.md` - Patikrinkite, ar egzistuoja `docs/_sidebar.md`
### Vystymo aplinkos patarimai ### Kūrimo aplinkos patarimai
- Naudokite VS Code su Live Server plėtiniu HTML projektams - Naudokite VS Code kartu su Live Server plėtiniu HTML projektams
- Įdiekite ESLint ir Prettier plėtinius nuosekliam formatavimui - Įdiekite ESLint ir Prettier plėtinius dėl nuoseklaus formatavimo
- Naudokite naršyklės DevTools JavaScript derinimui - 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 - Daug išverstų failų (daugiau nei 50 kalbų) reiškia didelius klonus
- Naudokite paviršinį klonavimą, jei dirbate tik su turiniu: `git clone --depth 1` - Naudokite seklaus klonavimą, jei dirbate tik su turiniu: `git clone --depth 1`
- Dirbant su anglišku turiniu, išimkite vertimus iš paieškos - Prie anglų kalbos turinio nedarykite vertimų paieškų
- Sudarymo procesai pirmą kartą gali būti lėti (npm install, Vite build) - Kūrimo procesai gali būti lėti pirmą kartą (npm install, Vite build)
## Saugumo aspektai ## Saugumo svarstymai
### Aplinkos kintamieji ### Aplinkos kintamieji
- API raktai niekada neturi būti įtraukiami į saugyklą - API raktai neturi būti įtraukti į saugyklą
- Naudokite `.env` failus (jau įtraukti į `.gitignore`) - Naudokite `.env` failus (jau įtrauktus į `.gitignore`)
- Reikalingi aplinkos kintamieji dokumentuojami projekto README - Projekto README failuose dokumentuokite reikiamus aplinkos kintamuosius
### Python projektai ### Python projektai
- Naudokite virtualias aplinkas: `python -m venv venv` - Naudokite virtualias aplinkas: `python -m venv venv`
- Laikykite priklausomybes atnaujintas - Nuolat atnaujinkite priklausomybes
- GitHub tokenai turėtų turėti minimalias būtinas teises - GitHub tokenai turi turėti minimalias reikalingas teises
### GitHub Models prieiga ### GitHub Models prieiga
- Reikalingi asmeniniai prieigos raktai (PAT) - Reikalingi Asmeninės prieigos raktai (PAT)
- Raktai turi būti saugomi kaip aplinkos kintamieji - Tokenai turi būti laikomi aplinkos kintamuosiuose
- Niekada neįtraukti jų į saugyklą ar viešinti - Niekada neįtraukti tokenų ar kredencialų į saugyklą
## Papildomos pastabos ## Papildomi pastabos
### Tikslinė auditorija ### Tikslinė auditorija
- Visiškai pradedantieji interneto kūrime - Pilni pradedantieji internetinių svetainių kūrime
- Studentai ir savarankiški besimokantieji - Studentai ir savarankiški mokiniai
- Mokytojai, naudojantys programą klasėje - Mokytojai, naudojantys programą klasėse
- Turinys sukonstruotas prieinamumui ir nuosekliam įgūdžių įgijimui - Turinys sukurtas prieinamumui ir palaipsniui įgyjamai kompetencijai
### Švietimo filosofija ### Edukacinė filosofija
- Mokymasis pagrįstas projektais - Projektine mokymosi metodika
- Dažni žinių patikrinimai (testai) - Dažni žinių tikrinimai (testai)
- Praktiniai kodavimo užsiėmimai - Praktiniai kodo užduotys
- Realių projektų pavyzdžiai - Realūs taikymo pavyzdžiai
- Dėmesys pagrindams prieš frameworks - Dėmesys pagrindams prieš naudojant frameworks
### Saugyklos priežiūra ### Saugyklos palaikymas
- Aktyvi mokinių ir prisidėjusių bendruomenė - Aktyvi mokinių ir prisidėjusių bendruomenė
- Reguliarūs priklausomybių ir turinio atnaujinimai - Reguliarūs priklausomybių ir turinio atnaujinimai
- Klausimai ir diskusijos prižiūrimi saugyklos savininkų - Problemos ir diskusijos prižiūrimos
- Vertimų atnaujinimai automatizuoti per GitHub Actions - Vertimų atnaujinimai automatiškai per GitHub Actions
### Susiję ištekliai ### Susiję ištekliai
- [Microsoft Learn moduliai](https://docs.microsoft.com/learn/) - [Microsoft Learn moduliai](https://docs.microsoft.com/learn/)
- [Studentų centras](https://docs.microsoft.com/learn/student-hub/) - [Student Hub ištekliai](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekomenduojamas besimokantiesiems - Rekomenduojama naudojant [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- Papildomi kursai: Generatyvioji AI, Duomenų mokslas, ML, IoT programos - Papildomi kursai: Generatyvus DIR, Duomenų mokslas, ML, IoT programos
### Darbas su konkrečiais projektais ### Darbas su konkrečiais projektais
Išsamios individualių projektų instrukcijos pateiktos README failuose: Išsamioms instrukcijoms apie atskirus projektus žr. README failus:
- `quiz-app/README.md` - Vue 3 testų programėlė - `quiz-app/README.md` - Vue 3 testavimo programa
- `7-bank-project/README.md` - Banko programa su autentifikacija - `7-bank-project/README.md` - Banko programa su autentifikacija
- `5-browser-extension/README.md` - Naršyklės plėtinių kūrimas - `5-browser-extension/README.md` - Naršyklės plėtinių kūrimas
- `6-space-game/README.md` - Žaidimas su Canvas - `6-space-game/README.md` - Žaidimo su Canvas kūrimas
- `9-chat-project/README.md` - AI pokalbių asistento projektas - `9-chat-project/README.md` - DI pokalbių asistento projektas
### Monorepo struktūra ### Monorepo struktūra
Nors tai nėra tradicinis monorepo, ši saugykla turi kelis nepriklausomus projektus: Nors tai nėra tradicinis monorepo, ši saugykla talpina kelis nepriklausomus projektus:
- Kiekviena pamoka yra savarankiška - Kiekviena pamoka yra atskira
- Projektai nesidalina priklausomybėmis - Projektai nesidalina priklausomybėmis
- Darbai su atskirais projektais neturi įtakos kitiems - Dirbkite su atskiromis dalimis nedarydami įtakos kitoms
- Klonuokite visą saugyklą pilnam kursui gauti - Norint naudotis visa programa, reikalingas visos saugyklos klonavimas
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Atsakomybės ribojimas**: **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 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ą. Š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 --> <!-- 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) [![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) [![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: Sekite šiuos veiksmus, 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) 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 Saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Klonuokite Repository**: `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) 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 --> <!-- 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) [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 / macOS / Linux:**
> ```bash > ```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" > 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 --> <!-- 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) [![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! ### 📣 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) ![Background](../../translated_images/lt/background.148a8d43afde5730.webp)
- Pamokos, apimančios viską nuo pagrindų iki RAG. - Pamokos nuo pagrindų iki RAG.
- Sąveikaukite su istorinių veikėjų personažais naudodami GenAI ir mūsų palydovinę programėlę. - Bendravimas su istoriniais personažais naudojant GenAI ir mūsų palydovinę programėlę.
- Linksma ir įtraukianti istorija, keliausite laiku! - Smagi ir įtraukianti pasakojimo forma – keliausite laiku!
![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp)
Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, kuris padės išmokti: Kiekvienoje pamokoje yra užduotis, žinių patikra ir iššūkis, padėsiantys mokytis šia tema:
- Užklausų ir užklausų inžinerijos - Užklausų pateikimas ir jų kūrimas
- Teksto ir vaizdo programėlių generavimo - Teksto ir vaizdų programėlių kūrimas
- Paieškos programėlių - 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 ## 🌱 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ą #### Sukurkite savo repository
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. 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: Sekite šiuos žingsnius:
1. **Padarykite Fork**: Spauskite "Fork" mygtuką viršutiniame dešiniajame puslapio kampe. 1. **Padarykite Repository fork’ą**: Paspauskite mygtuką „Fork“ šio puslapio viršutiniame dešiniajame kampe.
2. **Klonuokite Saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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) ![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). 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. Nuklonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijavę URL: 1. Klonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijavę URL:
[CodeSpace](./images/createcodespace.png) [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 ```bash
git clone <your-repository-url> 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 > * [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ą > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) – padeda greičiau rašyti kodą
## 📂 Kiekviena pamoka apima: ## 📂 Kiekviena pamoka apima:
- neprivalomą sketchnote užrašą - neprivalomą brėžinį (sketchnote)
- neprivalomą papildomą vaizdo įrašą - neprivalomą papildomą vaizdo įrašą
- šiltinimo viktoriną prieš pamoką - apšilimo testą prieš pamoką
- rašytinę 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 - žinių patikrinimus
- iššūkį - iššūkį
- papildomą skaitymą - papildomą skaitymą
- užduotį - 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 ## 🗃️ Pamokos
| | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susietos pamokos | Autorius | | | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susieta pamoka | 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 | | 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, į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 | | 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 | Sužinokite interneto prieinamumo pagrindus | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 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 | | 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 | | 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ų 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 | | 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 | Darbas su duomenimis naudojant masyvus ir ciklus JavaScript | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/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 | [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 | | 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 | [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 | | 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 | [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 | | 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) | 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 | | 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ž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 | | 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) | 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 | | 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) | 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 | | 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 | [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 | | 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 | [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 | | 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 | [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 | | 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 | [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 | | 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 | [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 | | 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 | [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 | | 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 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 | | 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 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 | | 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 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 | | 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 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 | | 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 | [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 | | 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 | [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 | | 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 ## 🏫 Pedagogika
Mūsų mokymo programa sukurta remiantis dviem pagrindinėmis pedagoginėmis taisyklėmis: Mūsų mokymo programa sukurta remiantis dviem pagrindinėmis pedagoginėmis taisyklėmis:
* mokymasis per projektus * projektinis mokymasis
* dažnos viktorinos * 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)“. 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 [Dalyvavimo taisyklėse](CONTRIBUTING.md). Laukiame jūsų konstruktyvių atsiliepimų!
> 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 ## 🧭 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 ## 📘 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 ## 🎒 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) [![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) [![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) [![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 ### Generatyvinio DI 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) [![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)
[![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) [![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)
[![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) [![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)
[![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) [![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 ### Pagrindinis mokymasis
[![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) [![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) [![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) [![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) [![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) [![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 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 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 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 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) [![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 --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## Pagalba ## 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) [![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) [![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 ## 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 --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Atsakomybės apribojimas**: **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ą. Š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 --> <!-- 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 ### Įvadas
Aprašykite, kas bus aptarta Trumpai pristatykite, kas bus aptariama šioje pamokoje.
> Pastabos > 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: ### 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 ```html
code blocks 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**: **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": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "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", "source_file": "AGENTS.md",
"language_code": "my" "language_code": "my"
}, },
@ -516,8 +516,8 @@
"language_code": "my" "language_code": "my"
}, },
"README.md": { "README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T17:44:35+00:00", "translation_date": "2026-04-24T12:54:23+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "my" "language_code": "my"
}, },
@ -564,8 +564,8 @@
"language_code": "my" "language_code": "my"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-08-27T22:34:12+00:00", "translation_date": "2026-04-24T12:54:42+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "my" "language_code": "my"
}, },

365
translations/my/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Project Overview ## Project Overview
ဒါဟာ ဝဘ်ဒီဗလပ်မှန်အခြေခံမှုများကို စတင်လေ့လာသူများအတွက် သင်ကြားပေးရန် အရည်အချင်းမြှင့်ပညာရေး သင်ရိုးညွှန်းလမ်းကြောင်း ရှည်လျားသော ထောက်ပံ့မှုပလက်ဖောင်းတစ်ခု ဖြစ်သည်။ သင်ရိုးညွှန်းလမ်းကြောင်းမှာ Microsoft Cloud Advocates မှ ဖန်တီးထားသော 12 နာရီကြာ သင်တန်း ၁၂ ပတ် တစ်ခု ဖြစ်ပြီး JavaScript, CSS, နှင့် HTML ကို မျက်နှာသာသော သင်ခန်းစာ ၂၄ ခု ပါဝင်သည်။ ဒီဟာက သင်ပုန်းများအတွက် ဝဘ်ဖွံ့ဖြိုးမှုအခြေခံများကို သင်ကြားပေးရန် အသုံးပြုသော ပညာရေး သင္ခန်းစာအစီအစဉ် repository တစ်ခုဖြစ်သည်။ ဒီသင်ခန်းစာအစီအစဉ်မှာ Microsoft Cloud Advocates မှ ဖန်တီးထားတဲ့ အာရုံစိုက်မှု ၁၂ ပတ်စာ comprehensive သင်ခန်းစာတစ်ခုဖြစ်ပြီး JavaScript၊ CSS၊ HTML တို့ကို ဖုံးလွှမ်းသည့် လက်တွေ့ ၂၄ ခုသော သင်ခန်းစာများ ပါဝင်သည်။
### Key Components ### Key Components
- **ပညာရေး အကြောင်းအရာများ**: စီစဉ်ထားသော သင်ခန်းစာ ၂၄ ခန်းများ၊ စီမံကိန်းလိုက် မော်ဂျူလ်များအဖြစ် - **ပညာရေးအကြောင်းအရာ**: စီမံဆောင်ရွက်ခြင်းအခြေခံ module များအဖြစ် စီစဉ်ထားသော ၂၄ ခုသော သင်ခန်းစာများ
- **လက်တွေ့ ပရောဂျက်များ**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, နှင့် AI Chat Assistant - **လက်တွေ့ ပရောဂျက်များ**: Terrarium၊ Typing Game၊ Browser Extension၊ Space Game၊ Banking App၊ Code Editor နှင့် AI Chat Assistant တို့
- **အပြန်အလှန် စာမေးပွဲများ**: တစ်ခုခြင်း သင်ခန်းစာ မတိုင်မီ နှင့် သင်ခန်းစာပြီးနောက် အကဲဖြတ်ရန် မေးခွန်း ၃ မျိုး ပါဝင်သည့် စာမေးပွဲ ၄၈ ခု - **အပြန်အလှန် စိစစ်မေးခွန်းများ**: စာမေးပွဲ ၄၈ ခု၊ မေးခွန်း ၃ ခုစီဖြင့် (သင်ခန်းစာမတိုင်မီ / မပြီးစဉ် စိစစ်ခြင်းများ)
- **ဘာသာစကားပေါင်းများစွာ အထောက်အပံ့**: GitHub Actions မှ တစ်ဆင့် ဘာသာစကား ၅၀ ကျော် အလိုအလျောက် ဘာသာပြန်ခြင်း - **ဘာသာစကား များစွာ ဆက်သွယ်မှု**: GitHub Actions မှတစ်ဆင့် ၅၀ ကျော်သော ဘာသာစကားများအလိုက် အလိုအလျောက် ဘာသာပြန်ခြင်း
- **နည်းပညာများ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ပရောဂျက်များအတွက်) - **နည်းပညာများ**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ပရောဂျက်များအတွက်)
### Architecture ### Architecture
- သင်ခန်းစာအခြေခံ ပညာရေး ဒေတာဗေ့စ် - သင်ခန်းစာအခြေခံပညာရေး repository
- သင်ခန်းစာ တစ်ခုချင်း အတွင်း README, ကုဒ်နမူနာများ နှင့် နည်းလမ်း ဖြေရှင်းချက်များ ပါဝင်သည် - သင်ခန်းစာ တစ်ခုချင်းစီအတွက် README၊ code နမူနာများနှင့် ဖြေရှင်းနည်းများပါရှိသည်
- စကြာ ဝင်ပေါက်ရှိသော ပရောဂျက်များ ကို ထူးခြားသော ဖိုလ်ဒါများတွင် ထားရှိသည် (quiz-app, စသည်) - project များကို သီးသန့် ဖိုလ်ဒါများတွင်ထားသည် (quiz-app, အမျိုးမျိုးသော သင်ခန်းစာပရောဂျက်များ)
- GitHub Actions (co-op-translator) ကို အသုံးပြု၍ ဘာသာပြန်စနစ် - GitHub Actions (co-op-translator) ဖြင့် ဘာသာပြန် စနစ်
- Docsify ဖြင့် စာရွက်စာတမ်းများကို ဝန်ဆောင်မှုပေးပြီး PDF အဖြစ်လည်းရနိုင်သည် - Docsify ဖြင့် စာရွက်စာတမ်းများ ပေးပို့ပြီး PDF အဖြစ် ရနိုင်သည်
## Setup Commands ## Setup Commands
ဒီ ဒေတာဗေ့စ်ကို စင်စစ်ပညာရေး အကြောင်းအရာ အသုံးပြုရုံအတွက် အဓိက ရည်ရွယ်သည်။ အထူးပရောဂျက်များနှင့် လုပ်ကိုင်ရန်အတွက်: ဒီ repository ကို ပညာရေးအကြောင်းအရာ သုံးစွဲရန်အဓိက ဖြစ်သည်။ ဖတ်ရှုလိုသော ပရောဂျက်များ အတွက် -
### Main Repository Setup ### Main Repository Setup
@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # ဖွံ့ဖြိုးမှုဆာဗာကို စတင်ပါ npm run dev # ဖွံ့ဖြိုးတိုးတက်မှုဆာဗာကို စတင်ပါ
npm run build # ထုတ်လုပ်မှုအတွက် တည်ဆောက်ပါ npm run build # ထုတ်လုပ်မှုအတွက် တည်ဆောက်ပါ
npm run lint # ESLint ကို chạyပါ npm run lint # ESLint ကို chạyပါ။
``` ```
### Bank Project API (Node.js + Express) ### Bank Project API (Node.js + Express)
@ -46,9 +46,9 @@ npm run lint # ESLint ကို chạyပါ
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # API ဆာဗာ စတင်ပါ npm start # API ဆားဗာကို စတင်ပါ
npm run lint # ESLint ကို ပြေးပါ npm run lint # ESLint ကို chạy run ပါ
npm run format # Prettier ဖြင့် ပုံစံစစ်ဆေးပါ npm run format # Prettier နဲ့ ဖော်မက်လုပ်ပါ
``` ```
### Browser Extension Projects ### Browser Extension Projects
@ -56,7 +56,7 @@ npm run format # Prettier ဖြင့် ပုံစံစစ်ဆေး
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# ဘရောက်ဇာအသီးသီးထည့်သွင်းနည်းလမ်းညွှန်များကိုလိုက်နာပါ # ေဘရာဇာအလိုက္ပင္ပိတ္ခ်ထားသည့္ အေသးစိတ္ညႊန္ၾကားခ်က္မ်ားကို လိုက္နာပါ
``` ```
### Space Game Projects ### Space Game Projects
@ -64,7 +64,7 @@ npm install
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# index.html ကို browser မှာဖွင့်ပါ သို့မဟုတ် Live Server ကိုအသုံးပြုပါ # index.html ကို browser တွင်ဖွင့်ပါ သို့မဟုတ် Live Server ကို အသုံးပြုပါ
``` ```
### Chat Project (Python Backend) ### Chat Project (Python Backend)
@ -72,7 +72,7 @@ npm install
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# GITHUB_TOKEN ပတ်ဝန်းကျင်အပြောင်းအလဲ ကို သတ်မှတ်ပါ # GITHUB_TOKEN ပတ်ဝန်းကျင်တန်ဖိုးကိုသတ်မှတ်ပါ
python api.py python api.py
``` ```
@ -80,29 +80,29 @@ python api.py
### For Content Contributors ### For Content Contributors
1. **ရိုက်နှိပ်ပြီး fork လုပ်ရန်** မိမိ၏ GitHub အကောင့်သို့ 1. **Repository ကို fork** လုပ်၍ သင်၏ GitHub အကောင့်သို့ ယူပါ
2. **fork ကို clone လုပ်ပါ** ဒေသခံစနစ်သို့ 2. **Fork ကို ဒေသဆိုင်ရာ clone** လုပ်ပါ
3. **သင်ပြင်ဆင်လိုသော ဗားရှင်း အသစ် ဖန်တီးပါ** 3. ပြင်ဆင်မှုများအတွက် အသစ်သော branch တစ်ခုဖန်တီးပါ
4. သင်ခန်းစာ အကြောင်းအရာ သို့မဟုတ် ကုဒ်နမူနာများ ပြင်ဆင်ပါ 4. သင်ခန်းစာအကြောင်းအရာ သို့မဟုတ် code နမူနာများ ပြင်ဆင်ပါ
5. ပရောဂျက်တွင် ကုဒ်ပြင်ဆင်မှုများ ရရှိပါက စမ်းသပ်ပါ 5. ပရောဂျက်ဖိုလ်ဒါများတွင် code ပြင်ဆင်မှုများ စမ်းသပ်ပါ
6. အကူအညီအဖွဲ့ ဆောင်ရွက်နေသော လမ်းညွှန်ချက်များအတိုင်း pull request တင်သွင်းပါ 6. ကူညီပံ့ပိုးမှု လမ်းညွှန်ချက်များ အတိုင်း pull request များ တင်ပါ
### For Learners ### For Learners
1. Fork လုပ် သို့မဟုတ် clone လုပ်ပါ 1. Repository ကို fork သို့မဟုတ် clone လုပ်ပါ
2. သင်ခန်းစာ ဖိုလ်ဒါများကို နောက်တတ်တိုက် တိုင်ရွက်ပါ 2. သင်ခန်းစာ ဖိုလ်ဒါများကို အဆင့်လိုက် သွားပါ
3. သင်ခန်းစာမျက်နှာများကို ဖတ်ရှုပါ 3. သင်ခန်းစာတစ်ခုချင်း ရေးထားသော README ဖတ်ပါ
4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ စာမေးပွဲ ဖြေဆိုပါ 4. https://ff-quizzes.netlify.app/web/ တွင် သင်ခန်းစာမတိုင်မီ စိစစ်မေးခွန်းများ ဖြေဆိုပါ
5. သင်ခန်းစာဖိုလ်ဒါများတွင် ကုဒ်နမူနာများကို လေ့လာပါ 5. သင်ခန်းစာ ဖိုလ်ဒါများမှ code နမူနာများ အသုံးပြုပါ
6. အလုပ်အပ်နှင့် စိန်ခေါ်မှုများ ပြီးမြောက်အောင် ဆောင်ရွက်ပါ 6. ဖြေကြားချက်များနှင့် စိန်ခေါ်မှုများ ပြီးမြောက်အောင်လုပ်ပါ
7. သင်ခန်းစာပြီးနောက် စာမေးပွဲများ ဖြေဆိုပါ 7. သင်ခန်းစာပြီးနောက် စိစစ်မေးခွန်းများ ဖြေဆိုပါ
### Live Development ### Live Development
- **စာရွက်စာတမ်းများ**: ကိုယ်ပိုင် `docsify serve` ကို root တွင်ချပြရန် (port 3000) - **စာရွက်စာတမ်းများ**: repository အမြောက်မှာ `docsify serve` ကို ကြိုးပမ်းတင်ပါ (port 3000)
- **Quiz App**: quiz-app ဖိုလ်ဒါတွင် `npm run dev` ဖြစ်စေပါ - **Quiz App**: quiz-app ဖိုလ်ဒါတွင် `npm run dev` ကို ပြေးပါ
- **ပရောဂျက်များ**: VS Code ရဲ့ Live Server extension ကို HTML ပရောဂျက်များအတွက် အသုံးပြုပါ - **Projects**: HTML ပရောဂျက်များအတွက် VS Code Live Server extension အသုံးပြုပါ
- **API ပရောဂျက်များ**: အဆိုပါ API ဖိုလ်ဒါများတွင် `npm start` ချပြပါ - **API Projects**: API ဖိုလ်ဒါများ၌ `npm start` ကို ပြေးပါ
## Testing Instructions ## Testing Instructions
@ -110,173 +110,172 @@ python api.py
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # ကုဒ်ပုံစံ ပြဿနာများကို စစ်ဆေးပါ npm run lint # ကုဒ်ပုံစံပြဿနာများကို စစ်ဆေးပါ
npm run build # ဖွဲ့စည်းမှု အောင်မြင်မှုကို အတည်ပြုပါ npm run build # တည်ဆောက်မှုအောင်မြင်မှုကို သေချာစေပါ
``` ```
### Bank API Testing ### Bank API Testing
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # ကုဒ်စတိုင်ပြဿနာများကို စစ်ဆေးပါ npm run lint # ကုဒ်ပုံစံပြဿနာများစစ်ဆေးပါ
node server.js # အမှားများမရှိဘဲ ဆာဗာစတင်သည်ကို သေချာစစ်ဆေးပါ node server.js # error မဖြစ်ဘဲ server စတင်နိုင်မှုကိုအတည်ပြုပါ
``` ```
### General Testing Approach ### General Testing Approach
- ဒေတာဗေ့စ်သည် အလိုအလျောက် စမ်းသပ်မှု ပုံမှန် မပါဝင်သော ပညာရေးစနစ်ဖြစ်သည် - ဒီဟာက ကျယ်ပြန့်သော အလိုအလျောက်စမ်းသပ်မှု မပါဝင်သည့် ပညာရေး repository ဖြစ်သည်
- စမ်းသပ်မှုများကို လက်မှုပုံစံဖြင့် အောက်ပါအတိုင်း အာရုံစိုက်ပါသည် - - လက်မောင်းဖြင့် စမ်းသပ်မှုတွင် အဓိကထားသည်မှာ -
- ကုဒ်နမူနာများ အမှားမဖြစ်စေဘဲ ပြေးပါခြင်း - Code နမူနာများ အမှားမရှိစွာ ပြေးနိုင်မှု
- စာရွက်စာတမ်းတွင် မျှဝေထားသော လင့်ခ်များ အလုပ်လုပ်ရခြင်း - စာရွက်စာတမ်း link များ တိကျမှန်ကန်မှု
- ပရောဂျက်တည်ဆောက်မှု ပြီးမြောက်ခြင်း - ပရောဂျက်များ build ပြီးမြောက်မှု
- နမူနာများသည် ကောင်းမွန်သော လေ့လာမှုနည်းလမ်းများကို လိုက်နာခြင်း - နမူနာများသည် လေ့လာသူများအတွက် ပညာရေး အခြေခံမူများနှင့် ကိုက်ညီစွာ ရေးသားထားမှု
### Pre-submission Checks ### Pre-submission Checks
- package.json ပါဝင်သော ဖိုလ်ဒါများတွင် `npm run lint` ကို တင်သတ်ပါ - package.json ရှိသော ဖိုလ်ဒါများတွင် `npm run lint` ကို run ပါ
- markdown လင့်ခ်များကို မှန်ကန်ပြည့်စုံကြောင်း အတည်ပြုပါ - markdown link များ အတည်ပြုပါ
- ဘရောက်ဇာ နှင့် Node.js တို့တွင် ကုဒ်နမူနာများကို စမ်းသပ်ပါ - Browser သို့မဟုတ် Node.js တွင် code နမူနာများ စမ်းသပ်ပါ
- ဘာသာပြန်မှုများ၏ ဖွဲ့စည်းမှု မြောက်မြားမှု ထိန်းသိမ်းထားမှု စိစစ်ပါ - ဘာသာပြန်ထားမှုများ ပုံစံတိကျမှု ထိန်းသိမ်းထားမှုစစ်ဆေးပါ
## Code Style Guidelines ## Code Style Guidelines
### JavaScript ### JavaScript
- ခေတ်မီ ES6+ စာရေးနည်းကို အသုံးပြုပါ - နောက်ဆုံး ES6+ syntax များ အသုံးပြုပါ
- ပရောဂျက်အတွင်း ပါရှိသည့် standard ESLint ပြဿနာစနစ်ကို လိုက်နာပါ - Project များတွင် ရှိသော standard ESLint configuration ကို လိုက်နာပါ
- ပညာရေး ရည်ရွယ်ချက်အတွက် သီးခြား နာမည်များ အသုံးပြုပါ - ပညာရေး ရည်ရွယ်ချက်ဖြင့် အဓိကရှိသော variable နေရာများနှင့် function နာမည်များ အဓိကထားသုံးပါ
- လေ့လာသူများအတွက် အဓိပ္ပာယ်ဖွင့်ရှင်းချက်များ စာသားတွေ ထည့်ပါ - လေ့လာသူများအတွက် အကြောင်းအရာ ရှင်းလင်းစွာ မှတ်ချက် ထည့်ပါ
- Prettier ဖြင့် ပုံစံ စနစ်တကျ ပြုပြင်ထားပါ (configured ရှိလျှင်သာ) - Prettier ဖြင့် ဖော်မက်နှိပ်ထားသောနေရာများ၌ အသုံးပြုပါ
### HTML/CSS ### HTML/CSS
- Semantic HTML5 element များအသုံးပြုခြင်း - Semantic HTML5 ណ် များ အသုံးပြုပါ
- တုန့်ပြန်မှု ဒီဇိုင်း များကို ဆောင်ရွက်ခြင်း - တုန့်ပြန်မှုရှိသည့် ဒီဇိုင်း များ
- Class နာမည်များကို ရှင်းလင်းသတိပြုအသုံးပြုပါ - ရှင်းလင်းသည့် class နာမည် စနစ်များ
- CSS နည်းကျများအတွက် သင်ယူသူများအတွက် ရှင်းလင်းရေးသားချက်များ ထည့်ပါ - CSS နည်းဗျူဟာများ အတွက် မှတ်ချက်များ ထည့်ရေးသားပါ
### Python ### Python
- PEP 8 စံချိန်စံညွှန်းများ လိုက်နာပါ - PEP 8 စတိုင် လမ်းညွှန်ချက်များလိုက်နာပါ
- တိကျမြောက်မရှိ ပညာရေးကုဒ်နမူနာများ - ပညာရေး ရည်ရွယ်ချက်ဖြင့် ရှင်းလင်းသော code နမူနာများ
- သင်ယူမှု အတွက် အကူအညီဖြစ်စေသည့် Type hints များထည့်ပါ - လေ့လာသူများအတွက် အထောက်အကူဖြစ်နိုင်သော type hints များ ထည့်ပါ
### Markdown Documentation ### Markdown Documentation
- ခေါင်းစဥ် အဆင့်လိုက် ရှင်းလင်းမှု - ရှင်းလင်းသော ခေါင်းစဉ်အဆင့်မြှင့်များ
- ဝါကျဘာသာပြန်ထားသော ကုဒ် ဘလော့တွေ - ဘာသာပြန်အသုံးပြုထားသော code blocks များ
- အသေးစိတ် ရင်းမြစ်များအတွက် လင့်ခ်များ - ထပ်ဆောင်း အရင်းအမြစ်များသို့ ချိတ်ဆက်ထားမှု
- `images/` ဖိုလ်ဒါများတွင် ပုံရိပ်များနှင့် စာရင်းများ - `images/` ဖိုလ်ဒါထဲ screenshot နှင့် ရုပ်ပုံများ
- ရှာဖွေသူများအတွက် ပုံများ၏ Alt စာသားများ - ရုပ်ပုံများအတွက် အလေးထား သတ်မှတ်ချက်များ
### File Organization ### File Organization
- သင်ခန်းစာများ ကို နံပါတ်လိုက် စီစဉ်ထား (1-getting-started-lessons, 2-js-basics, စသည်) - သင်ခန်းစာများကို အဆင့်လိုက် နံပါတ်စဉ်ထားခြင်း (1-getting-started-lessons, 2-js-basics, စသည်)
- ပရောဂျက်တစ်ခုချင်းစီတွင် `solution/` နှင့် တခုခုသော `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများပါဝင်သည် - Project တစ်ခုချင်းစီတွင် `solution/` နှင့် တစ်ခါတစ်ရံ `start/` သို့မဟုတ် `your-work/` ဖိုလ်ဒါများ ပါဝင်
- ပုံရိပ်များသည် သင်ခန်းစာအလိုက် `images/` ဖိုလ်ဒါများတွင် သိမ်းဆည်းထားသည် - Lesson-specific `images/` ဖိုလ်ဒါထဲတွင် ရုပ်ပုံများ သိမ်းဆည်းထားခြင်း
- ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ဖိုလ်ဒါတွင် သိမ်းဆည်းထားသည် - ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ဖိုလ်ဒါတွင် ထားရှိခြင်း
## Build and Deployment ## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps) ### Quiz App Deployment (Azure Static Web Apps)
quiz-app သည် Azure Static Web Apps အဆောက်အအုံအတွက် ဆက်တင်ပြုလုပ်ထားသည် - Quiz-app ကို Azure Static Web Apps များအတွက် ပြင်ဆင်ထားသည် -
```bash ```bash
cd quiz-app cd quiz-app
npm run build # dist/ အဖိုင်ထည် ဆောက်သည် npm run build # dist/ ဖိုလ်ဒါကိုဖန်တီးသည်
# main ထိ တင်သွင်းသောအခါ GitHub Actions workflow ဖြင့် တင်စစ်သည်။ # main သို့ push ပြုလုပ်သည်နှင့်အမျှ GitHub Actions workflow ဖြင့် ဖြန့်ချိသည်
``` ```
Azure Static Web Apps ဆက်တင်များ: Azure Static Web Apps ပြင်ဆင်မှုများ:
- **App ရှေ့နေရာ**: `/quiz-app` - **App location**: `/quiz-app`
- **အထွက် ရှေ့နေရာ**: `dist` - **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation ### Documentation PDF Generation
```bash ```bash
npm install # docsify-to-pdf ကို ထည့်သွင်းပါ npm install # docsify-to-pdf ကိုထည့်သွင်းပါ
npm run convert # docs မှ PDF ကို ထုတ်လုပ်ပါ npm run convert # docs မှ PDF ဖန်တီးပါ
``` ```
### Docsify Documentation ### Docsify Documentation
```bash ```bash
npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာ ထည့်သွင်းပါ npm install -g docsify-cli # Docsify ကို ကမ္ဘာလုံးဆိုင်ရာတွင် တပ်ဆင်ရန်
docsify serve # localhost:3000 တွင် ဝန်ဆောင်မှုပေးပါ docsify serve # localhost:3000 တွင် ဆာဗ်လုပ်ရန်
``` ```
### Project-specific Builds ### Project-specific Builds
ပရောဂျက် တစ်ခုချင်းစီ၏ build လုပ်ငန်းစဉ်သည် မတူကွဲပြားနိုင်ပါသည် - Project တစ်ခုချင်းစီတွင် build လုပ်ငန်းစဉ် ရှိနိုင်သည်။
- Vue ပရောဂျက်များ: `npm run build` နှင့် production bundle များ ဖန်တီးသည် - Vue ပရောဂျက်များ: `npm run build` ဖြင့် production bundle များ ဖန်တီးခြင်း
- Static ပရောဂျက်များ: build လုပ်ခြင်းမရှိဘဲ ဖိုင်များကို တိုက်ရိုက် ဝန်ဆောင်မှု ပြုလုပ်သည် - Static ပရောဂျက်များ: build လိုအပ်မှု မရှိ၊ ဖိုင်များကို တိုက်ရိုက်ထည့်ပေးခြင်း
## Pull Request Guidelines ## Pull Request Guidelines
### Title Format ### Title Format
ပြင်ဆင်ချက် အကွာအဝေးပြသနိုင်စေရန် ခေါင်းစဉ်များကို ရှင်းလင်းဖော်ပြပါ: ပြင်ဆင်မှု အမျိုးအစားကို သေချာဖော်ပြသည့် အမည်တပ်ပါ -
- `[Quiz-app] သင်ခန်းစာ X အတွက် စာမေးပွဲ အသစ် ထည့်သွင်းပါ` - `[Quiz-app] သင်ခန်းစာ X အတွက် quiz အသစ် ထည့်ခြင်း`
- `[Lesson-3] Terrarium ပရောဂျက်တွင် သိပ်ချောင်းမှုတစ်ခု ပြင်ဆင်သည်` - `[Lesson-3] terrarium ပရောဂျက်မှ တစ်အချက် ပြင်ဆင်မှု`
- `[Translation] သင်ခန်းစာ 5 အတွက် စပိန်ဘာသာပြန် ထည့်သွင်းပါ` - `[Translation] သင်ခန်းစာ 5 အတွက် စပိန် ဘာသာပြန် ဆက်စပ်မှု`
- `[Docs] အဆင်ပြေမှု နည်းလမ်းညွှန်ချက် များ ထပ်မံ ပြင်ဆင်ပါ` - `[Docs] အသုံးပြုမှု လမ်းညွှန်အချက် ပြင်ဆင်မှု`
### Required Checks ### Required Checks
PR တင်မတိုင်မီ လူအတတ်ဆုံး စစ်ဆေးမှုများ - PR တင်မီလုပ်ဆောင်ရန် -
1. **ကုဒ်အရည်အသွေး**: 1. **Code Quality**:
- ဒဏ်ရာရှိသော ပရောဂျက် ဖိုလ်ဒါများတွင် `npm run lint` ထည့်ပြေးပါ - ပြင်ဆင်မှုရှိသော project directory များတွင် `npm run lint` ပြေးပါ
- lint အမှားများနှင့် သတိပေးချက်များအားလုံး ပြင်ဆင်သည် - အမှားနှင့် သတိပေးချက်များကို ပြင်ဆင်ပါ
2. **Build အတည်ပြုမှု**: 2. **Build Verification**:
- မည်သည့် အခါတွင်မဆို `npm run build` ကို ပြေးပါ - သင့်လျော်ပါက `npm run build` ပြေးပြီး၊ build error မရှိစေပါ
- Build အမှား မရှိကြောင်း သေချာစေပါ
3. **လင့်ခ် စစ်ဆေးမှု**: 3. **Link Validation**:
- Markdown လင့်ခ်များအားလုံးကို စမ်းသပ်ပါ - markdown link များ စမ်းသပ်ပါ
- ပုံရိပ်ကိုင်တွယ်မှုများ ကို စစ်ဆေးပါ - image ဖိုင်များ ရှိမှု အတည်ပြုပါ
4. **အကြောင်းအရာ ပြန်လည်သုံးသပ်မှု**: 4. **Content Review**:
- စာလုံးပေါင်းနှင့် အသံဖွဲ့မှု စစ်ဆေးပါ - စာလုံးပေါင်းနှင့် 문법 ပြည့်စုံမှု စစ်ဆေးပါ
- ကုဒ် နမူနာများ မှန်ကန်ပြီး ပညာရေးအတွက်သင့်တော်သည်ကို သေချာစေပါ - Code နမူနာများ မှန်ကန်ပြီး ပညာရေးအတွက် သင့်တော်မှုရှိသည်ကို သေချာစေပါ
- ဘာသာပြန်မှုများသည် မူရင်း အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားသည်ကို အတည်ပြုပါ - ဘာသာပြန်ထားမှုများ အဓိပ္ပါယ်ကို ထိန်းသိမ်းထားသည်ကို စစ်ဆေးပါ
### Contribution Requirements ### Contribution Requirements
- Microsoft CLA (အသစ် PR အတွက် အလိုအလျောက် စစ်ဆေးမှု) ပေးအပ်ရန် သဘောတူပါရန် - Microsoft CLA (ပထမဆုံး PR တင်သည်နှင့်အလိုအလြော့ စစ်ဆေးမည်)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ကို လိုက်နာပါ - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)ကို လိုက်နာပါ
- အသေးစိတ် လမ်းညွှန်မှုအတွက် [CONTRIBUTING.md](./CONTRIBUTING.md) ဖတ်ရှုပါ - [CONTRIBUTING.md](./CONTRIBUTING.md) တွင် အသေးစိတ် လမ်းညွှန်ချက်များ ကြည့်ရှုပါ
- PR ဖေါ်ပြချက်တွင် ဆိုင်သော ပြဿနာအမှတ်များ ကို ပြုလုပ်ပါ - Bug report / feature request ပြုလုပ်ပြီး PR ဖော်ပြချက်တွင် အချိန်နှင့်ကျေရာ issue နံပါတ် ရေးပါ
### Review Process ### Review Process
- PR များကို မိမိ ဦးဆောင်သူများ နှင့် အသိုင်းအဝိုင်းက ရှင်းလင်း ပြန်လည်သုံးသပ်သည် - PR များကို maintainers နှင့် community မှ စိစစ်သုံးသပ်
- ပညာရေး အပြည့်အဝ ရနိုင်ရေးကို ဦးစားပေးသည် - ပညာရေး ရည်ရွယ်ချက်အခြေခံ၍ ရှင်းလင်းမှု ဦးစားပေး
- ကုဒ် နမူနာများသည် လက်ရှိ အကောင်းဆုံးနည်းလမ်းများနှင့် ကိုက်ညီရမည် - Code နမူနာများမှာ လက်ရှိ နည်းပညာများနှင့် အကောင်းဆုံးလေ့ကျင့်မှုများလိုက်နာမှုရှိခြင်း
- ဘာသာပြန်မှုများကို တိကျမှုနဲ့ ယဉ်ကျေးမှုသဘောထား အရ အကဲဖြတ်သည် - ဘာသာပြန်အဖြစ်မှန် ပြုလုပ်မှုကို စိစစ်
## Translation System ## Translation System
### Automated Translation ### Automated Translation
- GitHub Actions နှင့် co-op-translator workflow ကို အသုံးပြုသည် - GitHub Actions နှင့် co-op-translator workflow ကိုအသုံးပြုသည်
- ဘာသာစကား ၅၀ ကျော်သို့ အလိုအလျောက် ဘာသာပြန်ပေးသည် - ၅၀ ကျော် ဘာသာစကား အလိုအလျောက် ဘာသာပြန် ပေးသည်
- မူရင်းဖိုင်များကို မူရင်း ဖိုလ်ဒါများတွင် တင်ရှိသည် - ဇာတိ ဖိုင်များသည် main directory များအတွင်းရှိသည်
- ဘာသာပြန်သော ဖိုင်များကို `translations/{language-code}/` ကုဒ်လမ်းကြောင်းတွင်ထားသည် - ဘာသာပြန်ထားသော ဖိုင်များကို `translations/{language-code}/` ထဲမှာ သိမ်းဆည်းသည်
### Adding Manual Translation Improvements ### Adding Manual Translation Improvements
1. `translations/{language-code}/` ဖိုလ်ဒါအတွင်း ဖိုင်ရှာဖွေပါ 1. `translations/{language-code}/` ထဲမှ ဖိုင် ရှာပါ
2. ဖွဲ့စည်းမှု မဖျက်ဆီးဘဲ တိုးတက်အောင် ပြင်ဆင်ပါ 2. ဖိုင်ပုံစံနှင့် ဖွဲ့စည်းမှု မပျက်စီးစေဘဲ ပြင်ဆင်ချက်များ ပြုလုပ်ပါ
3. ကုဒ်နမူနာများ အလုပ်လုပ်နိုင်မှု ထိန်းသိမ်းပါ 3. Code နမူနာများ သည် လိပ်ပြာစွာ လည်ပတ်နေရသည်ကို သေချာစိစစ်ပါ
4. ဒေသဆိုင်ရာ စာမေးပွဲအကြောင်းအရာများ တင်ပြပါ 4. ဒေသဆိုင်ရာ quiz အကြောင်းအရာများ လည်း စမ်းသပ်ပါ
### Translation Metadata ### Translation Metadata
ဘာသာပြန်ထားသော ဖိုင်များတွင် metadata ခေါင်းစီးပါရှိသည် - ဘာသာပြန်ထားသော ဖိုင်များတွင် metadata header ပါဝင်သည်-
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -293,116 +292,116 @@ CO_OP_TRANSLATOR_METADATA:
### Common Issues ### Common Issues
**Quiz app မသွင်းနိုင်သော ပြဿနာ**: **Quiz app မစတင်နိုင်ခြင်း**:
- Node.js ဗားရှင်း (v14+ ဟု အကြံပြု) - Node.js ဗားရှင်း (v14+ ကောင်းမွန်သည်) စစ်ဆေးပါ
- `node_modules` နှင့် `package-lock.json` ဖိုင်များ ဖျက်ပြီး `npm install` ပြန်ပြုလုပ်ပါ - `node_modules` နှင့် `package-lock.json` ဖျက်ပြီး `npm install` ပြန်လုပ်ပါ
- Port မတူညီမှု (Vite ၏ ပုံမှန် port သည် 5173) - Port တတ်နိုင်သော ပြဿနာများ စစ်ဆေးပါ (default: Vite ကို ၅၁၇၃ Port အသုံးပြုသည်)
**API server မတက်နိုင်ခြင်း**: **API server မစတင်နိုင်ခြင်း**:
- Node.js ဗားရှင်း (node >=10) ကို အတည်ပြုပါ - Node.js ဗားရှင်း (node >=10) စစ်ဆေးပါ
- Port သုံးပြီးသားရှိမရှိ စစ်ဆေးပါ - Port နှစ်ခုစွဲမထားခြင်း၊ အသုံးပြုနေခြင်း စစ်ဆေးပါ
- မလိုအပ်သည့် package များ install လုပ်ထားမရှိကြောင်း စစ်ဆေးပါ - လိုအပ်သော dependency များ `npm install` ဖြင့် ထည့်သွင်းထားကြောင်း အတည်ပြုပါ
**Browser extension မရောက်ရှိခြင်း**: **Browser extension မတင်ရောက်ခြင်း**:
- manifest.json ကို မှန်ကန်စွာ စနစ်တကျ ဖန်တီးထားမှု စစ်ဆေးပါ - manifest.json ဖိုင် မမှားယွင်းစွာ ရေးသားထားခြင်း စစ်ပါ
- Browser console အမှားများ စစ်ဆေးပါ - Browser console တွင် error များရှိမရှိ စစ်ဆေးပါ
- Browser-specific extension တပ်ဆင်ခြင်း လမ်းညွှန်ချက်များလိုက်နာပါ - Browser အမျိုးအစားနှင့် ကိုက်ညီသော installation လမ်းညွှန်ချက်များ လိုက်နာပါ
**Python chat project ပြဿနာများ**: **Python chat project ပြဿနာများ**:
- OpenAI package ကို တပ်ဆင်ထားမှုရှိ/မရှိ စစ်ဆေးပါ `pip install openai` - OpenAI package ကို `pip install openai` ဖြင့် တပ်ဆင်ပါ
- GITHUB_TOKEN environment variable ကို သတ်မှတ်ထားမှု ချက်ချင်းစစ်ဆေးပါ - GITHUB_TOKEN Environment variable ရှိပါစေ
- GitHub Models သုံးခွင့်ရှိမှုကို အတည်ပြုပါ - GitHub Models ခွင့်ပြုခွင့်များ စစ်ဆေးပါ
**Docsify စာရွက်စာတမ်း မပေးနိုင်မှု**: **Docsify မှ docs မပေးပို့ခြင်း**:
- docsify-cli ကို ဘောလုံးအဆင့် တပ်ဆင်ပါ `npm install -g docsify-cli` - `docsify-cli` ကို ကမ္ဘာတစ်လွှား အဆင့် အလိုအလျောက် တပ်ဆင်ရန် `npm install -g docsify-cli`
- ဒေတာဗေ့စ် root ဖိုလ်ဒါမှ ကြိုးစားပြေးပါ - Repository root မှ run နေစဉ်
- `docs/_sidebar.md` ဖိုင် ရှိမှုကို စစ်ဆေးပါ - `docs/_sidebar.md` ဖိုင် ရှိမရှိ စစ်ဆေးပါ
### Development Environment Tips ### Development Environment Tips
- HTML ပရောဂျက်များအတွက် VS Code Live Server အက်စတင်းရှင်းအသုံးပြုပါ - HTML project များအတွက် VS Code Live Server extension ကို အသုံးပြုပါ
- မျှတသော format ဖြင့်ရေးသားရန် ESLint နှင့် Prettier extension များ ထည့်သွင်းပါ - သေချာရှိစေရန် ESLint နှင့် Prettier extension များ တပ်ဆင်ပါ
- JavaScript debugging အတွက် browser DevTools သုံးပါ - JavaScript debugging အတွက် browser DevTools ကို အသုံးပြုပါ
- Vue ပရောဂျက်များအတွက် Vue DevTools browser extension ထည့်သွင်းပါ - Vue project များအတွက် Vue DevTools browser extension တပ်ဆင်ပါ
### Performance Considerations ### Performance Considerations
- ဘာသာပြန်ဖိုင် နေရာအများစုသောကြောင့် (ဘာသာစကား ၅၀+) လုံးဝ clone လုပ်ရာတွင် များစွာဖိုင်များ ဖြစ်ပေါ်နိုင်သည် - ဘာသာပြန်ထားသော ဖိုင်များ ၅၀ ကျော်ရှိမှုကြောင့် repository တင်ယူမှု ကြီးမားနိုင်
- အကြောင်းအရာ အလျင်အမြန် ရယူရန် `git clone --depth 1` ကို အသုံးပြုပါ - တိုတောင်းသော clone လုပ်ရန် `git clone --depth 1` အသုံးပြုပါ
- ဗမာဘာသာ အကြောင်းအရာများတွင် သင်တန်းသား content တွင် ဘာသာပြန်ဖိုင်များကို ရှာဖွေရန် မထည့်ပါနှင့် - အင်္ဂလိပ်ဘာသာ အကြောင်းအရာများအတွက် ဘာသာပြန်ဖိုင်များ ရှောင်ကြဉ်ပါ
- npm install နှင့် Vite build တို့ကဲ့သို့ build လုပ်ဆောင်မှုများ ပထမအကြိမ် run မှာ နှေးကွေးဖြစ်တတ်ပါသည် - ပထမဆုံး run အချိန်တွင် build လုပ်ငန်းစဉ်များနှင့် npm install သည် ကြာမြင့်နိုင်သည်
## Security Considerations ## Security Considerations
### Environment Variables ### Environment Variables
- API key များကို ဒေတာဗေ့စ် သို့ မှတ်သား မထားသင့်ပါ - API keys မည်သည့်အချိန်၌မဆို repository ထဲတွင် ထည့်မထားပါနှင့်
- `.env` ဖိုင်များ အသုံးပြုပါ ( `.gitignore` ထဲမှာ ရှိပြီး) - `.env` ဖိုင်များ (`.gitignore` ထဲတွင် ပါရှိဆဲ)
- သက်ဆိုင်ရာ ပရောဂျက် README များတွင် လိုအပ်သည့် environment variables များ ဖော်ပြထားပါ - Project များ၏ README တွင် လိုအပ်သော environment variable များ ဖော်ပြထားသည်
### Python Projects ### Python Projects
- Virtual environment အသုံးပြုပါ: `python -m venv venv` - virtual environment အသုံးပြုပါ - `python -m venv venv`
- dependency များကို Update လုပ်ထားပါ - dependency များကို အဆက်မပြတ် update လုပ်ပါ
- GitHub tokens များကို လိုအပ်သည့် ခွင့်ပြုချက် နည်းဆုံး သတ်မှတ်ပါ - GitHub tokens များကို လိုအပ်သမျှ permissions ထက် သက်သေကောင်းများသာ ရယူပါ
### GitHub Models Access ### GitHub Models Access
- GitHub Models သုံးရန် Personal Access Tokens (PAT) လိုအပ်ပါသည် - GitHub Models အသုံးပြုရန် Personal Access Tokens (PAT) လိုအပ်သည်
- tokens များကို environment variables အဖြစ် လျှို့ဝှက်ထားပါ - Token များကို environment variables အဖြစ် သိမ်းဆည်းပါ
- tokens သို့မဟုတ် စကားဝှက်များကို မည်သည့်အချိန်တွင်မဆို commit မပြုလုပ်ရပါ - Token များနှင့် credentials များကို repository တွင် မထည့်ရန် သတိထားပါ
## Additional Notes ## Additional Notes
### Target Audience ### Target Audience
- ဝဘ်ဒီဗလပ်မှန်အခြေခံသူ အသစ်စိတ် ပြုလုပ်သူများ - ဝဘ်ဖွံ့ဖြိုးမှုအတွက် အစ ပြီးစီးစွာ မသိသူများ
- ကျောင်းသားများနှင့် ကိုယ်တိုင်လေ့လာသူများ - ကျောင်းသားများနှင့် ကိုယ်တိုင် လေ့လာသူများ
- သင်တန်းကျောင်းများ၌ သင်ကြားသူများ - သင်တန်းဆရာများ၊ အတန်းခန်းတွင် အသုံးပြုသူများ
- ဤ content များသည် လွယ်ကူမြန်ဆန် ရှဉ့်ချိန်နှင့် အဆင့်လိုက်ကျွမ်းကျင်မှုတိုးတက်စေခြင်းအတွက် အထူးပြု ဒီဇိုင်းဖြစ်သည် - Accessibility နှင့် တဖြည်းဖြည်း ကျွမ်းကျင်မှု တိုးမြှင့်ရေး ရည်ရွယ်ချက် ပါဝင်သည်
### Educational Philosophy ### Educational Philosophy
- စီမံကိန်း အခြေပြု သင်ကြားမှု နည်းလမ်း - Project-based learning နည်းလမ်း အသုံးပြုခြင်း
- မကြာခဏ ဉာဏ်စမ်း စစ်ဆေးမှုများ (စာမေးပွဲများ) - knowledge checks (quiz) များ ကြိမ်နှုန်းမြင့်ရေးရာ
- လက်တွေ့ ကုဒ် ရေးခွင့်များ - လက်တွေ့ coding လေ့ကျင့်မှုများ
- လက်တွေ့ ကမ္ဘာဆိုင်ရာ အသုံးချမှု နမူနာများ - အမှန်တကယ် အသုံးချနိုင်သော နမူနာများ
- Framework မတိုင်မှီ အခြေခံကို အားပေးခြင်း - framework မတိုင်ခင် အခြေခံများ အဓိကထားခြင်း
### Repository Maintenance ### Repository Maintenance
- လေ့လာသင်ယူသူများနှင့် ဆောင်ရွက်သူများ စည်းလုံးညီညွတ်မှုရှိ - ဆရာသင်သူများနှင့် ကိုယ်တိုင် ကူညီသူ အပေါင်းအသင်း တက်ကြွစွာ အတူဆောင်ရွက်မှု
- အမြဲတမ်း dependency လေးစားမှု နှင့် အကြောင်းအရာ အပ်ဒိတ်များ - dependency များနှင့် content များအား နေ့စဉ် ပြုပြင် တိုးတက်မှု
- ပြဿနာများနှင့် ဆွေးနွေးမှုများကို maintainers က ထိန်းသိမ်းကြည့်ရှု - maintainers မှ issues နှင့် discussions များ စောင့်ကြည့် စစ်ဆေးမှု
- ဘာသာပြန်မှုများကို GitHub Actions ဖြင့် အလိုအလျောက် ပြုလုပ်သည် - GitHub Actions ဖြင့် ဘာသာပြန် အလိုအလျောက် update ရယူခြင်း
### Related Resources ### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- သင်ယူသူများအတွက် အကြံပြုချက် - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ကို လေ့လာသူများအတွက် အကြံပြု
- အပို သင်တန်းများ: Generative AI, Data Science, ML, IoT သင်ရိုးညွှန်းလမ်းကြောင်းများ ရရှိနိုင်သည် - အပို သင်ခန်းစာများ - Generative AI, Data Science, ML, IoT သင်ခန်းစာစနစ်များ ရရှိနိုင်
### Working with Specific Projects ### Working with Specific Projects
အသေးစိတ် လမ်းညွှန်ချက်များအတွက် အောက်ဖော်ပြပါ README ဖိုင်များကို ကြည့်ပါ - တိကျသော ပရောဂျက်များအတွက် အသေးစိတ် လမ်းညွှန်ချက်များကို အောက်ပါ README ဖိုင်များတွင် ကြည့်ရှုနိုင်သည် -
- `quiz-app/README.md` - Vue 3 quiz application - `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - Banking application with authentication - `7-bank-project/README.md` - authentication ပါဝင်သည့် Banking app
- `5-browser-extension/README.md` - Browser extension development - `5-browser-extension/README.md` - Browser extension ဖွံ့ဖြိုးမှု
- `6-space-game/README.md` - Canvas-based game development - `6-space-game/README.md` - Canvas ဆိုဒ် game ဖန်တီးခြင်း
- `9-chat-project/README.md` - AI chat assistant project - `9-chat-project/README.md` - AI Chat Assistant ပရောဂျက်
### Monorepo Structure ### Monorepo Structure
ဤဒေတာဗေ့စ်သည် ပုံမှန် Monorepo မဟုတ်ပေမဲ့ အဓိက တစ်နေရာတည်းတွင် ပရောဂျက်များစွာ ရှိပါသည် - Monorepo တစ်ခု မဟုတ်ပေမယ့် ဒီ repository အတွင်း သီးခြားသော project များစွာ ပါဝင်သည် -
- သင်ခန်းစာ တစ်ခုချင်းစီ သီးခြားဖြစ်သည် - သင်ခန်းစာများ အလိုက် အထုပ်ပြန်ထားသည်
- ပရောဂျက်များသည် dependency များ မမျှဝေပါ - Project များ dependency မျှဝေပုံမရှိသည့် ဆိုက်များဖြစ်သည်
- တစ်ခုချင်းပရောဂျက်များအပေါ် လုပ်ကိုင်ရန် မတူညီသော အတွေ့အကြုံ မပျက်စီးပါ - ပရောဂျက်တစ်ခုချင်း၌ အလုပ်လုပ်ရာ ယင်းအခြား project များ ထိခိုက်မှုမရှိခြင်း
- စတင်လေ့လာမှုအတွက် ဒေတာဗေ့စ် အားလုံး clone လုပ်ပါ - အပြည့်တန်ဆာ ပညာရေးအကျိုးဖြစ်အောင် ရယူလိုလျှင် repository ကို အားလုံး clone လုပ်နိုင်မှု
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- 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 --> <!-- 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: Microsoft Cloud Advocates မှ ၁၂ ပတ်ကြာ လေ့လာသင်ယူနိုင်သော အပြည့်အစုံသင်တန်းဖြင့် အင်တာနက်ဖွံ့ဖြိုးတိုးတက်မှု၏နိယာမများကို သင်ယူပါ။ သင်ခန်းစာ ၂၄ ခန်းစီတွင် JavaScript, CSS နဲ့ HTML ကို terrariums, browser extensions, လေ့လာရေးကစားနည်းများ ကဲ့သို့ လက်တွေ့ အသုံးပြုနိုင်သောပရောဂျက်များမှတဆင့် အနက်သိရှိစွာ သင်ကြားပေးသည်။ စိတ်ဝင်စားဖွယ်ရာ ရေးဆွဲမှုများ၊ ဆွေးနွေးပွဲများနှင့် လက်တွေ့ လေ့ကျင့်မှုများတွင်ပါဝင်မည်။ စွမ်းရည်တိုးတက်စေပြီး သင့်အတတ်ပညာ သိမြောက်မြန်ဆန်စေရန် ပရောဂျက်အခြေပြု သင်ကြားပေးမှုနည်းလမ်း အကျိုးရှိစွာ အသုံးချလိုက်ပါ။ ယနေ့မှ စတင် ကုဒ်ရေးထွက်စဉ်ကို စတင်လိုက်ပါ!
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)
### 🌐 အများဘာသာစကား ပံ့ပိုးမှု 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 --> <!-- 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) [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 / macOS / Linux:**
> ```bash > ```bash
@ -34,171 +48,171 @@ Follow these steps to get started using these resources:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> သင်သည် သင်တန်းကို မြန်ဆန်စွာပြီးမြောက်စေရန်အတွက် လိုအပ်သည့် အရာအားလုံးကို ရရှိသွားပါလိမ့်မည်။ > ဒါကြောင့် သင်သင်ယူဖို့လိုအပ်သမျှ အချက်အလက်တွေကို ပိုမိုလျင်မြန်စွာ ဒေါင်းလုပ်လုပ်နိုင်မှာ ဖြစ်သည်။
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- 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) [![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) သို့ သွားပါ။ စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ။
![Background](../../translated_images/my/background.148a8d43afde5730.webp) ![Background](../../translated_images/my/background.148a8d43afde5730.webp)
- အခြေခံမှ RAG ထိ လေ့လာမှုများ ပါဝင်သည်။ - အခြေခံမှ RAG အထိ အခန်းတွေ ပါဝင်သည်။
- GenAI နှင့် ကျွန်ုပ်တို့၏ အဖော်အစည်း app ကိုအသုံးပြု၍ သမိုင်းက လူမှုဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။ - GenAI နှင့် ကျွန်ုပ်တို့နှင့် အတူလည်ပတ်သော အက်ပ်သည် သမိုင်းဝင်ဇာတ်ကောင်များနှင့် ဆက်သွယ်နိုင်သည်။
- စိတ်လှုပ်ရှားဖွယ် အကြောင်းအရာဖြင့် သင်ခရီး တုန့်ပြန်မောင်းနှင်မှု။ - ပျော်စရာနှင့် စိတ်ဝင်စားဖွယ် အကြောင်းအရာဖြင့် သင်ခန်းစာကို အချိန်ခရီးသွားကြမည်!
![character](../../translated_images/my/character.5c0dd8e067ffd693.webp) ![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 ကိုဖန်တီးပါ
အလုပ်များကို အဆင်ပြေထိန်းသိမ်းနိုင်ရန် ဤ Repository ၏ ကိုယ်ပိုင် မိတ္တူကို ဖန်တီးရန် အကြံပြုသည်။ စာမျက်နှာအပေါ်တွင် ရှိသော **Use this template** ခလုတ်ကို နှိပ်ခြင်းဖြင့် သင့် GitHub အကောင့်တွင် အသစ်တစ်ခုဖန်တီးပေးပါမည်။ သင့် ဇာတ်သိမ်းစနစ်ကို သင့်တင်ပြရန်လွယ်ကူရန် repository အကြောင်းအလက်တစ်ခု ကိုယ်တိုင် ဖန်တီးရန် အကြံပြုသည်။ မူရင်းစာမျက်နှာ အပေါ်တွင် **Use this template** ခလုတ်ကို နှိပ်ပြီး လုပ်ဆောင်နိုင်သည်။ ဒါမှ သင့် GitHub အကောင့်တွင် သင်ခန်းစာတန်း၏ မိတ္တူပါသော repository အသစ်တစ်ခု ဖန်တီးမည်။
အောက်ပါအဆင့်များ ဦးတည်လိုက်ပါ- အဆင့်များအတိုင်း လုပ်ဆောင်ပါ:
1. **Repository ကို Fork လုပ်ပါ** - ဤစာမျက်နှာ၏ ထောင့်ညာဘက်အပေါ်မှာရှိသည့် "Fork" ခလုတ်ကို နှိပ်ပါ။ 1. **Repository ကို Fork လုပ်ပါ**: စာမျက်နှာ အပေါ်ညာထောင့်ရှိ “Fork” ခလုတ်ကို ကလစ်ပါ။
2. **Repository ကို Clone လုပ်ပါ** - `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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) ![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) ဒေါင်းလုပ်ဆွဲနိုင်ပါသည်။ ကျွန်ုပ်တို့၏ အကြံပြုချက်မှာ [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 ကို သင့်ကွန်ပျူတာပေါ်သို့ အကူးအပြောင်းလုပ်ပါ။ ဒီလို့လုပ်ဖို့ **Code** ခလုတ်ကိုနှိပ်ပြီး URL ကို ကူးယူနိုင်ပါတယ်- 1. သင့်ရဲ့ repository ကို သင့်ကွန်ပျူတာသို့ clone လုပ်ပါ။ [Code] ခလုတ်ကိုနှိပ်ပြီး URL ကိုကူးယူခြင်းဖြင့် လုပ်ဆောင်နိုင်ပါတယ်။
[CodeSpace](./images/createcodespace.png) [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 ```bash
git clone <your-repository-url> 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 စာမျက်နာများကို ကြည့်ရှုရန် > * [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) - ကုဒ်ကို ပိုမိုမြန်ဆန်စွာ ရေးသားရန်ကူညီပေးသည် > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ကုဒ်ရေးသားရာတွင် အကူအညီဖြစ်စေရန်
## 📂 လေ့လာခန်းတိုင်းတွင် ပါဝင်သည်မှာ- ## 📂 သင်ခန်းစာတစ်ခုချင်းစီတွင် ပါဝင်သောအရာများ
- ရွေးချယ်နိုင်သည့် စကက်ချ်မှတ်စု - ရွေးချယ်နိုင်သည့် sketchnote
- ရွေးချယ်နိုင်သည့် အပိုဗွီဒီယို - ရွေးချယ်နိုင်သည့် သက်ဆိုင်ရာ ဗီဒီယို
- မတိုင်မီ အပတ်အတွင်း စစ်တမ်း - သင်ခန်းစာမတိုင်မီ အပန်းဖြေကွစ်စ်
- လေ့လာခန်းစာ များ - စာဖြင့်ရေးသားထားသော သင်ခန်းစာ
- စီမံကိန်းအခြေပြုလေ့လာခန်းများအတွက် စီမံကိန်းတည်ဆောက်ရန် ဆက်လက် လမ်းညွှန်ချက်များ - ပရောဂျက်အခြေပြုသင်ခန်းစာများအတွက် ပရောဂျက်ကို တည်ဆောက်နည်း ခြေလှမ်းတိုင်း
- အသိပညာစစ်ဆေးခြင်းများ - အသိပညာစစ်ဆေးခြင်းများ
- စိန်ခေါ်မှုတစ်ရပ် - စိန်ခေါ်မှုတစ်ခု
- အပို ဖတ်ရှုရန် - ပံ့ပိုးစာဖတ်ရန်
- အလုပ်အပ်ရန် - တာဝန်ပေးအပ်ချက်
- [မတိုင်မီ စစ်တမ်း](https://ff-quizzes.netlify.app/web/) - [သင်ခန်းစာပြီးနောက် quix](https://ff-quizzes.netlify.app/web/)
> **စစ်တမ်းများအကြောင်း သတင်းအချက်အလက်**: စစ်တမ်းများအားလုံးကို Quiz-app folder တွင် ရှိပြီး၊ စစ်တမ်း ၄၈ များ ဖြစ်ပြီး တစ်ခုလျှင် ၃ မေးခွန်း ပါဝင်သည်။ [ဤနေရာမှ](https://ff-quizzes.netlify.app/web/) တွင် ရနိုင်ပြီး၊ quiz app ကို locally တွင် သို့မဟုတ် Azure တွင် deploy ပြုလုပ်နိုင်သည်; `quiz-app` folder အတွင်း ညွှန်ကြားချက်အတိုင်း လိုက်နာပါ။ > **ကွစ်စ်များအကြောင်းမှတ်သားချက်**: ဖိလ် Quiz-app ဖိုလ်ဒါတွင် ကွစ်စ် ၄၈ ခုရှိပြီး တစ်ခုစီတွင် မေးခွန်းသုံးခုပါဝင်သည်။ ၎င်းကို [ဤနေရာ](https://ff-quizzes.netlify.app/web/) တွင် ရယူ၍ ကွစ်စ်အက်ပ်ကို ဒေသဆိုင်ရာ run ပြုလုပ်ခြင်း သို့မဟုတ် Azure တွင် deploy လုပ်နိုင်ပါသည်။ `quiz-app` ဖိုလ်ဒါအတွင်း လမ်းညွှန်ချက်များကိုလိုက်နာပါ။
## 🗃️ လေ့လာခန်းများ ## 🗃️ သင်ခန်းစာများ
| | စီမံကိန်းအမည် | သင်ကြားမည့် အကြောင်းအရာများ | သင်ယူရမည့်ရည်မှန်းချက်များ | ချိတ်ဆက်ထားသော လေ့လာခန်း | စာရေးသူ | | | ပရောဂျက်အမည် | သင်ကြားမည့်အထွေထွေ အကြောင်းအရာများ | သင်ယူရန် ရည်ရွယ်ချက်များ | ပတ်သက်သည့်သင်ခန်းစာ | အဆိုပြုသူ |
| :-: | :----------------------------------------------------------: | :----------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | စတင် လေ့လာခြင်း | ပရိုဂရမ်မင်းနှင့် ကိရိယာများအကြောင်း ရှင်းလင်းချက် | ပရိုဂရမ်မင်းဘာသာစကားများ၏ အခြေခံ အကြောင်းအရာများနှင့် ကိုယ့်အလုပ်ကို အကောင်းဆုံးဆောင်ရွက်ရန် အသုံးပြုသည့် ဆော့ဖ်ဝဲများအကြောင်း လေ့လာခြင်း | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | ဖြစ်စဉ် စတင်ခြင်း | Programming နှင့် ကိရိယာများအကြောင်း နိဒါန်း | အများစုသော programming languages များ၏ အခြေခံပုံစံများနှင့် professional developer များ၏ အလုပ်ကို ကူညီပေးသော ဆော့ဖ်ဝဲများအကြောင်း သင်ယူရမည့်အထောက်အကူ | [Programming Language နှင့် ကိရိယာများနိဒါန်း](./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 | | 02 | ဖြစ်စဉ် စတင်ခြင်း | GitHub အခြေခံများ၊ အဖွဲ့လိုက်အလုပ်လုပ်ခြင်းပါဝင်သည် | သင့်ပရောဂျက်တွင် GitHub ကို အသုံးပြုနည်း၊ ကုဒ်ဘေ့စ်တွင် အဖွဲ့လိုက် ပူးပေါင်းဆောင်ရွက်နည်း | [GitHub အခြေခံ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | စတင် လေ့လာခြင်း | လျှောက်လွှာ လမ်းညွှန်မှု | ဝက်ဘ်လျှောက်လွှာများတွင် အဝင်လမ်းလျှောက်လမ်းများအခြေခံများကိုသင်ကြားခြင်း | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | ဖြစ်စဉ် စတင်ခြင်း | ဝက်ဘ်အနားလက်မှတ်ထိန်းခြင်း | ဝက်ဘ်အနားလက်မှတ် စံချိန်များ အခြေခံသိရှိရန် | [ဝက်ဘ်အနားလက်မှတ် အခြေခံ](./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 | | 04 | JS အခြေခံ | JavaScript အချက်အလက်အမျိုးအစား | JavaScript အချက်အလက် အမျိုးအစား အခြေခံ | [အချက်အလက်အမျိုးအစား](./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 | | 05 | JS အခြေခံ | ฟင်ရှင်နှင့် မက်သက်များ | application logic flow ကို စီမံခန့်ခွဲရန် function များနှင့် method များအကြောင်းသိရှိရန် | [ฟင်ရှင်နှင့် မက်သက်များ](./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 | | 06 | JS အခြေခံ | JS နဲ့ ဆုံးဖြတ်ချက် တွက်ချက်ခြင်း | decision-making method များကို အသုံးပြု၍ အခြေအနေများ ဖန်တီးနည်း သင်ယူရန် | [ဆုံးဖြတ်ချက် တွက်ချက်ခြင်း](./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 | | 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 အတွက်အာရုံစိုက်ခြင်း | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 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 ကို တည်ဆောက်ခြင်း၊ page ၏ responsiveness အတွက် CSS အခြေခံများအာရုံစိုက်ခြင်း | [Introduction to CSS](./3-terrarium/2-intro-to-css/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 ကိုင်တွယ်ခြင်း | terrarium ကို drag/drop အင်တာဖေ့စ်အဖြစ် လုပ်ဆောင်ဖို့ JavaScript ကို တည်ဆောက်ခြင်း၊ closures နှင့် DOM Manipulation အာရုံစိုက်ခြင်း | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/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) | ကီးဘုတ်အားအသုံးပြုပြီး အကြောင်းအရာ တည်ဆောက်ခြင်း | JavaScript app ၏ logic ကို ကီးဘုတ်နှိပ်မှု event များဖြင့် ထိန်းချုပ်သုံးစွဲနည်း | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 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 extension ထုတ်လုပ်မှုအခြေခံ အစီအစဉ်အလုပ်များ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 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) | ဖောင်တစ်ခု ဖန်တီးခြင်း၊ 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 | | 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) | ဘရောက်ဇာအတွင်းနောက်ခံလုပ်ဆောင်မှုများ၊ ဝက်ဘ်ကွန်ပျူတာကောင်းမွန်မှု | extension icon ကို ထိန်းချုပ်ရန် browser ၏ နောက်ခံလုပ်ဆောင်မှုများ အသုံးပြုခြင်း၊ ဝက်ဘ်ကွန်ပျူတာကောင်းမွန်မှုနှင့် စွမ်းဆောင်ရည်မြှင့်တင်ခြင်းနည်းလမ်းများ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/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 ဖြင့် ဂိမ်း တိုးတက်စွာဖန်တီးခြင်း | Classes နှင့် Composition ကို သုံး၍ Inheritance နှင့် Pub/Sub pattern အကြောင်း သင်ယူခြင်း၊ ဂိမ်း တည်ဆောက်မှုအတွက် အသင့်ပြင်ဆင်ခြင်း | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 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 ပေါ်တွင် ပန်းချီဆွဲခြင်း | screen ပေါ်တွင် အရာဝတ္ထုများ ဆွဲဆောင်ရန် အသုံးပြုသော Canvas API အကြောင်း သင်ယူခြင်း | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/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 အသုံးပြုပြီး အရာဝတ္ထုများ ရွေ့လျားမှုကို လေ့လာခြင်း | [Moving Elements Around](./6-space-game/3-moving-elements-around/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) | အရာဝတ္ထုပေါ်တိုက်ဆက်မှုဖြစ်စဉ် | ကီးနှိပ်မှုများအသုံးပြုပြီးအရာဝတ္ထုများ တိုက်ဆက်အောင်လုပ်ခြင်း၊ ဂိမ်းစွမ်းဆောင်ရည်အတွက် cooldown function ပေးခြင်း | [Collision Detection](./6-space-game/4-collision-detection/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) | အမှတ်ရင်းနှင့် ထိန်းသိမ်းခြင်း | ဂိမ်း၏ အခြေအနေ နှင့် စွမ်းဆောင်ရည်အခြေခံ၍ သင်္ချာတွက်ချက်မှုများ ဆောင်ရွက်ခြင်း | [Keeping Score](./6-space-game/5-keeping-score/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) | ဂိမ်းအဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်း | ဂိမ်း အဆုံးသတ်ခြင်းနှင့် ပြန်စတင်ခြင်းအကြောင်း၊ asset များသန့်ရှင်းခြင်းနှင့် variable value များ reset လုပ်ခြင်း | [The Ending Condition](./6-space-game/6-end-condition/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) | ဝက်ဘ်လျှောက်လွှာတွင် HTML Template နှင့် Route များ | routing နှင့် HTML templates အသုံးပြုပြီး များစွာသော စာမျက်နှာပါဝင်သော ဝက်ဘ်ဆိုဒ် စက်လည်ပတ်မှု ဖန်တီးခြင်း | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | | 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 များဖန်တီးခြင်းနှင့် validation routine များ ကိုင်တွယ်နည်း | [Forms](./7-bank-project/2-forms/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) | ဒေတာ ရယူခြင်းနှင့် အသုံးပြုနည်း | သင့်အက်ပ်ထဲသို့ ဒေတာ ဝင်နှင့် ထွက်တစ်လျှောက် လည်ပတ်ပုံ၊ ဒေတာ ရယူခြင်း၊ သိမ်းဆည်းခြင်း၊ ဖျက်ပစ်ခြင်း | [Data](./7-bank-project/3-data/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 အကြောင်း | သင့်အက်ပ်အတွက် state ကို ဘယ်လိုစနစ်တကျ သိမ်းဆည်းပြီး အမျိုးမျိုးဖြင့် စီမံခန့်ခွဲရမည် ဆိုတာသင်ယူခြင်း | [State Management](./7-bank-project/4-state-management/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 နဲ့ လုပ်ဆောင်ခြင်း | ကုဒ် တည်းဖြတ်စက်အသုံးပြုနည်း သင်ယူပါ| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | VScode အသုံးပြုခြင်း | Code editor အသုံးပြုပုံ သင်ယူရန်| [VScode Code Editor အသုံးပြုခြင်း](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI နည်းပညာ အသုံးပြုခြင်း | ကိုယ့်ကိုယ်ပိုင် AI အကူအညီသူ တည်ဆောက်နည်း သင်ယူပါ | [AI Assistant project](./9-chat-project/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 အခြေခံများနှင့် လက်ရှိ ဝက်ဘ် developer များ အသုံးပြုသည့် နောက်ဆုံးပေါ် ကိရိယာများနှင့် နည်းစနစ်များကို သင်ကြားပေးသည်။ ကျောင်းသားများသည် typing game, virtual terrarium, eco-friendly browser extension, space-invader ပုံစံဂိမ်း နှင့် စီးပွားရေးလုပ်ငန်းများအတွက် ဘဏ်လုပ်ငန်း အက်ပ် တည်ဆောက်ခြင်းတို့ဖြင့် လက်တွေ့ကျွမ်းကျင်မှု ရရှိနိုင်မည်ဖြစ်သည်။ အစီအစဉ်၏ အဆုံးသတ်အချိန်တွင် ဝက်ဘ်ဖွံ့ဖြိုးမှုကို ပြင်းထန်စွာ နားလည်မှု ရရှိစေမည် ဖြစ်သည်။ အစီအစဉ်က 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) အဖြစ် သင်ယူနိုင်သည်! > 🎓 ကျွန်ုပ်တို့၏ သင်ရိုး၌ ပါဝင်သော သင်ခန်းစာများကို 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 အခြေခံသင်ခန်းစာအချို့ကို "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)" ဗီဒီယိုသင်တန်းများအဖြစ် လေ့လာသင့်ပါသည်။
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) လမ်းညွှန်ချက်များကို လာရောက်ကြည့်ရှုနိုင်ပါသည်။ သင်၏ တည်ဆောက်မှုကောင်းမွန်သော မှတ်ချက်များကို ကြိုဆိုပါသည်။
> ကျွန်ုပ်တို့၏ [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` အဖြစ် ဝင်ရောက်ကြည့်ရှုနိုင်မည်ဖြစ်သည်။
## 🧭 အော့ဖ်လိုင်း ခွင့်ပြုချက်
[Docsify](https://docsify.js.org/#/) ကို အသုံးပြု၍ ဒီစာတမ်းကို အော့ဖ်လိုင်းတွင် လည်ပတ်နိုင်သည်။ ဒီ repo ကို fork လုပ်ပြီး၊ သင့်ကိုယ်ပိုင်စက်သို့ [Docsify](https://docsify.js.org/#/quickstart) ကို install ပြုလုပ်ပါ၊ ထို့နောက် ဒီ repo root folder တွင် `docsify serve` ဟု ရိုက်ထည့်ပါ။ ဝက်ဘ်ဆိုက်သည် နေရာတိုင်းသုံး localhost ၏ 3000 port တွင် ရရှိနိုင်ပါမည် - `localhost:3000`။
## 📘 PDF ## 📘 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 --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### 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) [![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) [![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) [![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 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 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) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## ကူညီမှုရယူခြင်း ## အကူအညီရယူခြင်း
AI အက်ပ်များ တည်ဆောက်ရာတွင် ဖိအားခံရလျှင် သို့မဟုတ် မေးခွန်းရှိချိန်တွင် MCP အကြောင်း ညှိနှိုင်းမှုများတွင် တွဲဖက်သင်ယူနေကြသည့် လေ့လာသူများ နှင့် အတွေ့အကြုံရှိသော developer များနှင့် တွဲဖက်ရောကြသည်။ မေးခွန်းများ လက်ခံသော ပံ့ပိုးထောက်ပံ့မှုရှိသော အသိုင်းအဝိုင်းဖြစ်ပြီး သတင်းအချက်အလက်များ ကိုလည်း လွတ်လပ်စွာမျှဝေကြသည်။ AI အပလီကေးရှင်းများ ဆောက်လုပ်ရာတွင် အကူအညီလိုပါက သို့မဟုတ် မေးခွန်းများရှိပါက MCP အကြောင်း ဆွေးနွေးချက်များတွင် တက်ရောက်ပါ။ ၎င်းသည် မေးမြန်းလိုသူများနှင့် ကျွမ်းကျင်သူများ ရင်းနှီးသည့် ပတ်ဝန်းကျင်တစ်ခုဖြစ်ပြီး မေးခွန်းများအား လက်ခံပြီး သိမြင်မှုများကို အလွတ်တန်း မျှဝေသည့် အသိုင်းအဝိုင်း ဖြစ်သည်။
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ထုတ်ကုန်အကြံပြုချက် သို့မဟုတ် အမှားများ အကြောင်း ကြိုတင်ပြောဆိုလိုပါက: ထုတ်ကုန်အသုံးပြုသည့် အကြံပြုချက်များ သို့မဟုတ် အမှားများ ရှိပါက လာရောက်ကြည့်ရှုနိုင်ပါသည်-
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## လိုင်စင် ## လိုင်စင်
ဤ repository သည် MIT လိုင်စင်ဖြင့် လိုင်စင်ပေးထားပါသည်။ ပိုမိုသိရှိလိုပါက [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။ ဤဂိုဒေါင်ကို MIT လိုင်စင်ဖြင့် ခွင့်ပြုထားသည်။ အသေးစိတ်အချက်အလက်များအတွက် [LICENSE](../../LICENSE) ဖိုင်ကို ကြည့်ပါ။
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- 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 --> <!-- 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 ```html
code blocks code blocks
``` ```
✅ အသိပညာ စစ်ဆေးမှု
ကျောင်းသားများ၏ အသိပညာကို ကျယ်ပြန့်စွာ ထိန်းသိမ်းရန် အခွင့်အရေးအဖြစ် မေးခွန်းဖွင့်ပါ။
✅ အသိပညာစစ်ဆေး - ဒီအချိန်ကို အသုံးပြုပြီး ကျောင်းသားများကို အခွင့်အရေးပေးကာ ဖွင့်မေးခွန်းများဖြင့် အသိပညာကို တိုးတက်စေပါ ## ခေါင်းစဉ် ၂
## ခေါင်းစဉ် ၃
## [အကြောင်းအရာ ၂]
## [အကြောင်းအရာ ၃] 🚀 စိန်ခေါ်မှု
ကျောင်းသားများ စီမံကိန်းအား တိုးတက်အောင် ပူးပေါင်းဆောင်ရွက်ရန် စိန်ခေါ်မှုတစ်ခု ထည့်ပါ။
🚀 စိန်ခေါ်မှု: ကျောင်းသားများအတူတကွ လုပ်ဆောင်နိုင်ဖို့ စိန်ခေါ်မှုတစ်ခုထည့်ပါ၊ ပရောဂျက်ကို တိုးတက်အောင်လုပ်ဆောင်ရန် လိုအပ်သလောက်: အကောင်းဆုံးအနေဖြင့် ပြီးဆုံးသည့် သင်ခန်းစာ UI ရဲ့ ရုပ်ပုံကို ထည့်နိုင်ပါသည်။
Optional: သင်ခန်းစာပြီးဆုံးပြီး UI ရဲ့ screenshot တစ်ခုထည့်ပါ (လိုအပ်ပါက) ## သင်ကြားမှုပြီးစီးပြီးနောက် စစ်တမ်း
## [သင်ခန်းစာပြီးဆုံးပြီး မေးခွန်း](../../../lesson-template/quiz-url) သင်ခန်းစာပြီးစီးပါက ဒီမှာ စစ်တမ်းလင့်ခ် ထည့်ပါ။
## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာခြင်း ## ပြန်လည်သုံးသပ်ခြင်းနှင့် ကိုယ်တိုင်လေ့လာမှု
**အလုပ်အကိုင်အပ်နှံရက် [MM/YY]**: [အလုပ်အကိုင်အမည်](assignment.md) **တာဝန် မတ်/နှစ် [MM/YY]**: [Assignment Name](assignment.md)
--- ---
**အကြောင်းကြားချက်**: <!-- 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 -->

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "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", "source_file": "AGENTS.md",
"language_code": "uk" "language_code": "uk"
}, },
@ -516,8 +516,8 @@
"language_code": "uk" "language_code": "uk"
}, },
"README.md": { "README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T17:46:13+00:00", "translation_date": "2026-04-24T12:56:54+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "uk" "language_code": "uk"
}, },
@ -564,8 +564,8 @@
"language_code": "uk" "language_code": "uk"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-08-27T22:34:04+00:00", "translation_date": "2026-04-24T12:57:07+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "uk" "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 структуровані уроки, організовані в модулі, орієнтовані на проєкти - **Навчальний контент**: 24 структуровані уроки, організовані в модулі на основі проєктів
- **Практичні проєкти**: Терраріум, Гра на друку, Розширення браузера, Космічна гра, Банківський додаток, Код-редактор і AI чат-асистент - **Практичні проєкти**: Терраріум, гра на друку, розширення браузера, космічна гра, банківський додаток, редактор коду та AI чат-асистент
- **Інтерактивні вікторини**: 48 вікторин по 3 питання у кожній (до/після уроку) - **Інтерактивні вікторини**: 48 вікторин по 3 питання в кожній (оцінки до/після уроку)
- **Підтримка багатьох мов**: Автоматичний переклад більш ніж на 50 мов за допомогою GitHub Actions - **Підтримка багатьох мов**: Автоматизований переклад більш ніж 50 мовами за допомогою GitHub Actions
- **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проєктів) - **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проєктів)
### Архітектура ### Архітектура
- Репозиторій з навчальним контентом, структурованим за уроками - Навчальний репозиторій зі структурою на основі уроків
- Кожна директорія уроку містить README, приклади коду та рішення - Кожна папка уроку містить README, приклади коду та рішення
- Окремі проєкти розміщені в власних папках (quiz-app, різні уроки) - Окремі проєкти у різних директоріях (quiz-app, різні проєкти уроків)
- Система перекладів з використанням GitHub Actions (co-op-translator) - Система перекладу з використанням GitHub Actions (co-op-translator)
- Документація подається через Docsify і доступна у форматі PDF - Документація на Docsify і доступна в PDF
## Команди для налаштування ## Команди для налаштування
@ -41,12 +41,12 @@ npm run build # Зібрати для продакшена
npm run lint # Запустити ESLint npm run lint # Запустити ESLint
``` ```
### API Банківського проєкту (Node.js + Express) ### API банківського проєкту (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Запустити сервер API npm start # Запустити API сервер
npm run lint # Запустити ESLint npm run lint # Запустити ESLint
npm run format # Відформатувати за допомогою Prettier npm run format # Відформатувати за допомогою Prettier
``` ```
@ -56,7 +56,7 @@ npm run format # Відформатувати за допомогою Pretti
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Дотримуйтесь інструкцій із завантаження розширень, специфічних для браузера # Дотримуйтеся інструкцій завантаження розширень, специфічних для браузера
``` ```
### Проєкти космічної гри ### Проєкти космічної гри
@ -64,10 +64,10 @@ npm install
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# Відкрийте index.html у браузері або використовуйте Live Server # Відкрийте index.html у браузері або використайте Live Server
``` ```
### Проєкт чату (Python бекенд) ### Чат-проєкт (бекенд на Python)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
@ -76,35 +76,35 @@ pip install openai
python api.py python api.py
``` ```
## Робочий процес розробки ## Розробницький робочий процес
### Для внесення контенту ### Для авторів контенту
1. **Форкніть репозиторій** у свій акаунт GitHub 1. **Форкуйте репозиторій** у свій обліковий запис GitHub
2. **Клонуйте ваш форк** локально 2. **Клонуйте форк** локально
3. **Створіть нову гілку** для своїх змін 3. **Створіть нову гілку** для своїх змін
4. Внесіть зміни у контент уроків або приклади коду 4. Вносьте зміни до контенту уроків або прикладів коду
5. Перевірте коди у відповідних директоріях проєктів 5. Тестуйте зміни коду у відповідних директоріях проєктів
6. Надішліть pull request відповідно до інструкцій внесення змін 6. Надсилайте pull request відповідно до правил внеску
### Для учнів ### Для учнів
1. Форкніть або клонувати репозиторій 1. Форкуйте або клоньте репозиторій
2. Перейдіть послідовно до директорій уроків 2. Послідовно переходьте в директорії уроків
3. Читайте README в кожному уроці 3. Читайте README файли для кожного уроку
4. Проходьте вікторини перед уроком на https://ff-quizzes.netlify.app/web/ 4. Виконуйте вікторини перед уроком на https://ff-quizzes.netlify.app/web/
5. Працюйте з прикладами коду в папках уроків 5. Опрацьовуйте приклади коду в папках уроків
6. Виконуйте завдання і виклики 6. Виконуйте завдання та виклики
7. Проходьте вікторини після уроку 7. Вирішуйте вікторини після уроку
### Жива розробка ### Живий розвиток
- **Документація**: Запустіть `docsify serve` у корені (порт 3000) - **Документація**: Запустіть `docsify serve` у корені (порт 3000)
- **Quiz App**: Запустіть `npm run dev` у директорії quiz-app - **Quiz App**: Запустіть `npm run dev` у директорії quiz-app
- **Проєкти**: Використовуйте розширення VS Code Live Server для HTML-проєктів - **Проєкти**: Використовуйте розширення VS Code Live Server для HTML проєктів
- **API проєкти**: Запустіть `npm start` у відповідних API директоріях - **API Проєкти**: Запустіть `npm start` у відповідних директоріях API
## Інструкції для тестування ## Інструкції з тестування
### Тестування Quiz App ### Тестування Quiz App
@ -114,37 +114,37 @@ npm run lint # Перевірте проблеми зі стилем ко
npm run build # Переконайтеся, що збірка проходить успішно npm run build # Переконайтеся, що збірка проходить успішно
``` ```
### Тестування Bank API ### Тестування API банку
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Перевірте наявність проблем зі стилем коду npm run lint # Перевірте на наявність проблем зі стилем коду
node server.js # Переконайтеся, що сервер запускається без помилок node server.js # Переконайтеся, що сервер запускається без помилок
``` ```
### Загальний підхід до тестування ### Загальний підхід до тестування
- Це навчальний репозиторій без комплексних автоматизованих тестів - Це навчальний репозиторій без повного автоматизованого тестування
- Ручне тестування орієнтоване на: - Ручне тестування зосереджене на:
- Запуск прикладів коду без помилок - запуску прикладів коду без помилок
- Правильну роботу посилань у документації - коректній роботі посилань у документації
- Успішне збирання проєктів - успішній збірці проєктів
- Відповідність прикладів найкращим практикам - прикладах, що відповідають найкращим практикам
### Перевірка перед подачею ### Перевірки перед відправкою
- Запустіть `npm run lint` у директоріях з package.json - Запустіть `npm run lint` у директоріях з package.json
- Перевірте валідність markdown посилань - Перевірте коректність markdown-посилань
- Тестуйте приклади коду у браузері або Node.js - Тестуйте приклади коду в браузері або Node.js
- Перевірте, що переклади мають правильну структуру - Переконайтеся, що переклади зберігають правильну структуру
## Керівництво по стилю коду ## Керівництво зі стилю коду
### JavaScript ### JavaScript
- Використовуйте сучасний синтаксис ES6+ - Використовуйте сучасний синтаксис ES6+
- Дотримуйтесь стандартних ESLint конфігурацій проектів - Дотримуйтесь стандартних конфігурацій ESLint, що надаються в проєктах
- Використовуйте зрозумілі імена змінних і функцій для навчальної ясності - Використовуйте змістовні назви змінних і функцій для навчальної ясності
- Додавайте коментарі, що пояснюють концепції для учнів - Додавайте коментарі, що пояснюють концепції для учнів
- Форматуйте код за допомогою Prettier, де налаштовано - Форматуйте код за допомогою Prettier, де налаштовано
@ -152,131 +152,131 @@ node server.js # Переконайтеся, що сервер запуск
- Семантичні елементи HTML5 - Семантичні елементи HTML5
- Принципи адаптивного дизайну - Принципи адаптивного дизайну
- Чітка система імен класів - Чіткі найменування класів
- Коментарі, що пояснюють CSS-техніки для учнів - Коментарі, що пояснюють CSS-техніки для учнів
### Python ### Python
- Дотримання стилю PEP 8 - Керівництво за стилем PEP 8
- Зрозумілі, навчальні приклади коду - Чіткі, навчальні приклади коду
- Використання типових підказок, якщо це допомагає навчанню - Підказки типів, де корисно для навчання
### Документація у Markdown ### Документація Markdown
- Чітка ієрархія заголовків - Чітка ієрархія заголовків
- Код-блоки з вказанням мови - Блоки коду з вказанням мови
- Посилання на додаткові ресурси - Посилання на додаткові ресурси
- Скриншоти та зображення в папках `images/` - Знімки екрану та зображення у папках `images/`
- Опис alt для зображень для доступності - Атрибути alt для зображень для доступності
### Організація файлів ### Організація файлів
- Уроки пронумеровані послідовно (1-getting-started-lessons, 2-js-basics тощо) - Уроки пронумеровані послідовно (1-getting-started-lessons, 2-js-basics тощо)
- Кожен проєкт має папки `solution/` та часто `start/` або `your-work/` - Кожен проєкт має папки `solution/` і часто `start/` або `your-work/`
- Зображення зберігаються у папках уроків `images/` - Зображення зберігаються у папках зображень конкретного уроку
- Переклади зберігаються у структурі `translations/{language-code}/` - Переклади у структурі `translations/{language-code}/`
## Збирання та розгортання ## Збірка і розгортання
### Розгортання Quiz App (Azure Static Web Apps) ### Розгортання Quiz App (Azure Static Web Apps)
quiz-app налаштовано для розгортання Azure Static Web Apps: quiz-app налаштований для розгортання в Azure Static Web Apps:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Створює папку dist/ npm run build # Створює папку dist/
# Виконує розгортання через workflow GitHub Actions при пуші в main # Розгортає через GitHub Actions workflow при пуші в main
``` ```
Конфігурація Azure Static Web Apps: Конфігурація Azure Static Web Apps:
- **Розташування додатку**: `/quiz-app` - **Розташування додатку**: `/quiz-app`
- **Розташування результату**: `dist` - **Вихідне розташування**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Робочий процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Генерація PDF документації ### Генерація PDF документації
```bash ```bash
npm install # Встановіть docsify-to-pdf npm install # Встановити docsify-to-pdf
npm run convert # Згенерувати PDF з docs npm run convert # Згенерувати PDF з docs
``` ```
### Документація Docsify ### Документація Docsify
```bash ```bash
npm install -g docsify-cli # Встановіть Docsify глобально npm install -g docsify-cli # Встановити Docsify глобально
docsify serve # Запуск на localhost:3000 docsify serve # Запустити на localhost:3000
``` ```
### Зборки для конкретних проєктів ### Збірка конкретних проєктів
Кожна директорія проєкту може мати власний процес збірки: Кожна директорія проєкту може мати власний процес збірки:
- Vue проєкти: `npm run build` створює продакшн-бандли - Проєкти на Vue: `npm run build` створює продакшн-бандли
- Статичні проєкти: Кроку збірки немає, файли подаються напряму - Статичні проєкти: немає кроку збірки, файли подаються напряму
## Керівництво з Pull Request ## Інструкції для Pull Request
### Формат заголовку ### Формат заголовку
Використовуйте чіткі, описові заголовки, що вказують область змін: Використовуйте чіткі, описові заголовки, що вказують область змін:
- `[Quiz-app] Додати нову вікторину для уроку X` - `[Quiz-app] Додати нову вікторину для уроку X`
- `[Lesson-3] Виправити описку у проєкті терраріум` - `[Lesson-3] Виправити помилку в проєкті терраріуму`
- `[Translation] Додати іспанський переклад для уроку 5` - `[Translation] Додати іспанський переклад для уроку 5`
- `[Docs] Оновити інструкції з налаштування` - `[Docs] Оновити інструкції з налаштування`
### Обов’язкові перевірки ### Обов’язкові перевірки
Перед подачею PR: Перед надсиланням PR:
1. **Якість коду**: 1. **Якість коду**:
- Запустіть `npm run lint` у відповідних директоріях проєктів - Запустіть `npm run lint` у відповідних директоріях проєктів
- Виправте всі помилки і зауваження lint - Виправте всі помилки та попередження лінтера
2. **Перевірка збірки**: 2. **Перевірка збірки**:
- Запустіть `npm run build`, якщо застосовно - Запустіть `npm run build`, якщо застосовується
- Переконайтесь, що немає помилок збірки - Переконайтеся, що немає помилок збірки
3. **Перевірка посилань**: 3. **Перевірка посилань**:
- Протестуйте всі markdown-посилання - Протестуйте всі markdown-посилання
- Перевірте роботу зображень - Переконайтеся, що посилання на зображення працюють
4. **Перевірка контенту**: 4. **Перевірка контенту**:
- Вичитка на орфографію та граматику - Вичитайте на орфографічні та граматичні помилки
- Переконайтесь, що приклади коду коректні і навчальні - Переконайтеся, що приклади коду коректні і навчальні
- Перевірте, що переклади зберігають оригінальний зміст - Перевірте, що переклади зберегли оригінальний зміст
### Вимоги до внесення змін ### Вимоги до внеску
- Погодьтеся з Microsoft CLA (автоматична перевірка при першому PR) - Погоджуйтесь з Microsoft CLA (автоматична перевірка при першому PR)
- Дотримуйтесь [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Дотримуйтеся [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Див. [CONTRIBUTING.md](./CONTRIBUTING.md) для детальних інструкцій - Див. [CONTRIBUTING.md](./CONTRIBUTING.md) для детальних інструкцій
- Вказуйте номери issues у описі PR, якщо застосовно - Посилайтеся на номери issue в описі PR, якщо це застосовується
### Процес огляду ### Процес перегляду
- PR перевіряють мейнтейнери і спільнота - PR переглядають підтримувачі та спільнота
- Пріоритет надається навчальній зрозумілості - Пріоритет надається освітній зрозумілості
- Приклади коду мають відповідати сучасним кращим практикам - Приклади коду повинні відповідати найкращим сучасним практикам
- Переклади перевіряються на точність і культурну відповідність - Переклади рецензуються на точність і культурну відповідність
## Система перекладів ## Система перекладу
### Автоматичний переклад ### Автоматизований переклад
- Використовує GitHub Actions з workflow co-op-translator - Використовує GitHub Actions з робочим процесом co-op-translator
- Автоматично перекладає на понад 50 мов - Автоматичний переклад на понад 50 мов
- Файли-джерела у головних директоріях - Файли джерел у основних директоріях
- Переклади у `translations/{language-code}/` - Перекладені файли у папках `translations/{language-code}/`
### Додавання ручних покращень ### Додавання вручну покращень перекладу
1. Знайдіть файл у `translations/{language-code}/` 1. Знайдіть файл у `translations/{language-code}/`
2. Внесіть покращення, зберігаючи структуру 2. Вносьте вдосконалення, зберігаючи структуру
3. Переконайтесь, що приклади коду функціональні 3. Переконайтеся, що приклади коду залишаються працездатними
4. Протестуйте локалізований контент вікторин 4. Тестуйте локалізований контент вікторин
### Метадані перекладів ### Мета-дані перекладу
Перекладені файли містять метадані у шапці: Перекладені файли містять заголовок з мета-даними:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Відлагодження та усунення проблем ## Налагодження та усунення проблем
### Типові проблеми ### Поширені проблеми
**Quiz app не запускається**: **Quiz app не запускається**:
- Перевірте версію Node.js (рекомендується v14+) - Перевірте версію Node.js (рекомендовано v14+)
- Видаліть `node_modules` і `package-lock.json`, запустіть `npm install` знову - Видаліть `node_modules` та `package-lock.json`, потім знову запустіть `npm install`
- Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173) - Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173)
**API сервер не запускається**: **API-сервер не стартує**:
- Перевірте версію Node.js (node >=10) - Переконайтеся, що версія Node.js відповідає мінімуму (node >=10)
- Перевірте, чи порт не зайнятий - Перевірте, чи порт не використовується
- Переконайтесь, що всі залежності встановлені (`npm install`) - Впевніться, що всі залежності встановлені через `npm install`
**Розширення браузера не завантажується**: **Розширення браузера не завантажується**:
- Перевірте формат manifest.json - Перевірте правильність форматування manifest.json
- Перегляньте помилки у консолі браузера - Перевірте консоль браузера на наявність помилок
- Дотримуйтесь інструкцій установки для конкретного браузера - Дотримуйтеся інструкцій з встановлення для конкретного браузера
**Проблеми з Python чат-проєктом**: **Проблеми з чат-проєктом на Python**:
- Переконайтесь, що пакет OpenAI встановлений: `pip install openai` - Переконайтеся, що пакет OpenAI встановлений: `pip install openai`
- Перевірте наявність змінної середовища GITHUB_TOKEN - Перевірте, що змінна середовища GITHUB_TOKEN встановлена
- Перевірте права доступу GitHub Models - Переконайтеся у наявності дозволів на доступ до GitHub Models
**Docsify не подає документацію**: **Докси Docsify не запускаються**:
- Встановіть docsify-cli глобально: `npm install -g docsify-cli` - Встановіть docsify-cli глобально: `npm install -g docsify-cli`
- Запустіть із кореневої папки репозиторію - Запускайте з кореневого каталогу репозиторію
- Переконайтесь, що існує файл `docs/_sidebar.md` - Переконайтеся, що існує файл `docs/_sidebar.md`
### Поради щодо середовища розробки ### Поради для розробки
- Використовуйте VS Code з розширенням Live Server для HTML-проєктів - Використовуйте VS Code з розширенням Live Server для HTML проєктів
- Встановіть розширення ESLint і Prettier для консистентного форматування - Встановіть розширення ESLint і Prettier для послідовного форматування
- Використовуйте DevTools браузера для відлагодження JavaScript - Використовуйте інструменти розробника браузера для налагодження JavaScript
- Для Vue проектів встановіть Vue DevTools браузерне розширення - Для Vue проєктів встановіть браузерне розширення Vue DevTools
### Особливості продуктивності ### Продуктивність
- Велика кількість перекладів (50+ мов) призводить до великих повних клонів - Велика кількість перекладених файлів (50+ мов) означає великий повний клон
- Використовуйте shallow clone, якщо працюєте тільки з контентом: `git clone --depth 1` - Використовуйте shallow clone, якщо працюєте лише з контентом: `git clone --depth 1`
- Ігноруйте переклади в пошуку при роботі з англійським контентом - Виключайте переклади з пошуку при роботі з англійським контентом
- Процеси збірки можуть бути повільними при першому запуску (npm install, Vite build) - Процеси збірки можуть бути повільними під час першого запуску (npm install, збірка Vite)
## Заходи безпеки ## Міркування щодо безпеки
### Змінні оточення ### Змінні середовища
- API ключі ніколи не мають потрапляти у репозиторій - Ключі API ніколи не повинні зберігатися в репозиторії
- Використовуйте `.env` файли (вже в `.gitignore`) - Використовуйте файли `.env` (вже додані до `.gitignore`)
- Документуйте потрібні змінні в README проєктів - Зазначайте необхідні змінні середовища у README проєктів
### Python проєкти ### Python проєкти
- Використовуйте віртуальні середовища: `python -m venv venv` - Використовуйте віртуальні середовища: `python -m venv venv`
- Оновлюйте залежності - Підтримуйте залежності актуальними
- Токени GitHub повинні мати мінімальні необхідні дозволи - Токени GitHub повинні мати мінімально необхідні дозволи
### Доступ до GitHub Models ### Доступ до GitHub Models
- Потрібні персональні токени доступу (PAT) для GitHub Models - Потрібні Personal Access Tokens (PAT) для GitHub Models
- Токени зберігайте у змінних оточення - Токени слід зберігати як змінні середовища
- Ніколи не комітьте токени чи облікові дані - Ніколи не комітьте токени або облікові дані
## Додаткові відомості ## Додаткові нотатки
### Цільова аудиторія ### Цільова аудиторія
- Повні новачки у веб-розробці - Повні початківці у веб-розробці
- Студенти та самонавчання - Студенти та самонавчальні
- Викладачі, що використовують курс у класах - Викладачі, які використовують програму у класах
- Контент створено з орієнтацією на доступність і поступове нарощування навичок - Контент розроблений для доступності та поступового розвитку навичок
### Освітня філософія ### Освітня філософія
- Проєктно-орієнтоване навчання - Навчання через проєкти
- Часті перевірки знань (вікторини) - Часті перевірки знань (вікторини)
- Практичні вправи з кодування - Практичні вправи з кодування
- Приклади реальних застосувань - Приклади застосування у реальному світі
- Фокус на основах перед фреймворками - Фокус на основах перед фреймворками
### Підтримка репозиторію ### Підтримка репозиторію
- Активна спільнота учнів і контрибуторів - Активна спільнота учнів і авторів
- Регулярні оновлення залежностей і контенту - Регулярні оновлення залежностей та контенту
- Моніторинг issues та дискусій мейнтейнерами - Підтримка і обговорення від кураторів
- Автоматичні оновлення перекладів через GitHub Actions - Автоматичне оновлення перекладів за допомогою GitHub Actions
### Пов’язані ресурси ### Пов’язані ресурси
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Microsoft Learn модулі](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [Студентський центр ресурсів](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендується для учнів - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендований для учнів
- Додаткові курси: генеративний AI, Data Science, ML, IoT - Додаткові курси: Генеративний AI, Data Science, ML, IoT навчальні курси
### Робота з конкретними проєктами ### Робота з конкретними проєктами
Для детальних інструкцій з окремих проєктів дивіться README файли у: Для докладних інструкцій щодо окремих проєктів дивіться README файли у:
- `quiz-app/README.md` - Vue 3 quiz додаток - `quiz-app/README.md` - Vue 3 додаток для вікторин
- `7-bank-project/README.md` - Банківський додаток з автентифікацією - `7-bank-project/README.md` - Банківський додаток з аутентифікацією
- `5-browser-extension/README.md` - Розробка розширення браузера - `5-browser-extension/README.md` - Розробка розширень браузера
- `6-space-game/README.md` - Розробка гри на Canvas - `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 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 --> <!-- 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) [![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) [![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` 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 --> <!-- 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) [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: > Цей репозиторій містить понад 50 мовних перекладів, що значно збільшує розмір завантаження. Щоб клонувати без перекладів, використовуйте sparse checkout:
> >
@ -48,82 +48,82 @@
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Це надасть вам все необхідне для проходження курсу з набагато швидшим завантаженням. > Це дасть вам все необхідне для проходження курсу з значно швидшим завантаженням.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- 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) [![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) ![Background](../../translated_images/uk/background.148a8d43afde5730.webp)
- Уроки охоплюють все від основ до RAG. - Уроки, що охоплюють усе від основ до RAG.
- Спілкуйтеся з історичними персонажами за допомогою GenAI та нашого супутнього додатку. - Взаємодійте з історичними персонажами за допомогою GenAI та нашого супутнього додатка.
- Весела та захоплююча наративна подорож, ви подорожуватимете в часі! - Весела та захоплива історія, ви будете подорожувати у часі!
![character](../../translated_images/uk/character.5c0dd8e067ffd693.webp) ![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` 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) ![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). Ми рекомендуємо використовувати [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: 1. Клонувати ваше сховище на комп’ютер. Це можна зробити, клацнувши кнопку **Code** і скопіювавши URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
@ -133,89 +133,90 @@
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Відкрийте папку у Visual Studio Code. Ви можете зробити це, натиснувши **File** > **Open Folder** і вибравши щойно клоновану папку. 2. Відкрийте папку у Visual Studio Code. Це можна зробити, клацнувши **File** > **Open Folder** і вибравши папку, яку ви щойно клонували.
> Рекомендовані розширення Visual Studio Code: > Рекомендовані розширення Visual Studio Code:
> >
> * [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) - щоб допомогти вам швидше писати код > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - щоб допомогти вам швидше писати код
## 📂 Кожен урок включає: ## 📂 Кожен урок містить:
- необов’язкову схематичну замітку - додаткову замальовку (sketchnote) за бажанням
- необов’язкове додаткове відео - додаткове відео за бажанням
- розминку у вигляді вікторини перед уроком - розігрівальний вікторину перед уроком
- письмовий урок - письмовий урок
- для уроків, заснованих на проектах, покрокові інструкції з будування проекту - для проектно-орієнтованих уроків — покрокові керівництва зі створення проєкту
- перевірки знань - перевірки знань
- завдання - виклик (challenge)
- додаткове читання - додаткове читання
- завдання
- [вікторину після уроку](https://ff-quizzes.netlify.app/web/) - [вікторину після уроку](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 | | 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 | | 02 | Початок роботи | Основи GitHub, включаючи командну роботу | Як використовувати GitHub у вашому проєкті, як співпрацювати з іншими над базою коду | [Вступ до GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Початок роботи | Доступність | Вивчення основ доступності веб-контенту | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Початок роботи | Доступність | Вивчити основи веб-доступності | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи JS | Типи даних JavaScript | Основи типів даних JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine | | 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| | 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 | | 06 | Основи JS | Прийняття рішень з JS | Навчитися створювати умови у вашому коді за допомогою способів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи JS | Масиви та цикли | Робота з даними за допомогою масивів та циклів у JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/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 | | 08 | [Тераріум](./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 | | 09 | [Тераріум](./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 | | 10 | [Тераріум](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпулювання DOM | Написати JavaScript для функціонування тераріуму як інтерфейсу перетягування, зосереджуючись на замиканнях і маніпулюванні DOM | [Замикання JS, маніпулювання 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 | | 11 | [Гра на друкування](./4-typing-game/solution/README.md) | Створення гри на друкування | Вивчити, як використовувати події клавіатури для керування логікою вашого JS-додатка | [Подійне програмування](./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 | | 12 | [Зелене розширення для браузера](./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 | | 13 | [Зелене розширення для браузера](./5-browser-extension/solution/README.md) | Створення форм, виклик API та збереження змінних у локальному сховищі | Створити JS-елементи розширення браузера для виклику 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 | | 14 | [Зелене розширення для браузера](./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 | | 15 | [Космічна гра](./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 | | 16 | [Космічна гра](./6-space-game/solution/README.md) | Малювання на канвасі | Вивчити Canvas API, який використовується для малювання елементів на екрані | [Малювання на канвасі](./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 | | 17 | [Космічна гра](./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 | | 18 | [Космічна гра](./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 | | 19 | [Космічна гра](./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 | | 20 | [Космічна гра](./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 | | 21 | [Банківський додаток](./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 | | 22 | [Банківський додаток](./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 | | 23 | [Банківський додаток](./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 | | 24 | [Банківський додаток](./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 | | 25 | [Код браузера/VScode](../../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 | | 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
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 --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### 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 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 (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (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) [![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) [![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) [![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 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 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) [![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 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) [![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 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 --> <!-- 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 ```html
code blocks 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