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

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

Browse Source
pull/1690/head
localizeflow[bot] 3 weeks ago
parent ded7bca881
commit b768679130
9 changed files with 938 additions and 930 deletions
Show Stats Download Patch File Download Diff File

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:43:45+00:00",
"translation_date": "2026-02-06T10:27:00+00:00",
"source_file": "AGENTS.md",
"language_code": "lt"
},
@ -516,8 +516,8 @@
"language_code": "lt"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:24:58+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:21:51+00:00",
"source_file": "README.md",
"language_code": "lt"
},

352
translations/lt/AGENTS.md
Unescape View File

@ -2,43 +2,43 @@
## Projekto apžvalga
Tai yra mokymo programa, skirta pradedantiesiems mokyti interneto kūrimo pagrindų. Mokymo programa yra išsamus 12 savaičių kursas, sukurtas Microsoft Cloud Advocates, apimantis 24 praktines pamokas apie JavaScript, CSS ir HTML.
Tai yra edukacinis mokymo planas, skirtas pradedantiesiems mokyti interneto kūrimo pagrindų. Mokymo programa yra išsami 12 savaičių kursų programa, sukurta Microsoft Cloud Advocates, apimanti 24 praktines pamokas apie JavaScript, CSS ir HTML.
### Pagrindiniai komponentai
- **Mokomoji medžiaga**: 24 struktūruotos pamokos, suskirstytos į projektų pagrindu sukurtus modulius
- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosmoso žaidimas, Banko programa, Kodo redaktorius ir AI pokalbių asistentas
- **Interaktyvūs testai**: 48 testai, kiekviename po 3 klausimus (prieš/pamokos vertinimai)
- **Daugiakalbė parama**: Automatiniai vertimai į daugiau nei 50 kalbų naudojant GitHub Actions
- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektams)
- **Edukacinis turinys**: 24 struktūruotos pamokos, organizuotos į projektinius modulius
- **Praktiniai projektai**: Terariumas, Rašymo žaidimas, Naršyklės plėtinys, Kosmoso žaidimas, Banko programa, Kodo redaktorius ir DI pokalbių asistentas
- **Interaktyvūs testai**: 48 testai su po 3 klausimus kiekviename (prieš/post pamoką įvertinimai)
- **Daugiakalbystė**: Automatiniai vertimai į 50+ kalbų per GitHub Actions
- **Technologijos**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (DI projektams)
### Architektūra
- Mokomoji saugykla su pamokų pagrindu sukurta struktūra
- Kiekviename pamokos aplanke yra README, kodo pavyzdžiai ir sprendimai
- Savarankiški projektai atskiruose kataloguose (quiz-app, įvairūs pamokų projektai)
- Vertimo sistema naudojant GitHub Actions (co-op-translator)
- Dokumentacija pateikiama per Docsify ir prieinama kaip PDF
- Edukacinis saugykla su pamokų struktūra
- Kiekvienas pamokos katalogas turi README, kodo pavyzdžius ir sprendimus
- Atskiri projektai atskiruose kataloguose (quiz-app, įvairūs pamokų projektai)
- Vertimų sistema naudojant GitHub Actions (co-op-translator)
- Dokumentacija tiekiama per Docsify ir prieinama kaip PDF
## Nustatymo komandos
## Paleidimo komandos
Ši saugykla skirta daugiausia mokomosios medžiagos naudojimui. Norint dirbti su konkrečiais projektais:
Ši saugykla daugiausia skirta edukaciniam turiniui vartoti. Dirbant su konkrečiais projektais:
### Pagrindinės saugyklos nustatymas
### Pagrindinės saugyklos paleidimas
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Testų programos nustatymas (Vue 3 + Vite)
### Quiz App paleidimas (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Paleiskite kūrimo serverį
npm run build # Sukurkite gamybai
npm run lint # Vykdykite ESLint
```
### Banko projekto API (Node.js + Express)
@ -46,9 +46,9 @@ npm run lint # Run ESLint
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Paleisti API serverį
npm run lint # Paleisti ESLint
npm run format # Formatuoti su Prettier
```
### Naršyklės plėtinių projektai
@ -56,7 +56,7 @@ npm run format # Format with Prettier
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Sekite naršyklės specifines plėtinių įkėlimo instrukcijas
```
### Kosmoso žaidimo projektai
@ -64,128 +64,128 @@ npm install
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Atidarykite index.html naršyklėje arba naudokite Live Server
```
### Pokalbių projektas (Python backend)
### Pokalbių projekto (Python backend) paleidimas
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Nustatykite GITHUB_TOKEN aplinkos kintamąjį
python api.py
```
## Kūrimo darbo eiga
### Turinio kūrėjams
### Turinį prisidedantiesiems
1. **Fork saugyklą** į savo GitHub paskyrą
2. **Klonuokite savo fork** lokaliai
1. **Padarykite saugyklos fork'ą** savo GitHub paskyroje
2. **Klonuokite savo fork'ą** lokaliai
3. **Sukurkite naują šaką** savo pakeitimams
4. Atlikite pakeitimus pamokų turinyje ar kodo pavyzdžiuose
4. Keiskite pamokų turinį ar kodo pavyzdžius
5. Išbandykite kodo pakeitimus atitinkamuose projektų kataloguose
6. Pateikite pull requests laikydamiesi įnašų gairių
6. Pateikite pull request pagal indėlio taisykles
### Mokiniams
### Moksleiviams
1. Fork arba klonuokite saugyklą
2. Eikite per pamokų katalogus nuosekliai
3. Skaitykite README failus kiekvienai pamokai
4. Atlikite prieš pamoką testus adresu https://ff-quizzes.netlify.app/web/
5. Dirbkite su kodo pavyzdžiais pamokų aplankuose
1. Padarykite fork arba klonuokite saugyklą
2. Sekite pamokų katalogus paeiliui
3. Skaitykite kiekvienos pamokos README failus
4. Atlikite priešpamokinius testus adresu https://ff-quizzes.netlify.app/web/
5. Dirbkite su kodo pavyzdžiais pamokų kataloguose
6. Atlikite užduotis ir iššūkius
7. Atlikite po pamokos testus
### Tiesioginis kūrimas
### Tiesioginė plėtra
- **Dokumentacija**: Paleiskite `docsify serve` šakniniame kataloge (portas 3000)
- **Testų programa**: Paleiskite `npm run dev` quiz-app kataloge
- **Projektai**: Naudokite VS Code Live Server plėtinį HTML projektams
- **API projektai**: Paleiskite `npm start` atitinkamuose API kataloguose
- **Dokumentacija**: vykdykite `docsify serve` šaknyje (portas 3000)
- **Quiz App**: vykdykite `npm run dev` quiz-app kataloge
- **Projektai**: naudokite VS Code Live Server plėtinį HTML projektams
- **API projektai**: vykdykite `npm start` atitinkamuose API kataloguose
## Testavimo instrukcijos
### Testų programos testavimas
### Quiz App testavimas
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Patikrinkite kodo stiliaus problemas
npm run build # Patikrinkite, ar sėkmingai sukompiliuota
```
### Banko API testavimas
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Patikrinti kodo stiliaus problemas
node server.js # Patvirtinti, kad serveris paleidžiamas be klaidų
```
### Bendras testavimo požiūris
### Bendra testavimo tvarka
- Tai yra mokomoji saugykla be išsamių automatizuotų testų
- Rankinis testavimas apima:
- Tai edukacinė saugykla be išsamios automatizuotos testavimo sistemos
- Rankinis testavimas orientuotas į:
- Kodo pavyzdžiai veikia be klaidų
- Nuorodos dokumentacijoje veikia teisingai
- Projektų kūrimas sėkmingai užbaigtas
- Pavyzdžiai atitinka geriausią praktiką
- Dokumentacijos nuorodos veikia tinkamai
- Projektų surinkimai sėkmingi
- Pavyzdžiai atitinka geriausias praktikas
### Prieš pateikimą patikrinimai
### Prieš pateikiant patikrinimus
- Paleiskite `npm run lint` kataloguose su package.json
- Patikrinkite, ar markdown nuorodos yra galiojančios
- Testuokite kodo pavyzdžius naršyklėje arba Node.js
- Vykdykite `npm run lint` kataloguose su package.json
- Patikrinkite, ar markdown nuorodos galioja
- Testuokite kodo pavyzdžius naršyklėje ar Node.js aplinkoje
- Įsitikinkite, kad vertimai išlaiko tinkamą struktūrą
## Kodo stiliaus gairės
## Kodo stiliaus gaires
### JavaScript
- Naudokite modernią ES6+ sintaksę
- Laikykitės standartinių ESLint konfigūracijų, pateiktų projektuose
- Naudokite prasmingus kintamųjų ir funkcijų pavadinimus mokymosi aiškumui
- Pridėkite komentarus, paaiškinančius koncepcijas mokiniams
- Formatuokite naudodami Prettier, kur tai nustatyta
- Laikykitės ESLint konfigūracijų projektuose
- Naudokite prasmingus kintamųjų ir funkcijų vardus edukaciniam aiškumui
- Rašykite komentarus paaiškinančius koncepcijas mokiniams
- Formatuokite su Prettier, jei jis konfigūruotas
### HTML/CSS
- Semantiniai HTML5 elementai
- Atsako dizaino principai
- Aiškūs klasių pavadinimų konvencijos
- Komentarai, paaiškinantys CSS technikas mokiniams
- Semantiški HTML5 elementai
- Responsyvus dizainas
- Aiškios klasės pavadinimų konvencijos
- Komentarai paaiškinantys CSS technikas mokiniams
### Python
- PEP 8 stiliaus gairės
- Aiškūs, mokomieji kodo pavyzdžiai
- Tipų užuominos, kur jos naudingos mokymuisi
- Aiškūs, edukaciniai kodo pavyzdžiai
- Tipų užuominos, kur mokymuisi naudingos
### Markdown dokumentacija
- Aiški antraščių hierarchija
- Kodo blokai su kalbos specifikacija
- Nuorodos į papildomus išteklius
- Ekrano nuotraukos ir vaizdai `images/` kataloguose
- Alt tekstas vaizdams dėl prieinamumo
- Kodo blokai su kalbos nurodymu
- Nuorodos į papildomus šaltinius
- Ekrano kopijos ir vaizdai `images/` kataloguose
- Alt tekstas paveikslėliams dėl prieinamumo
### Failų organizavimas
- Pamokos numeruojamos nuosekliai (1-getting-started-lessons, 2-js-basics ir t.t.)
- Pamokos sunumeruotos paeiliui (1-getting-started-lessons, 2-js-basics ir t.t.)
- Kiekvienas projektas turi `solution/` ir dažnai `start/` arba `your-work/` katalogus
- Vaizdai saugomi pamokų specifiniuose `images/` aplankuose
- Vertimai `translations/{language-code}/` struktūroje
- Vaizdai saugomi pamokai pritaikytuose `images/` aplankuose
- Vertimai pagal kalbas kataloguose `translations/{language-code}/`
## Kūrimas ir diegimas
## Surinkimas ir diegimas
### Testų programos diegimas (Azure Static Web Apps)
### Quiz App diegimas (Azure Static Web Apps)
Testų programa sukonfigūruota Azure Static Web Apps diegimui:
Quiz-app sukonfigūruotas Azure Static Web Apps diegimui:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Sukuria dist/ aplanką
# Diegia per GitHub Actions darbų eigą, kai į pagrindinį šaką nusiunčiama naujinimų
```
Azure Static Web Apps konfigūracija:
@ -193,90 +193,90 @@ Azure Static Web Apps konfigūracija:
- **Išvesties vieta**: `dist`
- **Darbo eiga**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Dokumentacijos PDF generavimas
### PDF dokumentacijos generavimas
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Įdiekite docsify-to-pdf
npm run convert # Sugeneruoti PDF iš dokumentų
```
### Docsify dokumentacija
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Įdiekite Docsify globaliai
docsify serve # Paleiskite localhost:3000 adresu
```
### Projektų specifiniai kūrimai
### Projektų specifiniai surinkimai
Kiekvienas projekto katalogas gali turėti savo kūrimo procesą:
- Vue projektai: `npm run build` sukuria produkcijos paketus
- Statiniai projektai: Nėra kūrimo žingsnio, tiesiogiai aptarnaukite failus
Kiekvienas projekto katalogas gali turėti savo surinkimo procesą:
- Vue projektai: `npm run build` kuria gamybinius paketus
- Statiniai projektai: jokių surinkimo žingsnių, failai tiekiami tiesiogiai
## Pull Request gairės
## Pull request gairės
### Pavadinimo formatas
Naudokite aiškius, aprašomuosius pavadinimus, nurodančius pakeitimų sritį:
- `[Quiz-app] Pridėti naują testą pamokai X`
- `[Lesson-3] Ištaisyti klaidą terariumo projekte`
- `[Translation] Pridėti ispanų vertimą pamokai 5`
- `[Docs] Atnaujinti nustatymo instrukcijas`
Naudokite aiškius, aprašomuosius pavadinimus, nurodančius pokyčių sritį:
- `[Quiz-app] Pridėtas naujas testas pamokai X`
- `[Lesson-3] Ištaisyta rašybos klaida terariumo projekte`
- `[Translation] Pridėtas ispanų vertimas pamokai 5`
- `[Docs] Atnaujintos diegimo instrukcijos`
### Reikalingi patikrinimai
### Būtini patikrinimai
Prieš pateikiant PR:
1. **Kodo kokybė**:
- Paleiskite `npm run lint` paveiktuose projektų kataloguose
- Ištaisykite visas linting klaidas ir įspėjimus
- Vykdykite `npm run lint` paveiktuose projekto kataloguose
- Ištaisyti visi lint klaidos ir įspėjimai
2. **Kūrimo patikrinimas**:
- Paleiskite `npm run build`, jei taikoma
- Įsitikinkite, kad nėra kūrimo klaidų
2. **Surinkimo patvirtinimas**:
- Jeigu taikoma, paleiskite `npm run build`
- Įsitikinkite, kad nėra surinkimo klaidų
3. **Nuorodų patikrinimas**:
- Testuokite visas markdown nuorodas
- Patikrinkite, ar vaizdų nuorodos veikia
3. **Nuorodų patikra**:
- Patikrinkite visas markdown nuorodas
- Patvirtinkite, kad paveikslėlių nuorodos veikia
4. **Turinio peržiūra**:
- Patikrinkite rašybą ir gramatiką
- Įsitikinkite, kad kodo pavyzdžiai yra teisingi ir mokomieji
- Patikrinkite, ar vertimai išlaiko originalią prasmę
- Įsitikinkite, kad kodo pavyzdžiai yra teisingi ir edukaciniai
- Patvirtinkite, kad vertimai išlaiko originalią prasmę
### Įnašo reikalavimai
### Indėlio reikalavimai
- Sutikite su Microsoft CLA (automatinis patikrinimas pirmame PR)
- Laikykitės [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Žiūrėkite [CONTRIBUTING.md](./CONTRIBUTING.md) dėl išsamių gairių
- Nurodykite problemų numerius PR aprašyme, jei taikoma
- Sutinkate su Microsoft CLA (automatinis patikrinimas pirmame PR)
- Laikykitės [Microsoft atvirojo kodo elgesio kodekso](https://opensource.microsoft.com/codeofconduct/)
- Žr. [CONTRIBUTING.md](./CONTRIBUTING.md) išsamioms gairėms
- Nurodykite susijusių issue numerius PR aprašyme, jei taikoma
### Peržiūros procesas
- PR peržiūrimi palaikytojų ir bendruomenės
- Mokymo aiškumas yra prioritetas
- Kodo pavyzdžiai turėtų laikytis dabartinės geriausios praktikos
- Vertimai peržiūrimi dėl tikslumo ir kultūrinio tinkamumo
- PR peržiūri prižiūrėtojai ir bendruomenė
- Prioritetas teikiamas edukacinės aiškumo užtikrinimui
- Kodo pavyzdžiai turėtų atitikti dabartines geriausias praktikas
- Vertimai tikrinami dėl tikslumo ir kultūrinio tinkamumo
## Vertimo sistema
## Vertimų sistema
### Automatinis vertimas
- Naudoja GitHub Actions su co-op-translator darbo eiga
- Automatiškai verčia į daugiau nei 50 kalbų
- Šaltinio failai pagrindiniuose kataloguose
- Išversti failai `translations/{language-code}/` kataloguose
- Automatiškai verčia į 50+ kalbų
- Šaltiniai pagrindiniuose kataloguose
- Išversti failai kataloguose `translations/{language-code}/`
### Rankinių vertimo patobulinimų pridėjimas
### Rankinių vertimų patobulinimai
1. Suraskite failą `translations/{language-code}/`
2. Patobulinkite išlaikydami struktūrą
3. Įsitikinkite, kad kodo pavyzdžiai išlieka funkcionalūs
1. Raskite failą kataloge `translations/{language-code}/`
2. Atlikite patobulinimus išlaikydami struktūrą
3. Užtikrinkite, kad kodo pavyzdžiai išlieka funkcionuojantys
4. Testuokite bet kokį lokalizuotą testų turinį
### Vertimo metaduomenys
### Vertimų metaduomenys
Išversti failai apima metaduomenų antraštę:
Išverstų failų antraštė metadata:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -293,114 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
### Dažnos problemos
**Testų programa nepasileidžia**:
**Quiz app nepaleidžiamas**:
- Patikrinkite Node.js versiją (rekomenduojama v14+)
- Ištrinkite `node_modules` ir `package-lock.json`, paleiskite `npm install` iš naujo
- Patikrinkite portų konfliktus (numatytasis: Vite naudoja portą 5173)
- Ištrinkite `node_modules` ir `package-lock.json`, vėl vykdykite `npm install`
- Patikrinkite ar nėra uosto konflikto (numatytas: Vite naudoja portą 5173)
**API serveris nepasileidžia**:
- Įsitikinkite, kad Node.js versija atitinka minimumą (node >=10)
- Patikrinkite, ar portas jau naudojamas
- Įsitikinkite, kad visos priklausomybės įdiegtos su `npm install`
**API serveris nepaleidžiamas**:
- Patikrinkite, ar Node.js versija atitinka reikalavimus (node >=10)
- Patikrinkite ar uostas neužimtas
- Užtikrinkite, kad visos priklausomybės įdiegtos su `npm install`
**Naršyklės plėtinys neįsikrauna**:
**Naršyklės plėtinys nepasirodo**:
- Patikrinkite, ar manifest.json tinkamai suformatuotas
- Patikrinkite naršyklės konsolę dėl klaidų
- Laikykitės naršyklės specifinių plėtinio diegimo instrukcijų
- Peržiūrėkite naršyklės konsolėje klaidas
- Laikykitės naršyklės plėtinio diegimo instrukcijų
**Python pokalbių projekto problemos**:
- Įsitikinkite, kad OpenAI paketas įdiegtas: `pip install openai`
- Užtikrinkite, kad įdiegta OpenAI biblioteka: `pip install openai`
- Patikrinkite, ar GITHUB_TOKEN aplinkos kintamasis nustatytas
- Patikrinkite GitHub Models prieigos leidimus
- Patikrinkite prieigą prie GitHub modelių leidimų
**Docsify nepateikia dokumentų**:
**Docsify nedeliveruoja dokumentacijos**:
- Įdiekite docsify-cli globaliai: `npm install -g docsify-cli`
- Paleiskite iš saugyklos šaknies katalogo
- Patikrinkite, ar `docs/_sidebar.md` egzistuoja
- Patikrinkite, kad egzistuoja `docs/_sidebar.md`
### Kūrimo aplinkos patarimai
- Naudokite VS Code su Live Server plėtiniu HTML projektams
- Įdiekite ESLint ir Prettier plėtinius dėl nuoseklaus formatavimo
- Įdiekite ESLint ir Prettier plėtinius nuosekliam formatavimui
- Naudokite naršyklės DevTools JavaScript derinimui
- Vue projektams įdiekite Vue DevTools naršyklės plėtinį
### Našumo svarstymai
### Veikimo našumo aspektai
- Didelis išverstų failų skaičius (50+ kalbų) reiškia, kad pilni klonai yra dideli
- Naudokite seklią kloną, jei dirbate tik su turiniu: `git clone --depth 1`
- Daug išverstų failų (50+ kalbų) reiškia, kad pilni klonai yra dideli
- Naudokite seklų klonavimą, jei dirbate tik su turiniu: `git clone --depth 1`
- Išskirkite vertimus iš paieškų, kai dirbate su anglų turiniu
- Kūrimai gali būti lėti pirmą kartą (npm install, Vite build)
- Surinkimo procesai gali būti lėti pirmais paleidimais (npm install, Vite build)
## Saugumo svarstymai
## Saugumo aspektai
### Aplinkos kintamieji
- API raktai niekada neturėtų būti įtraukti į saugyklą
- Naudokite `.env` failus (jau įtraukti į `.gitignore`)
- Dokumentuokite reikalingus aplinkos kintamuosius projekto README failuose
- API raktai neturi būti įtraukiami į saugyklą
- Naudokite `.env` failus (jie jau įtraukti į `.gitignore`)
- Dokumentuokite reikiamus aplinkos kintamuosius projekto README failuose
### Python projektai
- Naudokite virtualias aplinkas: `python -m venv venv`
- Laikykite priklausomybes atnaujintas
- GitHub raktai turėtų turėti minimaliai reikalingus leidimus
- GitHub tokenai turėtų turėti minimalius būtinus leidimus
### GitHub Models prieiga
### GitHub modelių prieiga
- Asmeniniai prieigos raktai (PAT) reikalingi GitHub Models
- Raktai turėtų būti saugomi kaip aplinkos kintamieji
- Niekada neįtraukite raktų ar prisijungimo duomenų
- Asmeniniai prieigos tokenai (PAT) reikalingi GitHub modeliams
- Tokenai turi būti saugomi kaip aplinkos kintamieji
- Niekada neįtraukti tokenų ar prisijungimo duomenų į saugyklą
## Papildomos pastabos
### Tikslinė auditorija
- Visiški pradedantieji interneto kūrime
- Studentai ir savarankiškai besimokantys
- Visiškai pradedantieji interneto kūrime
- Studentai ir savarankiški mokiniai
- Mokytojai, naudojantys mokymo programą klasėse
- Turinys sukurtas prieinamumui ir laipsniškam įgūdžių ugdymui
- Turinys skirtas prieinamumui ir įgūdžių palaipsniui vystymui
### Mokymo filosofija
### Edukacinė filosofija
- Projektų pagrindu mokymosi požiūris
- Mokymasis per projektus
- Dažni žinių patikrinimai (testai)
- Praktiniai kodavimo pratimai
- Realūs taikymo pavyzdžiai
- Dėmesys pagrindams prieš pereinant prie karkasų
- Praktiniai kodo uždaviniai
- Realaus pasaulio taikymo pavyzdžiai
- Dėmesys pagrindams prieš keruklius
### Saugyklos priežiūra
- Aktyvi mokinių ir įnašų bendruomenė
- Aktyvi mokinių ir prisidedančiųjų bendruomenė
- Reguliarūs priklausomybių ir turinio atnaujinimai
- Problemos ir diskusijos stebimos palaikytojų
- Vertimo atnaujinimai automatizuoti per GitHub Actions
- Problemų ir diskusijų stebėjimą atlieka prižiūrėtojai
- Vertimų atnaujinimai automatiškai per GitHub Actions
### Susiję ištekliai
- [Microsoft Learn moduliai](https://docs.microsoft.com/learn/)
- [Studentų centro ištekliai](https://docs.microsoft.com/learn/student-hub/)
- [Studentų centras](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) rekomenduojamas mokiniams
- Papildomi kursai: Generatyvinis AI, Duomenų mokslas, ML, IoT mokymo programos prieinamos
- Papildomi kursai: Generatyvus AI, Duomenų mokslas, ML, IoT programos prieinamos
### Darbas su specifiniais projektais
### Darbas su konkrečiais projektais
Dėl išsamių instrukcijų apie atskirus projektus, žiūrėkite README failus:
- `quiz-app/README.md` - Vue 3 testų programa
Išsamias instrukcijas apie atskirus projektus rasite README failuose:
- `quiz-app/README.md` - Vue 3 testų aplikacija
- `7-bank-project/README.md` - Banko programa su autentifikacija
- `5-browser-extension/README.md` - Naršyklės plėtinio kūrimas
- `6-space-game/README.md` - Žaidimo kūrimas naudojant Canvas
- `9-chat-project/README.md` - AI pokalbių asistento projektas
- `6-space-game/README.md` - Canvas pagrindu žaidimo kūrimas
- `9-chat-project/README.md` - DI pokalbių asistento projektas
### Monorepo struktūra
Nors tai nėra tradicinis monorepo, ši saugykla apima kelis nepriklausomus projektus:
Nors tai nėra tradicinis monorepo, ši saugykla talpina kelis nepriklausomus projektus:
- Kiekviena pamoka yra savarankiška
- Projektai nesidalina priklausomybėmis
- Dirbkite su atskirais projektais, nepažeisdami kitų
- Klonuokite visą saugyklą, kad gautumėte pilną mokymo programos patirtį
- Darbas su atskirais projektais nekeičia kitų
- Klonuokite visą saugyklą, jei norite pilnos mokymo programos patirties
---
**Atsakomybės apribojimas**:
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, atkreipkite dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus aiškinimus, kylančius dėl šio vertimo naudojimo.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Atsakomybės apribojimas**:
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, atkreipkite dėmesį, kad automatizuoti vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojamas profesionalus vertimas žmogaus. Mes neatsakome už bet kokius nesusipratimus ar klaidingus interpretavimus, kylančius dėl šio vertimo naudojimo.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

218
translations/lt/README.md
Unescape View File

@ -10,198 +10,200 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Svetainių kūrimas pradedantiesiems - Mokymo programa
# Interneto svetainių kūrimas pradedantiesiems - Mokymo programa
Išmokite svetainių kūrimo pagrindų su mūsų 12 savaičių išsamia programa, kurią rengia Microsoft Cloud Advocates. Kiekvienas iš 24 pamokų gilinsis į JavaScript, CSS ir HTML mokymąsi per praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosminiai žaidimai. Dalyvaukite viktorinose, diskusijose ir praktinėse užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą su mūsų veiksminga projektine pedagogika. Pradėkite savo programavimo kelionę jau šiandien!
Išmokite interneto svetainių kūrimo pagrindus per mūsų 12 savaičių išsamų kursą, kurį veda Microsoft Cloud Advocates. Kiekviena iš 24 pamokų nagrinėja JavaScript, CSS ir HTML, atliekant praktinius projektus, tokius kaip terariumai, naršyklės plėtiniai ir kosminiai žaidimai. Dalyvaukite viktorinose, diskusijose ir praktiniuose užduotyse. Tobulinkite savo įgūdžius ir optimizuokite žinių įsisavinimą naudojant mūsų veiksmingą projektinį mokymosi metodą. Pradėkite savo programavimo kelionę jau šiandien!
Prisijunkite prie Azure AI Foundry Discord bendruomenės
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Atlikite šiuos veiksmus, kad pradėtumėte naudoti šiuos išteklius:
1. **Padarykite šio failo šaką (Fork the Repository)**: 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ą (Clone the Repository)**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kitais kūrėjais**](https://discord.com/invite/ByRwuEEgH4)
Laikykitės šių žingsnių, kad pradėtumėte naudotis šiomis priemonėmis:
1. **Padarykite šaką (fork) šio saugyklos**: 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`
3. [**Prisijunkite prie Azure AI Foundry Discord ir susipažinkite su ekspertais bei kolegomis kūrėjais**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Daugialypė kalbų palaikymas
### 🌐 Daugiakalbė palaikymas
#### Palaikoma per GitHub Action (automatizuota ir visada atnaujinta)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [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)
> **Pirmenybę teikiate vietiniam klonavimui?**
> **Norite klonuoti lokaliai?**
> Ši saugykla apima daugiau nei 50 kalbų vertimų, todėl žymiai padidėja atsisiuntimo dydis. Norėdami klonuoti be vertimų, naudokite retą atsiskaitymą (sparse checkout):
> Ši saugykla apima daugiau nei 50 kalbų vertimų, kurie žymiai padidina parsisiuntimo dydį. Norėdami klonuoti be vertimų, naudokite sparse checkout:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> Tai suteikia viską, ko reikia kursui užbaigti, su žymiai greitesniu atsisiuntimu.
> Tai suteikia jums viską, ko reikia kursui įgyvendinti, su daug greitesniu atsisiuntimu.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Jei norite, kad būtų palaikomos papildomos vertimų kalbos, jų sąrašas pateiktas [čia](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**Jei norite, kad būtų palaikomos papildomos vertimų kalbos, jos išvardytos [čia](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Ar esate studentas?_
#### 🧑‍🎓 _Esate studentas?_
Aplankykite [**Studentų centro puslapį**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasite pradedančiųjų išteklius, studentų paketus ir net būdus gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta pažymėti ir laikas nuo laiko peržiūrėti, nes kas mėnesį atnaujiname turinį.
Aplankykite [**Studentų centro puslapį**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kur rasite pradedančiųjų išteklius, studentų paketus ir net būdus gauti nemokamą sertifikato kuponą. Tai puslapis, kurį verta įsidėti į žymes ir kartkartėmis lankytis, nes mes kas mėnesį keičiamės turinį.
### 📣 Pranešimas - Nauji GitHub Copilot Agent režimo iššūkiai įveikti!
### 📣 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, kurį įveikti galite naudodami GitHub Copilot ir Agent režimą. Jei dar nesinaudojote Agent režimu, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir daugiau.
Pridėtas naujas iššūkis, raskite "GitHub Copilot Agent Challenge 🚀" daugelyje skyrių. Tai naujas iššūkis, kurį turite įvykdyti naudodami GitHub Copilot ir Agent režimą. Jei dar nenaudojote Agent režimo, jis gali ne tik generuoti tekstą, bet ir kurti bei redaguoti failus, vykdyti komandas ir dar daugiau.
### 📣 Pranešimas - _Naujas Projektas, kuriam kurti naudojama Generatyvioji DI_
### 📣 Pranešimas - _Naujas projektas, kuriam kurti naudojama Generatyvioji AI_
Naujas AI asistentas projektas ką tik pridėtas, peržiūrėkite jį [projekto puslapyje](./9-chat-project/README.md)
Naujas AI asistento projektas ką tik pridėtas, peržiūrėkite jį [projekte](./9-chat-project/README.md)
### 📣 Pranešimas - _Nauja Mokymo programa_ Generatyvajai DI JavaScript kalbai ką tik išleista
### 📣 Pranešimas - _Nauja mokymo programa_ apie Generatyviąją AI JavaScript kalbai ką tik išleista
Nepraleiskite mūsų naujos Generatyviosios DI mokymo programos!
Nepraleiskite mūsų naujos Generatyviosios AI mokymo programos!
Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), kad pradėtumėte!
Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ir pradėkite!
![Background](../../translated_images/lt/background.148a8d43afde5730.webp)
- Pamokos apima viską nuo pagrindų iki RAG.
- Bendraukite su istorinių personažų personažais naudodami GenAI ir mūsų companion programėlę.
- Smagi ir įtraukianti naratyvinė istorija, keliausite laiku!
- Pamokos aprėpia viską nuo pagrindų iki RAG.
- Bendraukite su istorinėmis asmenybėmis naudodami GenAI ir mūsų lydinčią programėlę.
- Smagi ir įtraukianti istorija, keliaukite laiku!
![character](../../translated_images/lt/character.5c0dd8e067ffd693.webp)
Kiekviena pamoka apima užduotį, kurią reikia įvykdyti, žinių patikrinimą ir iššūkį, kurie padės jums išmokti tokių temų kaip:
- Užklausų kūrimas ir užklausų inžinerija
- Teksto ir vaizdų programų kūrimas
Kiekviena pamoka apima užduotį, žinių patikrinimą ir iššūkį, kurie padės jums išmokti temų, tokių kaip:
- Užklausų kūrimas ir jų tobulinimas
- Teksto ir vaizdo programų generavimas
- Paieškos programos
Aplankykite [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), kad pradėtumėte!
Aplankykite [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ir pradėkite!
## 🌱 Pradžia
> **Mokytojai**, mes [pateikėme keletą pasiūlymų](for-teachers.md), kaip naudoti šią mokymo programą. Laukiame jūsų atsiliepimų [mūsų diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **Mokytojai**, mes pateikėme [keletą pasiūlymų](for-teachers.md), kaip naudoti šią mokymo programą. Laukiame 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)**, kiekvienai pamokai pradėkite nuo pradinės viktorinos ir toliau skaitykite paskaitos medžiagą, atlikite įvairias veiklas ir patikrinkite supratimą po paskaitos viktorinoje.
**[Mokiniai](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, kiekvienai pamokai pradėkite nuo priešpaskaitinės viktorinos ir sekite toliau studijuodami paskaitos medžiagą, atlikdami įvairias veiklas ir tikrinkite supratimą po paskaitos viktorinoje.
Kad pagerintumėte mokymosi patirtį, susisiekite su savo bendraamžiais, kad kartu dirbtumėte prie projektų! Diskusijos yra 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.
Kad pagerintumėte mokymosi patirtį, susisiekite su bendraamžiais ir dirbkite kartu prie projektų! Skatiname diskusijas mūsų [diskusijų forume](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kur mūsų moderatoriai bus pasiruošę atsakyti į jūsų klausimus.
Siekiant toliau plėsti žinias, primygtinai rekomenduojame patikrinti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) dėl papildomų mokymosi medžiagų.
Tolimesniam mokymuisi labai rekomenduojame apsilankyti [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon), kur rasite papildomų mokymosi medžiagų.
### 📋 Aplinka paruošimas
### 📋 Aplinkos nustatymas
Ši mokymo programa turi paruoštą plėtros aplinką! Pradėdami galite rinktis vykdyti mokymo programą [Codespace](https://github.com/features/codespaces/) aplinkoje (_naršyklėje veikianti aplinka, nereikalaujanti diegimų_), arba vietiniame kompiuteryje naudodami teksto redaktorių, pvz., [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ši mokymo programa turi paruoštą vystymo aplinką! Pradėdami galite pasirinkti paleisti programą [Codespace](https://github.com/features/codespaces/) aplinkoje (_naršyklėje, be jokių įdiegimų_), arba lokaliai savo kompiuteryje naudodami teksto redaktorių, pavyzdžiui, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Sukurkite savo saugyklą
Kad lengvai išsaugotumėte savo darbą, rekomenduojama susikurti savo šios saugyklos kopiją. Tai galite padaryti paspaudę mygtuką **Use this template** puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje, kur bus mokymo programos kopija.
Norint patogiai išsaugoti savo darbą, rekomenduojama sukurti savo kopiją šios saugyklos. Tai galite padaryti spustelėję mygtuką **Use this template** puslapio viršuje. Tai sukurs naują saugyklą jūsų GitHub paskyroje su mokymo programos kopija.
Atlikite šiuos veiksmus:
1. **Padarykite Saugyklos šaką (Fork the Repository)**: Spustelėkite mygtuką „Fork“ puslapio viršutiniame dešiniajame kampe.
2. **Klonuokite Saugyklą (Clone the Repository)**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
Laikykitės šių žingsnių:
1. **Padarykite šaką (fork) saugyklos**: spustelėkite mygtuką "Fork" šio puslapio viršutiniame dešiniajame kampe.
2. **Klonuokite saugyklą**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Mokymo programos vykdymas Codespace aplinkoje
#### Mokymo programos paleidimas Codespace
Jūsų sukurtos saugyklos kopijoje spustelėkite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace aplinką darbui.
Jūsų sukurtame saugyklos kopijoje spustelėkite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace, kuriame galėsite dirbti.
![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.webp)
#### Mokymo programos vykdymas vietoje savo kompiuteryje
#### Mokymo programos paleidimas lokaliai kompiuteryje
Norėdami paleisti šią mokymo programą lokaliai, jums reikės teksto redaktoriaus, naršyklės ir komandinės eilutės įrankio. Pirmoji mūsų pamoka, [Įvadas į programavimo kalbas ir įrankius](../../1-getting-started-lessons/1-intro-to-programming-languages), supažindins jus su įvairiais šių įrankių pasirinkimais, kad galėtumėte pasirinkti tinkamiausius.
Norėdami paleisti šią mokymo programą savo kompiuteryje vietoje, jums reikės teksto redaktoriaus, naršyklės ir komandų eilutės įrankio. Mūsų pirmoji pamoka, [Įvadas į programavimo kalbas ir darbo įrankius](../../1-getting-started-lessons/1-intro-to-programming-languages), jus supažindins su įvairiomis šių įrankių alternatyvomis, kad galėtumėte pasirinkti jums tinkamiausią.
Rekomenduojame naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kaip 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).
Mūsų rekomendacija – naudoti [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) kaip redaktorių, kuris taip pat turi įmontuotą [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code galite atsisiųsti [čia](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Klonuokite savo saugyklą į kompiuterį. Tai padaryti galite spustelėję mygtuką **Code** ir nukopijavę URL:
1. Nuklonuokite savo saugyklą į savo kompiuterį. Tai galite padaryti spustelėję mygtuką **Code** ir nukopijuodami URL:
[CodeSpace](./images/createcodespace.png)
Tada atidarykite [Terminalą](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) viduje ir paleiskite šią komandą, pakeisdami `<your-repository-url>` su ką tik nukopijuotu URL:
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) programoje ir paleiskite šią komandą, pakeisdami `<your-repository-url>` į ką tik nukopijuotą URL:
```bash
git clone <your-repository-url>
```
2. Atidarykite aplanką Visual Studio Code. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkdami ką tik nuklonuotą aplanką.
2. Atidarykite aplanką Visual Studio Code. Tai galite padaryti spustelėję **File** > **Open Folder** ir pasirinkdami ką tik klonuotą aplanką.
> Rekomenduojami Visual Studio Code plėtiniai:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML puslapių peržiūrai Visual Studio Code aplinkoje
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - padeda greičiau rašyti kodą
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - norint peržiūrėti HTML puslapius Visual Studio Code viduje
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - kad padėtų greičiau rašyti kodą
## 📂 Kiekviena pamoka apima:
- neprivalomą eskizo užrašą
- neprivalomą papildomą vaizdo įrašą
- priešpamokinį šildymo testą
- pasirinktinę eskizo užrašą
- pasirinktinį papildomą vaizdo įrašą
- priešpamokinį apšilimo testą
- rašytinę pamoką
- projektams skirtose pamokose – žingsnis po žingsnio gidus, kaip sukurti projektą
- žinių patikrinimus
- projektinėms pamokoms - žingsnis po žingsnio gaires, kaip sukurti projektą
- žinių tikrinimus
- iššūkį
- papildomą skaitymą
- užduotį
- [po pamokos testą](https://ff-quizzes.netlify.app/web/)
> **Pastaba apie testus**: Visi testai yra Quiz-app aplanke, iš viso 48 testai po tris klausimus. Jie prieinami [čia](https://ff-quizzes.netlify.app/web/), testo programą galima paleisti vietoje arba išdiegti į Azure; sekite instrukcijas `quiz-app` aplanke.
> **Pastaba apie testus**: Visi testai yra Quiz-app aplanke, iš viso 48 testai po tris klausimus kiekviename. Jie pasiekiami [čia](https://ff-quizzes.netlify.app/web/), testų programėlę galima paleisti vietoje arba diegti į Azure; vadovaukitės `quiz-app` aplanko instrukcijomis.
## 🗃️ Pamokos
| | Projekto pavadinimas | Mokomos sąvokos | Mokymosi tikslai | Susieta pamoka | Autorius |
| :-: | :--------------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :----------------------: |
| 01 | Pradžia | Programavimo ir darbo su įrankiais įvadas | Sužinoti pagrindus, kurie yra bendri daugeliui programavimo kalbų bei sužinoti apie programinę įrangą, kuri padeda profesionaliems kūrėjams dirbti | [Programavimo kalbų ir įrankių įvadas](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Pradžia | GitHub pagrindai, darbas su komanda | Kaip naudoti GitHub projekte, kaip bendradarbiauti su kitais dirbant su kodo baze | [GitHub įvadas](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Pradžia | Prieinamumas | Sužinoti apie interneto prieinamumo pagrindus | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Pagrindai | JavaScript duomenų tipai | JavaScript duomenų tipų pagrindai | [Duomenų tipai](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Pagrindai | Funkcijos ir metodai | Sužinoti apie funkcijas ir metodus, valdančius programos logikos srautus | [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md) | Jasmine ir Christopher |
| 06 | JS Pagrindai | Sprendimų priėmimas su JS | Išmokti kurti sąlygas naudojant sprendimų priėmimo metodus | [Sprendimų priėmimas](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Pagrindai | Masyvai ir ciklai | Dirbti su duomenimis naudojant masyvus ir ciklus JavaScripte | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | Praktinis HTML | Kurti HTML formą internetiniam terariumui, dėmesys skiriamas išdėstymo kūrimui | [Įvadas į HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | Praktinis CSS | Kurti CSS, kad suformuotumėte terariumą, dėmesys skiriamas CSS pagrindams ir puslapio prisitaikymui | [Įvadas į CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Uždarymai, DOM manipuliacija | Kurti JavaScript, kad terariumas funkcionuotų kaip vilkimo/paleidimo sąsaja, dėmesys uždaromųjų funkcijų ir DOM manipuliacijai | [JavaScript uždarymai, DOM manipuliacija](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Šrifto žaidimas](./4-typing-game/solution/README.md) | Kurti įvedimo žaidimą | Sužinoti, kaip naudoti klaviatūros įvykius valdyti JavaScript programos logiką | [Įvykių palaikomas programavimas](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Žalioji naršyklės plėtinys](./5-browser-extension/solution/README.md) | Naršyklės darbo principai | 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 vietinėje atmintyje | Kurti naršyklės plėtinio JavaScript elementus, kviečiančius API naudojant kintamuosius iš vietinės atminties | [API, formos ir vietinė atmintis](./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 foniniai procesai, tinklapio našumo optimizavimas | Naudoti naršyklės fono procesus plėtinio ikonėlei valdyti; sužinoti apie tinklapio našumą ir optimizacijas | [Fono užduotys ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Pažengęs žaidimų kūrimas su JavaScript | Sužinoti apie paveldėjimą, naudojant klases ir kompoziciją, ir Pub/Sub modelį, ruošiantis kurti žaidimą | [Pažangaus žaidimų kūrimo įvadas](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Piešimas ant drobės | Sužinoti apie Canvas API, naudojamą elementams ekrane piešti | [Piešimas ant drobės](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Elementų judinimas ekrane | Atrasti, kaip elementai gali judėti naudojant kartetines koordinates ir Canvas API | [Elementų judinimas](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Susidūrimo aptikimas | Padaryti, kad elementai susidurtų ir reaguotų vieni į kitus naudojant klavišų paspaudimus bei užtikrinti atšalimo funkciją žaidimo našumui | [Susidūrimo aptikimas](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Taškų skaičiavimas | Atlikti matematikos skaičiavimus pagal žaidimo būseną ir našumą | [Taškų skaičiavimas](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Žaidimo pabaiga ir paleidimas iš naujo | Sužinoti apie žaidimo pabaigą ir iš naujo paleidimą, įskaitant išteklių valymą ir kintamųjų reikšmių nustatymą | [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šrutai internetinėje programoje | Sužinoti, kaip sukurti daugiapusio tinklalapio architektūrą naudojant maršrutizaciją 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žinoti, kaip kurti formas ir valdyti patvirtinimo procedūras | [Formos](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banko programa](./7-bank-project/solution/README.md) | Duomenų užklausos ir naudojimo metodai | Kaip duomenys patenka į programą, kaip juos užklausti, saugoti ir ištrinti | [Duomenys](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banko programa](./7-bank-project/solution/README.md) | Valstybės valdymo sąvokos | Sužinoti, kaip programa išlaiko būseną ir kaip ją valdyti programuojant | [Valstybės valdymas](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Naršyklės/VScode kodas](../../8-code-editor) | Darbas su VScode | Sužinoti, kaip naudotis kodo redaktoriumi | [VScode kodo redaktoriaus naudojimas](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistentai](./9-chat-project/README.md) | Darbas su AI | Sužinoti, kaip sukurti savo AI asistentą | [AI asistento projektas](./9-chat-project/README.md) | Chris |
| | Projekto pavadinimas | Mokomi konceptai | Mokymosi tikslai | Susieta pamoka | Autorius |
| :-: | :--------------------------------------------------------------: | :---------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
| 01 | Pradžia | Programavimo ir darbo įrankių įvadas | Sužinoti pagrindus, kurie yra daugumos programavimo kalbų pagrindas, bei apie programinę įrangą, padedančią profesionaliems kūrėjams | [Programavimo kalbų ir darbo įrankių įvadas](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Pradžia | GitHub pagrindai, darbas komandoje | Kaip naudoti GitHub projekte, kaip bendradarbiauti su kitais ties kodo baze | [GitHub įvadas](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Pradžia | Prieinamumas | Sužinokite apie interneto prieinamumo pagrindus | [Prieinamumo pagrindai](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS pagrindai | JavaScript duomenų tipai | JavaScript duomenų tipų pagrindai | [Duomenų tipai](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS pagrindai | Funkcijos ir metodai | Sužinoti apie funkcijas ir metodus valdyti programos logiką | [Funkcijos ir metodai](./2-js-basics/2-functions-methods/README.md) | Jasmine ir Christopher |
| 06 | JS pagrindai | Sprendimų priėmimas naudojant JS | Kaip kurti sąlygas savo kode naudojant sprendimų priėmimo metodus | [Sprendimų priėmimas](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS pagrindai | Masyvai ir ciklai | Dirbkite su duomenimis naudodami masyvus ir ciklus JavaScript | [Masyvai ir ciklai](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terariumas](./3-terrarium/solution/README.md) | HTML praktikoje | Sukurkite HTML, kad pastatytumėte internetinį terariumą, sutelkdami dėmesį į išdėstymo kūrimą | [HTML įvadas](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terariumas](./3-terrarium/solution/README.md) | CSS praktikoje | Sukurkite CSS stilizuoti internetiniam terariumui, sutelkite dėmesį į CSS pagrindus, įskaitant puslapio prisitaikymą | [CSS įvadas](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terariumas](./3-terrarium/solution/README.md) | JavaScript uždarymai, DOM manipuliacija | Sukurkite JavaScript, kad terariumas veiktų kaip vilkimo/nuleidimo sąsaja, sutelkite dėmesį į uždarymus ir DOM manipuliaciją | [JavaScript uždarymai, DOM manipuliacija](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Rašymo žaidimas](./4-typing-game/solution/README.md)| Kurkite rašymo žaidimą | Sužinokite, kaip naudoti klaviatūros įvykius valdyti JavaScript programos logiką | [Įvykių varomas programavimas](./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 kurti 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 lokaliai | Sukurkite JavaScript elementus savo naršyklės plėtiniui, kad kviestų API, naudojant lokaliai saugomus kintamuosius | [API, formos ir lokalus saugojimas](./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 foniniai procesai, interneto našumas | Naudokite naršyklės foninius procesus valdyti plėtinio ikoną; sužinokite apie interneto našumą ir optimizavimo būdus | [Foniniai uždaviniai ir našumas](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Pažangesnis žaidimų kūrimas naudojant JavaScript | Sužinokite apie paveldėjimą naudojant tiek klases, tiek kompoziciją ir Pub/Sub modelį, ruošiantis kurti žaidimą | [Pažangaus žaidimų kūrimo įvadas](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Piešimas drobėje | Sužinokite apie drobės API, naudojamą elementams piešti ekrane | [Piešimas drobėje](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Judančių elementų valdymas | Sužinokite, kaip elementai juda naudodami Dekarto koordinates ir drobės API | [Judantys elementai](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Susidūrimų aptikimas | Padarykite, kad elementai susidurtų ir reaguotų vienas į kitą naudojant klavišų paspaudimus ir įveskite atsigavimo funkciją | [Susidūrimų aptikimas](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Taškų skaičiavimas | Atlikite matematinius skaičiavimus, remdamiesi žaidimo būsena ir rezultata | [Taškų skaičiavimas](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Kosminis žaidimas](./6-space-game/solution/README.md) | Žaidimo pabaiga ir paleidimas iš naujo | Sužinokite apie žaidimo pabaigą ir paleidimą iš naujo, įskaitant išteklių valymą ir kintamųjų reikšmių iš naujo nustatymą | [Pabaigos sąlyga](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Bankų programa](./7-bank-project/solution/README.md) | HTML šablonai ir maršrutai interneto programoje | Sužinokite, kaip kurti kelių puslapių svetainės architektūrą, naudodami maršrutizaciją ir HTML šablonus | [HTML šablonai ir maršrutai](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Bankų programa](./7-bank-project/solution/README.md) | Prisijungimo ir registracijos formos kūrimas | Sužinokite apie formų kūrimą ir validacijos vykdymą | [Formos](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Bankų programa](./7-bank-project/solution/README.md) | Duomenų gavimo ir naudojimo metodai | Kaip duomenys juda jūsų programoje, kaip juos gauti, saugoti ir pašalinti | [Duomenys](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Bankų programa](./7-bank-project/solution/README.md) | Būsenos valdymo konceptai | Sužinokite, 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ė/VScode kodas](../../8-code-editor) | Darbas su VScode | Sužinokite, kaip naudoti kodo redaktorių| [Naudojant VScode kodo redaktorių](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI asistento projektas](./9-chat-project/README.md) | Darbas su AI | Sužinokite, kaip sukurti savo AI asistentą | [AI asistento projektas](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogika
Mūsų mokymo programa sukurta atsižvelgiant į du pagrindinius pedagoginius principus:
* mokymasis remiantis projektais
Mūsų mokymo programa sukurta remiantis dviem pagrindiniais pedagoginiais principais:
* mokymasis per projektus
* dažni testai
Programoje mokoma JavaScript, HTML ir CSS pagrindų, taip pat naujausių įrankių ir technikų, kurias naudoja šių dienų interneto kūrėjai. Studentai turės galimybę įgyti praktinės patirties kuriant įvedimo žaidimą, virtualų terariumą, ekologišką naršyklės plėtinį, kosminio invazijos stiliaus žaidimą ir bankų programą įmonėms. Baigus kursą, studentai bus įgiję tvirtą interneto kūrimo supratimą.
Programa moko JavaScript, HTML ir CSS pagrindų, taip pat naujausių šiandieninių žiniatinklio kūrėjų naudojamų įrankių ir technikų. Studentai turės galimybę įgyti praktinių įgūdžių, kurdami rašymo žaidimą, virtualų terariumą, ekologiškos naršyklės plėtinį, kosminio invazijos stiliaus žaidimą ir verslo paskyrų programėlę. Baigę šį ciklą, studentai turės tvirtas žinias apie interneto kūrimą.
> 🎓 Pirmas kelias pamokas galite išmokti kaip [Mokymosi kelią](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn!
> 🎓 Pirmąsias kelias pamokas šiame kurse galite atlikti kaip [Mokymosi kelionę](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platformoje!
Užtikrinant, kad medžiaga būtų suderinta su projektais, procesas tampa patrauklesnis studentams, o sąvokų įsisavinimas padidėja. Taip pat parašėme keletą pradinio lygio pamokų JavaScript pagrindu, kurios įveda sąvokas, kartu su vaizdo įrašu iš "[Pradedančiųjų serijos į JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" vaizdo pamokų kolekcijos, kurios autoriai prisidėjo prie šios programos kūrimo.
Užtikrinant, kad turinys atitiktų projektus, mokymosi procesas tampa įdomesnis studentams, o koncepcijų išlaikymas pagerėja. Taip pat parašėme keletą pradinių pamokų apie JavaScript pagrindus, kad pristatytume koncepcijas, kartu su vaizdo įrašu iš „[Pradedančiųjų serija apie JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ vaizdo pamokų kolekcijos, kurių kai kurie autoriai prisidėjo prie šio kurso.
Be to, žemas nemokamas testas prieš pamoką orientuoja studentus į mokymosi tikslą, o antras testas po pamokos užtikrina geresnį įsisavinimą. Ši programa buvo sukurta būti lanksti ir smagi, ją galima atlikti visą arba dalimis. Projektai pradžioje yra maži, o pabaigoje – vis sudėtingesni per 12 savaičių ciklą.
Be to, lengvas testas prieš klasę nukreipia mokinio dėmesį į mokymąsi, o antras testas po pamokos užtikrina geresnį informacijos įsisavinimą. Ši mokymo programa sukurta būti lanksti ir smagi, ją galima išlaikyti visą arba dalį. Projektai prasideda nuo paprastų ir sudėtingėja per 12 savaičių ciklą.
Nors sąmoningai vengėme pristatyti JavaScript karkasus, kad būtų galima susitelkti į pagrindinius įgūdžius, reikalingus interneto kūrėjui, prieš pradedant naudoti karkasus, kitas geras žingsnis baigiant šią programą būtų išmokti apie Node.js per kitą vaizdo įrašų kolekciją: "[Pradedančiųjų serija į Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Nors tyčia vengėme pristatyti JavaScript karkasus, kad sutelktume dėmesį į pagrindinius interneto kūrėjo įgūdžius prieš pereinant prie karkaso, kitas geras žingsnis po šio kurso būtų mokytis apie Node.js per kitą vaizdo įrašų rinkinį: „[Pradedančiųjų serija apie 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 [Indėlio taisyklėse](CONTRIBUTING.md). Laukiame jūsų konstruktyvių atsiliepimų!
> Apsilankykite mūsų [Elgesio kodeksas](CODE_OF_CONDUCT.md) ir [Indėlio taisyklėse](CONTRIBUTING.md). Laukiame jūsų konstruktyvių atsiliepimų!
## 🧭 Vietinis prieinamumas
## 🧭 Nuotolinis prieinamumas
Galite naudoti šią dokumentaciją neprisijungę su [Docsify](https://docsify.js.org/#/). Nuklonuokite šį repo, [įdiekite Docsify](https://docsify.js.org/#/quickstart) į savo vietinį įrenginį, o tada šiame repo šakniniame aplanke įveskite `docsify serve`. Svetainė bus prieinama per 3000 prievadą jūsų localhost: `localhost:3000`.
Šią dokumentaciją galite naudoti ir be interneto naudodami [Docsify](https://docsify.js.org/#/). Išsišakokite šį saugyklą, [įdiekite Docsify](https://docsify.js.org/#/quickstart) savo vietiniame kompiuteryje, tada šios saugyklos šakninėje direktorijoje įveskite `docsify serve`. Svetainė bus patiekiama prievade 3000 jūsų kompiuteryje: `localhost:3000`.
## 📘 PDF
Visų pamokų PDF rasite [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
Visų pamokų PDF versiją rasite [čia](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Kiti kursai
@ -211,7 +213,7 @@ Mūsų komanda kuria ir kitus kursus! Pažiūrėkite:
### LangChain
[![LangChain4j pradedantiesiems](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js pradedantiesiems](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain pradedantiesiems](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agentai
@ -222,11 +224,11 @@ Mūsų komanda kuria ir kitus kursus! Pažiūrėkite:
---
### Generatyviosios AI serija
[![Generatyvioji 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)
[![Generatyvioji 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)
[![Generatyvioji 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)
[![Generatyvioji 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)
### Generatyvinės AI serija
[![Generatyvinė 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)
[![Generatyvinė 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)
[![Generatyvinė 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)
[![Generatyvinė 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)
---
@ -235,35 +237,35 @@ Mūsų komanda kuria ir kitus kursus! Pažiūrėkite:
[![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)
[![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)
[![Interneto 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)
[![Daiktų internetas 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)
[![Tinklaratvių kūrimas pradedantiesiems](https://img.shields.io/badge/Web%20Dev%20for%20Beginners-EC4899?style=for-the-badge&labelColor=E5E7EB&color=EC4899)](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[![IoT pradedantiesiems](https://img.shields.io/badge/IoT%20for%20Beginners-14B8A6?style=for-the-badge&labelColor=E5E7EB&color=14B8A6)](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
[![XR kūrimas pradedantiesiems](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Copilot serija
[![Copilot AI 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 dirbant kartu su AI programuojant](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot nuotykis](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 -->
## Pagalbos gavimas
## Gaukite pagalbos
Jei įstringate arba turite klausimų apie AI programėlių kūrimą, prisijunkite prie bendraminčių ir patyrusių kūrėjų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai yra laukiami, o žinios dalijamasi laisvai.
Jei stringate arba turite klausimų apie AI programėlių kūrimą, prisijunkite prie bendraminčių mokinių ir patyrusių kūrėjų diskusijų apie MCP. Tai palaikanti bendruomenė, kurioje klausimai yra laukiami, o žinios dalijamos laisvai.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Jei turite produkto atsiliepimų ar pastebėjote klaidų kūrimo metu, apsilankykite:
Jei turite atsiliepimų apie produktą arba aptinkate klaidų kūrimo metu, apsilankykite:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Licencija
Šis saugykla yra licencijuota pagal MIT licenciją. Daugiau informacijos rasite faile [LICENSE](../../LICENSE).
Šis saugykla licencijuojama pagal MIT licenciją. Daugiau informacijos rasite faile [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**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ą, prašome atkreipti dėmesį, kad automatizuoti vertimai gali turėti klaidų ar netikslumų. Pirminis dokumentas originalia kalba turėtų būti laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojamas profesionalus žmogaus vertimas. Mes neprisiimame atsakomybės už bet kokius nesusipratimus ar klaidingus aiškinimus, kilusius dėl šio vertimo naudojimo.
**Atraja**:
Šis dokumentas buvo išverstas pasitelkus dirbtinio intelekto 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ų. Pirminis dokumentas originalia kalba laikomas autoritetingu šaltiniu. Svarbiai informacijai rekomenduojama naudoti profesionalų žmogaus vertimą. Mes neatsakome už bet kokius nesusipratimus ar neteisingus aiškinimus, kylantčius dėl šio vertimo naudojimo.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-11T11:36:38+00:00",
"translation_date": "2026-02-06T10:28:27+00:00",
"source_file": "AGENTS.md",
"language_code": "ta"
},
@ -516,8 +516,8 @@
"language_code": "ta"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:26:53+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:24:12+00:00",
"source_file": "README.md",
"language_code": "ta"
},

450
translations/ta/AGENTS.md
Unescape View File

@ -1,44 +1,44 @@
# AGENTS.md
## திட்டத்தின் மேற்பார்வை
## Project Overview
இது தொடக்கநிலை வலை மேம்பாட்டு அடிப்படைகளை கற்பதற்கான கல்வி பாடத்திட்டக் களஞ்சியம். இந்த பாடத்திட்டம் மைக்ரோசாஃப்ட் கிளவுட் அட்வோகேட்களால் உருவாக்கப்பட்ட 12 வாரங்களுக்கான விரிவான பாடநெறியாகும், இதில் ஜாவாஸ்கிரிப்ட், CSS மற்றும் HTML ஆகியவற்றை உள்ளடக்கிய 24 நடைமுறை பாடங்கள் உள்ளன.
இந்த கொள்கை தொடங்கும் பயனாளிகளுக்கு வலை தள மேம்பாட்டின் அடிப்படைகளை கற்பிக்க ஒரு கல்வி பாடத்திட்டக் களஞ்சியமாகும். இந்த பாடத்திட்டம் Microsoft Cloud Advocates உருவாக்கிய ஒரு விரிவான 12 வார பாடநெறி, இதில் 24 செயலில் பங்கெடுக்கும் பாடங்கள் உள்ளன, அவை JavaScript, CSS மற்றும் HTML-ஐ பொறுத்தவை.
### முக்கிய கூறுகள்
### Key Components
- **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையிலான தொகுதிகளாக ஒழுங்கமைக்கப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள்
- **நடைமுறை திட்டங்கள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor மற்றும் AI Chat Assistant
- **இணையதள கேள்விகள்**: ஒவ்வொரு பாடத்திற்கும் முன்/பின் மதிப்பீடுகளாக 48 கேள்விகள் (ஒவ்வொன்றும் 3 கேள்விகள்)
- **பல மொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கு தானியங்கி மொழிபெயர்ப்பு
- **தொழில்நுட்பங்கள்**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI திட்டங்களுக்கு)
- **பயிற்சி கருவிகள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, மற்றும் AI Chat Assistant
- **ஆர்வமுள்ள வினாக்களுக்கான தேர்வு**: ஒவ்வொன்றிலும் 3 கேள்விகள் கொண்ட 48 வினாடி வினாக்கள் (முந்தைய/பின்னர்-பாடம் மதிப்பீடுகள்)
- **பல்வேறு மொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கு தானாக மொழிபெயர்ப்பு
- **தொழில்நுட்பங்கள்**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI திட்டங்களுக்காக)
### கட்டமைப்பு
### Architecture
- பாடத்திட்ட அடிப்படையிலான அமைப்புடன் கல்வி களஞ்சியம்
- ஒவ்வொரு பாடத்தொகுப்பிலும் README, குறியீட்டு உதாரணங்கள் மற்றும் தீர்வுகள் உள்ளன
- தனித்துவமான திட்டங்கள் தனி அடைவுகளில் (quiz-app, பல பாட திட்டங்கள்)
- GitHub Actions (co-op-translator) மூலம் மொழிபெயர்ப்பு அமைப்பு
- Docsify மூலம் ஆவணங்கள் வழங்கப்பட்டு PDF வடிவில் கிடைக்கின்றன
- பாடநெறி அடிப்படையிலான கட்டமைப்புடன் கல்வி களஞ்சியம்
- ஒவ்வொரு பாடத்திட்ட கோப்புறை README, குறியீடு உதாரணங்கள் மற்றும் தீர்வுகளைக் கொண்டுள்ளது
- தனி திட்டங்கள் தனி அடைவுகளில் (quiz-app, பல பாட திட்டங்கள்)
- GitHub Actions பயன்படுத்தி மொழிபெயர்ப்பு அமைப்பு (co-op-translator)
- Docsify மூலம் ஆவணங்கள் வழங்கப்படுகின்றன மற்றும் PDF ஆக கிடைக்கின்றன
## அமைப்பு கட்டளைகள்
## Setup Commands
இந்த களஞ்சியம் முதன்மையாக கல்வி உள்ளடக்கத்தை பயன்படுத்துவதற்காக உள்ளது. குறிப்பிட்ட திட்டங்களுடன் வேலை செய்ய:
இந்த களஞ்சியம் முதன்மையாக கல்வி உள்ளடக்கத்தை பார்வையிட பயன்படுத்தப்படுகிறது. குறிப்பிட்ட திட்டங்களுடன் வேலை செய்ய:
### முக்கிய களஞ்சிய அமைப்பு
### Main Repository Setup
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Quiz App அமைப்பு (Vue 3 + Vite)
### Quiz App Setup (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # வளர்ச்சி சர்வரை துவங்கவும்
npm run build # உற்பத்திக்காக கட்டமைக்கவும்
npm run lint # ESLint ஐ இயக்கவும்
```
### Bank Project API (Node.js + Express)
@ -46,25 +46,25 @@ npm run lint # Run ESLint
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # API சேவையகத்தை प्रारம்பிக்கவும்
npm run lint # ESLint-ஐ இயக்கவும்
npm run format # Prettier உடன் வடிவமைக்கவும்
```
### Browser Extension திட்டங்கள்
### Browser Extension Projects
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# உலாவி-நிபந்தனை விரிவாக்க ஏற்றும் அறிவுறுத்தல்களை பின்பற்றவும்
```
### Space Game திட்டங்கள்
### Space Game Projects
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# index.html ஐ உலாவியில் திறக்கவும் அல்லது Live Server ஐ பயன்படுத்தவும்
```
### Chat Project (Python Backend)
@ -72,211 +72,211 @@ npm install
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# GITHUB_TOKEN சூழல் மாறியை அமைக்கவும்
python api.py
```
## மேம்பாட்டு பணிச்சுற்று
## Development Workflow
### உள்ளடக்க பங்களிப்பாளர்களுக்கு
### For Content Contributors
1. **களஞ்சியத்தை Fork செய்யவும்** உங்கள் GitHub கணக்கில்
2. **உங்கள் Fork ஐ உள்ளூர் கணினியில் Clone செய்யவும்**
3. **உங்கள் மாற்றங்களுக்கு புதிய branch உருவாக்கவும்**
4. பாடத்தொகுப்பு உள்ளடக்கம் அல்லது குறியீட்டு உதாரணங்களில் மாற்றங்களைச் செய்யவும்
5. தொடர்புடைய திட்ட அடைவுகளில் குறியீட்டு மாற்றங்களை சோதிக்கவும்
6. பங்களிப்பு வழிகாட்டுதல்களைப் பின்பற்றி pull requests சமர்ப்பிக்கவும்
1. உங்கள் GitHub கணக்கில் **களஞ்சியத்தை fork** செய்யவும்
2. உங்கள் fork-ஐ **உள்ளூர் கணினியில் கிளோன்** செய்யவும்
3. உங்கள் மாற்றங்களுக்கு **புதிய கிளை** உருவாக்கவும்
4. பாடப் போட்டிகள் அல்லது குறியீடு உதாரணங்களில் மாற்றங்கள் செய்யவும்
5. தொடர்புடைய திட்ட அடைவுகளில் எந்த குறியீடு மாற்றங்களும் சோதனை செய்யவும்
6. பங்களிப்பு வழிகாட்டுதல்களைப் பின்பற்றிக் கூர்வுகளை சமர்ப்பிக்கவும்
### கற்றுக்கொள்பவர்களுக்கு
### For Learners
1. களஞ்சியத்தை Fork செய்யவும் அல்லது Clone செய்யவும்
2. பாடத்தொகுப்பு அடைவுகளில் வரிசையாக செல்லவும்
3. ஒவ்வொரு பாடத்தொகுப்பிற்கும் README கோப்புகளைப் படிக்கவும்
4. https://ff-quizzes.netlify.app/web/ இல் முன்-பாட கேள்விகளை முடிக்கவும்
5. பாடத்தொகுப்பு அடைவுகளில் குறியீட்டு உதாரணங்களைச் செய்யவும்
6. பணிகள் மற்றும் சவால்களை முடிக்கவும்
7. பாடத்தொகுப்பு முடிந்தவுடன் கேள்விகளை முடிக்கவும்
1. களஞ்சியத்தை fork செய்ய அல்லது கிளோன் செய்யவும்
2. பாட பதிப்புகள் அடைவுகளில் தொடர் முறையில் செல்லவும்
3. ஒவ்வொரு பாடத்திற்கும் README கோப்புகளைப் படிக்கவும்
4. https://ff-quizzes.netlify.app/web/ இல் முந்தைய பாடத்திற்கான வினாடி வினாக்களை முடிக்கவும்
5. பாட அடைவுகளில் குறியீடு உதாரணங்களால் வேலை செய்யவும்
6. வேலைப்பாடுகளையும் சவால்களையும் முடிக்கவும்
7. பின்னர் பாடத்திற்கான வினாடி வினாக்களை எடுத்துக்கொள்ளவும்
### நேரடி மேம்பாடு
### Live Development
- **ஆவணங்கள்**: root இல் `docsify serve` இயக்கவும் (port 3000)
- **Quiz App**: quiz-app அடைவில் `npm run dev` இயக்கவும்
- **திட்டங்கள்**: HTML திட்டங்களுக்கு VS Code Live Server extension ஐ பயன்படுத்தவும்
- **ஆவணங்கள்**: ரூட் கோப்புறையில் `docsify serve` இயக்கவும் (போர்ட் 3000)
- **Quiz App**: quiz-app கோப்புறையில் `npm run dev` இயக்கவும்
- **திட்டங்கள்**: HTML திட்டங்களுக்கு VS Code Live Server நீட்டிப்பை பயன்படுத்தவும்
- **API திட்டங்கள்**: தொடர்புடைய API அடைவுகளில் `npm start` இயக்கவும்
## சோதனை வழிகாட்டுதல்கள்
## Testing Instructions
### Quiz App சோதனை
### Quiz App Testing
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # குறியீட்டு பாணி பிரச்சனைகள் உள்ளதா என்பதை சரிபார்க்கவும்
npm run build # নির্মாணம் வெற்றியடையுமா என்பதை உறுதிசெய்க
```
### Bank API சோதனை
### Bank API Testing
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # குறியீட்டு ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗೆ ಪರಿಶೀಲಿಸಿ
node server.js # பிழைகள் இல்லாமல் சர்வர் துவங்குவதை சரிபார்க்கவும்
```
### பொதுவான சோதனை அணுகுமுறை
### General Testing Approach
- இது விரிவான தானியங்கி சோதனைகள் இல்லாத கல்வி களஞ்சியம்
- கையேடு சோதனை முக்கியமாக:
- குறியீட்டு உதாரணங்கள் பிழையின்றி இயங்க வேண்டும்
- ஆவணங்களில் உள்ள இணைப்புகள் சரியாக வேலை செய்ய வேண்டும்
- திட்டங்கள் வெற்றிகரமாக உருவாக்கப்பட வேண்டும்
- உதாரணங்கள் சிறந்த நடைமுறைகளை பின்பற்ற வேண்டும்
- கையால் சோதனை கவனம் செலுத்தும்:
- குறியீடு உதாரணங்கள் பிழையின்றி இயங்குவதை
- ஆவணங்களில் உள்ள இணைப்புகள் சரியாக இயங்குவதை
- திட்ட கட்டுப்பாடுகள் வெற்றிகரமாக முடிவடையதை
- உதாரணங்கள் சிறந்த நடைமுறைகளை பின்பற்றுவதை
### சமர்ப்பிக்கும் முன் சோதனைகள்
### Pre-submission Checks
- `npm run lint` ஐ package.json கொண்ட அடைவுகளில் இயக்கவும்
- Markdown இணைப்புகள் செல்லுபடியாக உள்ளதா என்பதை உறுதிப்படுத்தவும்
- குறியீட்டு உதாரணங்களை browser அல்லது Node.js இல் சோதிக்கவும்
- மொழிபெயர்ப்புகள் சரியான அமைப்பை பராமரிக்கின்றன என்பதைச் சரிபார்க்கவும்
- package.json கொண்ட அடைவுகளில் `npm run lint` இயக்கவும்
- markdown இணைப்புகள் செல்லுபடியானவையாக உள்ளதா உறுதிசெய்யவும்
- குறியீடு உதாரணங்களை ப்ரௌசர் அல்லது Node.js-ல் சோதிக்கவும்
- மொழிபெயர்ப்புகள் கட்டமைப்பை பாதுகாத்துள்ளதா விசாரணை செய்யவும்
## குறியீட்டு பாணி வழிகாட்டுதல்கள்
## Code Style Guidelines
### ஜாவாஸ்கிரிப்ட்
### JavaScript
- ES6+ நவீன syntax ஐப் பயன்படுத்தவும்
- திட்டங்களில் வழங்கப்பட்ட தரநிலை ESLint கட்டமைப்புகளைப் பின்பற்றவும்
- கல்வி தெளிவுக்காக பொருத்தமான மாறி மற்றும் செயல்பாட்டு பெயர்களைப் பயன்படுத்தவும்
- கற்றுக்கொள்பவர்களுக்கு கருத்துகளைச் சேர்க்கவும்
- Prettier ஐ பயன்படுத்தி வடிவமைக்கவும் (கட்டமைக்கப்பட்ட இடங்களில்)
- நவீன ES6+ வரையறைகளை பயன்படுத்தவும்
- திட்டங்களின் வழங்கப்பட்ட நிலையான ESLint கட்டமைப்புகளை பின்பற்றவும்
- கல்வி வெளிப்பாட்டுக்கான பொருத்தமான மாறிகள் மற்றும் செயல்பாட்டுப் பெயர்களை பயன்படுத்தவும்
- கற்றலுடன் தொடர்புடைய கருத்துக்களைச் சேர்க்கவும்
- Prettier பயன்படுத்தி வடிவமைக்கவும் (நிறுவப்பட்டிருந்தால்)
### HTML/CSS
- Semantic HTML5 கூறுகள்
- பதிலளிக்கக்கூடிய வடிவமைப்பு கொள்கைகள்
- தெளிவான வகுப்பு பெயரிடும் முறைகள்
- CSS தொழில்நுட்பங்களை கற்றுக்கொள்பவர்களுக்கு விளக்கும் கருத்துகள்
- அர்த்தமுள்ள HTML5 கூறுகள்
- பதிலாற்றும்படி வடிவமைப்பு 원칙ங்கள்
- தெளிவான வகுப்பு பெயரிடல் நடைமுறைகள்
- CSS தொழில்நுட்பங்களை விளக்கும் கருத்துக்கள்
### Python
- PEP 8 பாணி வழிகாட்டுதல்கள்
- தெளிவான, கல்வி குறியீட்டு உதாரணங்கள்
- கற்றுக்கொள்வதற்கு உதவியாக உள்ள இடங்களில் வகை குறிப்புகள்
- PEP 8 ஸ்டைல் வழிகாட்டுதல்கள்
- தெளிவான, கல்வி குறியீடு உதாரணங்கள்
- கற்றலுக்கு உதவும் வகை குறிப்புகள்
### Markdown ஆவணங்கள்
### Markdown Documentation
- தெளிவான தலைப்பு வரிசை
- மொழி குறிப்புடன் குறியீட்டு தொகுதிகள்
- கூடுதல் வளங்களுக்கான இணைப்புகள்
- `images/` அடைவுகளில் screenshots மற்றும் படங்கள்
- அணுகல் வசதிக்காக படங்களுக்கு Alt text
- மொழி குறிப்பிடப்பட்ட குறியிடு தொகுதிகள்
- கூடுதல் வளங்களுக்கு இணைப்புகள்
- `images/` அடைவுகளில் படங்கள் மற்றும் ஸ்கிரீன்ஷாட்கள்
- அணுகல் வசதிக்கு படங்களுக்கான மாற்று உரை
### கோப்பு அமைப்பு
### File Organization
- பாடங்கள் வரிசையாக எண்களிடப்பட்டுள்ளன (1-getting-started-lessons, 2-js-basics, etc.)
- ஒவ்வொரு திட்டத்திற்கும் `solution/` மற்றும் `start/` அல்லது `your-work/` அடைவுகள் உள்ளன
- படங்கள் பாடத்தொகுப்பு குறிப்பிட்ட `images/` அடைவுகளில் சேமிக்கப்படுகின்றன
- மொழிபெயர்ப்புகள் `translations/{language-code}/` அமைப்பில்
- பாடங்கள் தொடர் எண்களுடன் (1-getting-started-lessons, 2-js-basics, மற்றும் மற்றவை)
- ஒவ்வொரு திட்டத்திற்கும் `solution/` மற்றும் பெரும்பாலும் `start/` அல்லது `your-work/` அடைவுகள்
- படங்கள் பாடசாலை-சிறப்பு `images/` கோப்புறைகளில்
- மொழிபெயர்ப்புகள் `translations/{language-code}/` கட்டமைப்பில்
## கட்டமைப்பு மற்றும் வெளியீடு
## Build and Deployment
### Quiz App வெளியீடு (Azure Static Web Apps)
### Quiz App Deployment (Azure Static Web Apps)
Quiz-app Azure Static Web Apps வெளியீட்டிற்கு கட்டமைக்கப்பட்டுள்ளது:
quiz-app Azure Static Web Apps பரவலுக்காக கட்டமைக்கப்பட்டுள்ளது:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # dist/ கோப்புறையை உருவாக்குகிறது
# main கிளையில் push செய்தவுடன் GitHub Actions வேலைப்பாட்டினால் பரப்புகிறது
```
Azure Static Web Apps கட்டமைப்பு:
- **App location**: `/quiz-app`
- **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **App இடம்**: `/quiz-app`
- **வெளியீட்டு இடம்**: `dist`
- **பணிச்சூழல்**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### ஆவண PDF உருவாக்கம்
### Documentation PDF Generation
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # docsify-to-pdf ஐ நிறுவவும்
npm run convert # docs இலிருந்து PDF ஐ உருவாக்கவும்
```
### Docsify ஆவணங்கள்
### Docsify Documentation
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Docsify ஐ உலகளாவியமாக நிறுவு
docsify serve # localhost:3000 இல் சேவை செய்யவும்
```
### திட்ட குறிப்பிட்ட கட்டமைப்புகள்
### Project-specific Builds
ஒவ்வொரு திட்ட அடைவிலும் தனித்துவமான கட்டமைப்பு செயல்முறை இருக்கலாம்:
- Vue திட்டங்கள்: `npm run build` உற்பத்தி தொகுதிகளை உருவாக்குகிறது
- Static திட்டங்கள்: கட்டமைப்பு படி இல்லை, கோப்புகளை நேரடியாக வழங்கவும்
ஒவ்வொரு திட்ட அடைவு தனிப்பட்ட கட்டுமான செயலியை கொண்டிருக்கும்:
- Vue திட்டங்கள்: `npm run build` மூலம் உற்பத்தி தொகுப்புகள் உருவாக்கப்படுகின்றன
- நிலையான (Static) திட்டங்கள்: கட்டுமான படி இல்லை, கோப்புகளை நேரடியாக வழங்குங்கள்
## Pull Request வழிகாட்டுதல்கள்
## Pull Request Guidelines
### தலைப்பு வடிவம்
### Title Format
மாற்றத்தின் பகுதியை விளக்கும் தெளிவான, விளக்கமான தலைப்புகளைப் பயன்படுத்தவும்:
மாற்ற இடத்தை வெளிப்படுத்தும் தெளிவான தலைப்புகளைப் பயன்படுத்தவும்:
- `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo in terrarium project`
- `[Translation] Add Spanish translation for lesson 5`
- `[Docs] Update setup instructions`
### தேவையான சோதனைகள்
### Required Checks
PR சமர்ப்பிக்கும் முன்:
1. **குறியீட்டு தரம்**:
1. **குறியீடு தரம்**:
- பாதிக்கப்பட்ட திட்ட அடைவுகளில் `npm run lint` இயக்கவும்
- அனைத்து linting பிழைகள் மற்றும் எச்சரிக்கைகளை சரிசெய்யவும்
- அனைத்து lint பிழைகளும் மற்றும் எச்சரிக்கைகளும் சரி செய்யவும்
2. **கட்டமைப்பு சரிபார்ப்பு**:
- பொருத்தமான இடங்களில் `npm run build` இயக்கவும்
- கட்டமைப்பு பிழைகள் இல்லாமல் உறுதிப்படுத்தவும்
2. **கட்டுமான சோதனை**:
- பொருத்தப்பட்டால் `npm run build` இயக்கவும்
- எந்தவொரு கட்டுமான பிழைகளும் இல்லாமல் உறுதிசெய்யவும்
3. **இணைப்பு சரிபார்ப்பு**:
- அனைத்து markdown இணைப்புகளைச் சோதிக்கவும்
- பட இணைப்புகள் வேலை செய்கின்றன என்பதை உறுதிப்படுத்தவும்
3. **இணைப்புக் சரிபார்ப்பு**:
- அனைத்து markdown இணைப்புகளும் செயலில் உள்ளனவா சோதிக்கவும்
- படம் குறிப்பு வேலை செய்வதை உறுதிசெய்யவும்
4. **உள்ளடக்க மதிப்பீடு**:
- எழுத்துப்பிழை மற்றும் இலக்கணத்தை சரிபார்க்கவும்
- குறியீட்டு உதாரணங்கள் சரியாகவும் கல்வி நோக்கத்திற்கும் பொருந்தும்
- மொழிபெயர்ப்புகள் மூல அர்த்தத்தை பராமரிக்கின்றன என்பதை உறுதிப்படுத்தவும்
4. **உள்ளடக்கம் ஆய்வு**:
- உச்சரிப்பு மற்றும் இலக்கியத்திற் கூர்மையுடன் பரிசீலனை செய்ய
- குறியீடு உதாரணங்கள் சரியான மற்றும் கல்வி நுட்பமானவையாயிருக்க வேண்டும்
- மொழிபெயர்ப்புகள் அசல் அர்த்தத்தை சரியாக பராமரிக்கின்றனவா என உறுதிசெய்யவும்
### பங்களிப்பு தேவைகள்
### Contribution Requirements
- Microsoft CLA உடன் ஒப்புக்கொள்ளவும் (முதல் PR இல் தானியங்கி சோதனை)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ஐப் பின்பற்றவும்
- விரிவான வழிகாட்டுதல்களுக்கு [CONTRIBUTING.md](./CONTRIBUTING.md) ஐப் பார்க்கவும்
- பொருத்தமான இடங்களில் PR விளக்கத்தில் பிரச்சினை எண்களை குறிப்பிடவும்
- Microsoft CLAக்கு ஒப்புதல் (முதல் PR இல் தானாக சோதனை)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) பின்பற்றவும்
- விரிவான வழிகாட்டலுக்கு [CONTRIBUTING.md](./CONTRIBUTING.md) பார்க்கவும்
- PR விளக்கத்தில் தேவையானால் குறுந்தகடு எண்ணிக்கைகளை குறிப்பிடவும்
### மதிப்பீட்டு செயல்முறை
### Review Process
- PRக்கள் பராமரிப்பாளர்கள் மற்றும் சமூகத்தால் மதிப்பீடு செய்யப்படும்
- கல்வி தெளிவு முன்னுரிமையாக உள்ளது
- குறியீட்டு உதாரணங்கள் தற்போதைய சிறந்த நடைமுறைகளைப் பின்பற்ற வேண்டும்
- மொழிபெயர்ப்புகள் துல்லியத்திற்கும் கலாச்சார பொருத்தத்திற்கும் மதிப்பீடு செய்யப்படும்
- PRகள் பராமரிப்பவர்களும் சமுதாயமும் மதிப்பாய்வு செய்கின்றனர்
- கல்வி தெளிவுக்கு முக்கியத்துவம் கொடுக்கப்படுகிறது
- குறியீடு உதாரணங்கள் தற்போதைய சிறந்த நடைமுறைகளை பின்பற்ற வேண்டும்
- மொழிபெயர்ப்புகள் துல்லியமும், பண்பாட்டு பொருத்தமும் கொண்டதாக மதிப்பாய்வதன் கீழ் உள்ளன
## மொழிபெயர்ப்பு அமைப்பு
## Translation System
### தானியங்கி மொழிபெயர்ப்பு
### Automated Translation
- co-op-translator workflow உடன் GitHub Actions ஐப் பயன்படுத்துகிறது
- தானியங்கி முறையில் 50+ மொழிகளுக்கு மொழிபெயர்க்கிறது
- மூல கோப்புகள் முக்கிய அடைவுகளில்
- மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` அடைவுகளில்
- GitHub Actions உடன் co-op-translator பணிசூழலைப் பயன்படுத்துகிறது
- 50+ மொழிகளுக்கு தானாக மொழிபெயர்க்கின்றது
- மூல கோப்புகள் பிரதான அடைவுகளில் உள்ளன
- மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` அடைவுகளில் உள்ளன
### கையேடு மொழிபெயர்ப்பு மேம்பாடுகளைச் சேர்க்க
### Adding Manual Translation Improvements
1. `translations/{language-code}/` இல் கோப்பை கண்டறியவும்
2. அமைப்பை பராமரிக்கும்போது மேம்பாடுகளைச் செய்யவும்
3. குறியீட்டு உதாரணங்கள் செயல்படுகின்றன என்பதை உறுதிப்படுத்தவும்
4. உள்ளூர் கேள்வி உள்ளடக்கத்தை சோதிக்கவும்
1. `translations/{language-code}/` கோப்பில் கோப்பை கண்டறியவும்
2. கட்டமைப்பை பாதுகாக்கவும் மாற்றங்களைச் செய்யவும்
3. குறியீடு உதாரணங்கள் செயல்படுவதை உறுதிசெய்யவும்
4. உள்ளூர் ஆன வினாடி வினாக்களை சோதிக்கவும்
### மொழிபெயர்ப்பு மெட்டாடேட்டா
### Translation Metadata
மொழிபெயர்க்கப்பட்ட கோப்புகள் மெட்டாடேட்டா தலைப்பை உள்ளடக்குகின்றன:
மொழிபெயர்க்கப்பட்ட கோப்புகளில் metadata தலைப்பு உள்ளது:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,118 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## பிழைதிருத்தம் மற்றும் சிக்கல் தீர்வு
## Debugging and Troubleshooting
### பொதுவான சிக்கல்கள்
### Common Issues
**Quiz app தொடங்க முடியவில்லை**:
**Quiz app துவங்குவதில் தோல்வி**:
- Node.js பதிப்பு சரிபார்க்கவும் (v14+ பரிந்துரைக்கப்படுகிறது)
- `node_modules` மற்றும் `package-lock.json` ஐ நீக்கி, `npm install` மீண்டும் இயக்கவும்
- port conflicts ஐ சரிபார்க்கவும் (default: Vite uses port 5173)
- `node_modules` மற்றும் `package-lock.json` நீக்கி மீண்டும் `npm install` இயக்கவும்
- போர்ட் மோதல்கள் இருக்கிறதா பார்க்கவும் (இயல்பானது: Vite போர்ட் 5173 பயன்படுத்துகிறது)
**API server தொடங்க முடியவில்லை**:
- Node.js பதிப்பு குறைந்தபட்சத்தை சந்திக்கிறது என்பதை உறுதிப்படுத்தவும் (node >=10)
- port ஏற்கனவே பயன்படுத்தப்படுகிறதா என்பதை சரிபார்க்கவும்
- `npm install` மூலம் அனைத்து சார்புகளை நிறுவவும்
**API சர்வர் தொடங்கவில்லை**:
- குறைந்தபட்ச Node.js பதிப்பு உறுதி செய்யவும் (node >=10)
- போர்ட் பயன்படுத்தப்படுகிறதா என சரிபார்க்கவும்
- `npm install` மூலம் அனைத்து சார்பு பொருட்களும் நிறுவப்பட்டுள்ளனவா பார்த்துக்கொள்ளவும்
**Browser extension ஏற்ற முடியவில்லை**:
- manifest.json சரியாக வடிவமைக்கப்பட்டதா என்பதை உறுதிப்படுத்தவும்
- browser console இல் பிழைகளைச் சரிபார்க்கவும்
- browser-specific extension நிறுவல் வழிகாட்டுதல்களைப் பின்பற்றவும்
**Browser extension துவங்கவில்லை**:
- manifest.json சரியாக வடிவமைக்கப்பட்டுள்ளதா பார்க்கவும்
- ப்ரௌசர் கன்சோலில் பிழைகள் உள்ளனவா என பரிசோதிக்கவும்
- ப்ரௌசர் குறிப்பிட்ட நீட்டிப்பு நிறுவல் வழிமுறைகளை பின்பற்றவும்
**Python chat project சிக்கல்கள்**:
- OpenAI package நிறுவப்பட்டதா என்பதை உறுதிப்படுத்தவும்: `pip install openai`
- GITHUB_TOKEN சூழல் மாறி அமைக்கப்பட்டதா என்பதை உறுதிப்படுத்தவும்
- GitHub Models அணுகல் அனுமதிகளைச் சரிபார்க்கவும்
**Python chat திட்ட பிரச்சினைகள்**:
- OpenAI பேக்கேஜ் நிறுவப்பட்டுள்ளது என உறுதிசெய்யவும்: `pip install openai`
- GITHUB_TOKEN சுற்றுச்சூழல் மாறி அமைக்கப்பட்டுள்ளது என சரிபார்க்கவும்
- GitHub Models அணுகல் அனுமதிகள் சரிபார்க்கவும்
**Docsify ஆவணங்கள் வழங்கப்படவில்லை**:
- docsify-cli ஐ உலகளவில் நிறுவவும்: `npm install -g docsify-cli`
- களஞ்சியத்தின் root அடைவிலிருந்து இயக்கவும்
- `docs/_sidebar.md` உள்ளது என்பதைச் சரிபார்க்கவும்
**Docsify ஆவணங்கள் வழங்கவில்லை**:
- docsify-cli உலகளாவியமாக நிறுவவும்: `npm install -g docsify-cli`
- களஞ்சியம் ரூட் அடைவில் தொடங்கு
- `docs/_sidebar.md` உள்ளது என உறுதிசெய்யவும்
### மேம்பாட்டு சூழல் குறிப்புகள்
### Development Environment Tips
- HTML திட்டங்களுக்கு VS Code உடன் Live Server extension ஐப் பயன்படுத்தவும்
- ஒரே மாதிரியான வடிவமைக்க ESLint மற்றும் Prettier extensions ஐ நிறுவவும்
- JavaScript பிழைகளை சரிசெய்ய browser DevTools ஐப் பயன்படுத்தவும்
- Vue திட்டங்களுக்கு Vue DevTools browser extension ஐ நிறுவவும்
- HTML திட்டங்களுக்கு VS Code Live Server நீட்டிப்பை பயன்படுத்தவும்
- ஒழுங்குபடுத்த நிலையான ESLint மற்றும் Prettier நீட்டிப்புகளை நிறுவவும்
- JavaScript பிழைத்திருத்தத்திற்கு ப்ரௌசர் DevTools பயன்படுத்தவும்
- Vue திட்டங்களுக்கு Vue DevTools ப்ரௌசர் நீட்டிப்பை நிறுவவும்
### செயல்திறன் கருத்துகள்
### Performance Considerations
- மொழிபெயர்க்கப்பட்ட கோப்புகளின் (50+ மொழிகள்) பெரிய எண்ணிக்கை முழு clones பெரியதாக இருக்கும்
- உள்ளடக்கத்தில் மட்டுமே வேலை செய்ய shallow clone ஐப் பயன்படுத்தவும்: `git clone --depth 1`
- ஆங்கில உள்ளடக்கத்தில் வேலை செய்யும்போது மொழிபெயர்ப்புகளை தேடல்களில் இருந்து விலக்கவும்
- முதல் இயக்கத்தில் கட்டமைப்பு செயல்முறைகள் மெதுவாக இருக்கலாம் (npm install, Vite build)
- மொழிபெயர்க்கப்பட்ட கோப்புகளின் பெரும் தொகை (50+ மொழிகள்) முழு கிளோன்கள் பெரியதாக இருக்கின்றன
- உள்ளடக்கத்தில் மட்டுமே வேலை செய்ய shallow clone பயன்படுத்தவும்: `git clone --depth 1`
- ஆங்கில உள்ளடக்கத்தில் வேலை செய்வ போது மொழிபெயர்ப்புகளை தேடலில் இருந்து விலக்கு
- முதல் முறையும் npm install மற்றும் Vite build போன்ற கட்டுமான செயலிகள் மெதுவாக இயங்கலாம்
## பாதுகாப்பு கருத்துகள்
## Security Considerations
### சூழல் மாறிகள்
### Environment Variables
- API கீக்கள் களஞ்சியத்தில் commit செய்யக்கூடாது
- `.env` கோப்புகளைப் பயன்படுத்தவும் (`.gitignore` இல் ஏற்கனவே உள்ளது)
- தேவையான சூழல் மாறிகளை திட்ட READMEக்களில் ஆவணப்படுத்தவும்
- API விசைகள் ஒருபோதும் களஞ்சியத்தில் சேர்க்கப்பட கூடாது
- `.env` கோப்புகளை பயன்படுத்தவும் (ஈடுபாடுகள் `.gitignore`ல் உள்ளன)
- தேவையான சுற்றுச்சூழல் மாறிகள் திட்ட READMEகளில் ஆவணப்படுத்தப்பட்டுள்ளது
### Python திட்டங்கள்
### Python Projects
- மெய்நிகர் சூழல்களைப் பயன்படுத்தவும்: `python -m venv venv`
- சார்புகளை புதுப்பித்து வைத்திருக்கவும்
- GitHub tokens குறைந்தபட்ச தேவையான அனுமதிகளுடன் இருக்க வேண்டும்
- மெய்நிகர் சுற்றுச்சூழல்கள் பயன்படுத்தவும்: `python -m venv venv`
- சார்புப் பொருள் பண்புகளை புதுப்பித்து வைக்கவும்
- GitHub டோக்கன்கள் குறைந்தபட்ச உரிமைகளுடன் இருக்க வேண்டும்
### GitHub Models அணுகல்
### GitHub Models Access
- GitHub Models க்கு Personal Access Tokens (PAT) தேவை
- Tokens சூழல் மாறிகளாக சேமிக்கப்பட வேண்டும்
- Tokens அல்லது அங்கீகாரங்களை commit செய்யக்கூடாது
- GitHub Modelsக்கு தனிப்பட்ட அணுகல் டோக்கன்கள் (PAT) தேவை
- டோக்கன்களை சுற்றுச்சூழல் மாறிகளாக சேமிக்கவும்
- டோக்கன்கள் அல்லது கடவுச்சொற்கள் ஒருபோதும் commit செய்ய கூடாது
## கூடுதல் குறிப்புகள்
## Additional Notes
### இலக்கு பார்வையாளர்கள்
### Target Audience
- வலை மேம்பாட்டில் முழுமையாக தொடக்கநிலை உள்ளவர்கள்
- மாணவர்கள் மற்றும் சுய கற்றுக்கொள்பவர்கள்
- பாடத்திட்டத்தை வகுப்பறைகளில் பயன்படுத்தும் ஆசிரியர்கள்
- உள்ளடக்கம் அணுகல் வசதிக்காகவும் படிப்படியாக திறன்களை உருவாக்குவதற்காகவும் வடிவமைக்கப்பட்டுள்ளது
- வலை முன்னேற்றத்தின் முழுமையான ஆரம்பகட்ட பயனாளிகள்
- மாணவர்கள் மற்றும் சுய கற்றலாளர்கள்
- வகுப்பறையில் பாடத்திட்டத்தை பயன்படுத்தும் ஆசிரியர்கள்
- அணுகல் வசதி மற்றும் படிப்படியாக திறனை வளர்ப்பதற்கான உள்ளடக்கம்
### கல்வி தத்துவம்
### Educational Philosophy
- திட்ட அடிப்படையிலான கற்றல் அணுகுமுறை
- அடிக்கடி அறிவு சோதனைகள் (கேள்விகள்)
- நடைமுறை குறியீட்டு பயிற்சிகள்
- உண்மையான உலக பயன்பாட்டு உதாரணங்கள்
- frameworks க்கு முன்னர் அடிப்படைகளை மையமாகக் கொண்டது
- அடிக்கடியாக அறிவு தேர்வுகள் (வினாடி வினாக்கள்)
- செயலில் குறியீடு பயிற்சிகள்
- நிஜ உலக பயன்பாட்டு உதாரணங்கள்
- கட்டமைப்புகளுக்கு முன் அடிப்படைகளில் கவனம்
### களஞ்சிய பராமரிப்பு
### Repository Maintenance
- கற்றுக்கொள்பவர்களும் பங்களிப்பாளர்களும் கொண்ட செயலில் உள்ள சமூகத்துடன்
- சார்புகள் மற்றும் உள்ளடக்கத்திற்கு முறைப்படி புதுப்பிப்புகள்
- பராமரிப்பாளர்களால் கண்காணிக்கப்படும் பிரச்சினைகள் மற்றும் விவாதங்கள்
- GitHub Actions மூலம் தானியங்கி மொழிபெயர்ப்பு புதுப்பிப்புகள்
- ஊக்கமுள்ள கற்றல் மற்றும் பங்களிப்பு சமுகம்
- சார்பு பொருள்கள் மற்றும் உள்ளடக்கம் வழக்கமான புதுப்பிப்புகள்
- பிரச்சினைகள் மற்றும் சித்தரங்கள் பராமரிப்பவர்களால் கண்காணிப்பு
- மொழிபெயர்ப்பு புதுப்பிப்புகள் GitHub Actions மூலம் தானாக நடைபெறும்
### தொடர்புடைய வளங்கள்
### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) கற்றுக்கொள்பவர்களுக்கு பரிந்துரைக்கப்படுகிறது
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) கற்றலாளர்களுக்கு பரிந்துரைக்கப்படுகிறது
- கூடுதல் பாடநெறிகள்: Generative AI, Data Science, ML, IoT பாடத்திட்டங்கள் கிடைக்கின்றன
### குறிப்பிட்ட திட்டங்களுடன் வேலை செய்ய
### Working with Specific Projects
தனிப்பட்ட திட்டங்களுக்கான விரிவான வழிகாட்டுதல்களுக்கு, README கோப்புகளைப் பார்க்கவும்:
- `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - Authentication உடன் Banking application
- `5-browser-extension/README.md` - Browser extension மேம்பாடு
- `6-space-game/README.md` - Canvas அடிப்படையிலான விளையாட்டு மேம்பாடு
- `9-chat-project/README.md` - AI chat assistant திட்டம்
தனித்தனிப் திட்டங்களுக்கான விரிவான விபரங்களுக்கு, கீழ்கண்ட README கோப்புகளைக் காணவும்:
- `quiz-app/README.md` - Vue 3 வினாடி வினா பயன்பாடு
- `7-bank-project/README.md` - அங்கீகாரம் கொண்ட வங்கிக் கூட்டான செயலி
- `5-browser-extension/README.md` - ப்ரௌசர் நீட்சிகள் மேம்பாடு
- `6-space-game/README.md` - கேன்வாஸ் அடிப்படையிலான விளையாட்டு மேம்பாடு
- `9-chat-project/README.md` - AI உரையாடல் உதவியாளர் திட்டம்
### Monorepo அமைப்பு
### Monorepo Structure
இது பாரம்பரிய Monorepo அல்ல, ஆனால் இந்த களஞ்சியத்தில் பல தனித்துவமான திட்டங்கள் உள்ளன:
- ஒவ்வொரு பாடத்தொகுப்பும் தனித்துவமானது
- திட்டங்கள் சார்புகளைப் பகிர்ந்து கொள்ளவில்லை
- மற்றவற்றை பாதிக்காமல் தனிப்பட்ட திட்டங்களில் வேலை செய்யவும்
- முழு பாடத்திட்ட அனுபவத்திற்காக முழு களஞ்சியத்தை Clone செய்யவும்
சாதாரணமான மொனோரெப்போ அல்லாவிட்டாலும், இந்த களஞ்சியம் பல தனித்தாண்டு திட்டங்களை கொண்டுள்ளது:
- ஒவ்வொரு பாடமும் தனிப்பட்டதாக உள்ளது
- திட்டங்கள் சார்பு பகிர்ந்து கொள்ளவில்லை
- தனிநபர் திட்டங்களில் வேலை செய்து மற்றவர்களுக்கு பாதிப்பிடாமல் செயல் படுத்தலாம்
- முழு பாடத்திட்ட அனுபவத்துக்கு முழு களஞ்சியத்தை கிளோன் செய்யவும்
---
**குறிப்பு**:
இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற AI மொழிபெயர்ப்பு சேவையைப் பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயற்சிக்கின்றோம், ஆனால் தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறான தகவல்கள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனத்தில் கொள்ளுங்கள். அதன் தாய்மொழியில் உள்ள மூல ஆவணம் அதிகாரப்பூர்வ ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்தவொரு தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பல்ல.
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**வெளியீட்டு குறிப்புரை**:
இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற AI மொழிபெயர்ப்பு சேவையைப் பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயற்சி செய்கிறோம் என்றாலும், தானியங்கி மொழிபெயர்ப்புகளில் தவறுகள் அல்லது பிழைகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனத்தில் கொள்ளவும். அசல் ஆவணம் அதன் சொந்த மொழியில் அதிகாரப்பூர்வமான மூலமாகக் கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைக்கிறோம். இந்த மொழிபெயர்ப்பின் பயன்பாட்டால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பானவர்கள் அல்ல.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

226
translations/ta/README.md
Unescape View File

@ -10,210 +10,210 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ஆரம்பநிலை குழுவினருக்கான வலைத்தளம் மேம்பாடு - ஒரு பாடத்திட்டம்
# Web Development for Beginners - ஒரு பாடத்திட்டம்
Microsoft Cloud Advocates வழங்கும் 12 வார விரிவான படிப்பில் வலைத்தளம் மேம்பாட்டின் அடிப்படைகளை கற்றுக்கொள்ளவும். 24 பாடங்கள் ஒவ்வொன்றும் terrariums, browser extensions மற்றும் space games போன்ற தேர்வுசெய்யக்கூடிய திட்டங்களிலிருந்து JavaScript, CSS மற்றும் HTML களில் விரிவாக கற்றுத்தருகிறது. வினாக்கள், விவாதங்கள் மற்றும் நடைமுறைப் பண பணிகளை அடக்கம் செய்கிறது. உங்கள் திறன்களை மேம்படுத்தவும் மற்றும் அறிவு retention ஐ எங்கள் பயனுள்ள திட்ட அடிப்படையிலான கற்றல் முறையுடன் மேம்படுத்தவும். இன்று உங்கள் குறியீட்டு பயணத்தை துவங்குங்கள்!
Microsoft Cloud Advocates மூலம் வழங்கப்படும் 12 வார விரிவான பாடநெறியுடன் வலை அபிவிருத்தியின் அடிப்படைகளை கற்றுக்கொள்ளுங்கள். 24 பாடங்களின் ஒவ்வொன்றும் JavaScript, CSS மற்றும் HTMLஐ terrariums, browser extensions மற்றும் space games போன்ற நடைமுறைத் திட்டங்களின் மூலம் ஆராய்கிறது. வினா பதில்கள், விவாதங்கள் மற்றும் நடைமுறை பணிகள் மூலம் ஈடுபடுங்கள். உங்கள் திறன்களை மேம்படுத்தவும் எங்கள் பயனுள்ள திட்ட-அடிப்படையிலான பாடத்திட்டத்துடன் உங்கள் அறிவை சிறப்பாக நினைவூட்டவும். இன்று உங்கள் குறியாக்க பாதையை துவங்குங்கள்!
Azure AI Foundry Discord சமூகத்தில் சேரவும்
Azure AI Foundry Discord சமுதாயத்தில் சேருங்கள்
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
இந்த வளங்களை பயன்படுத்த தொடங்க கீழ்காணும் படிகளை பின்பற்றவும்:
1. **கிடையறிப்பு படிமத்தை கிளோன் செய்க**: கிளிக் செய்க [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **கிடையறிப்பை உலா**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord ஐச் சேர்ந்து வல்லுநர்களையும் மற்ற டெவலப்பர்களையும் சந்திக்கவும்**](https://discord.com/invite/ByRwuEEgH4)
இந்த வளங்களை பயன்படுத்த ஆரம்பிக்க இந்த படிகளை பின்பற்றவும்:
1. **காப்பகத்தை 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. **காப்பகத்தை Clone செய்யவும்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discordஇல் சேர்ந்து நிபுணர்களையும் மற்ற அபிவிருத்தியாளர்களையும் சந்திக்கவும்**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 பன்மொழி ஆதரவு
### 🌐 பல மொழி ஆதரவு
#### GitHub Action மூலம் ஆதரிக்கப்படுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படுகிறது)
#### GitHub Action மூலம் ஆதரவு பெறுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படுகிறதும்)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [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](./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 செய்ய விரும்புகிறீர்களா?**
> இந்த கிடையறுப்பு 50+ மொழி மொழிபெயர்ப்புகளை உள்ளடக்குகிறது, இது பதிவிறக்கம் அளவை மிகவும் அதிகரிக்கிறது. மொழிபெயர்ப்புகள் இல்லாமல் கிளோன் செய்ய sparse checkout பயன்படுத்தவும்:
> இப்பகுதி 50+ மொழி மொழிபெயர்ப்புக்களை கொண்டுள்ளது, இது பதிவிறக்க அளவை பெரிதாக அதிகரிக்கிறது. மொழி மொழிபெயர்ப்புக்கள் இல்லாமல் Clone செய்ய sparse checkout பயன்படுத்தவும்:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> இது பாடத்திட்டத்தை முடிக்க தேவையான அனைத்தையும் தருகிறது, மேலும் வேகம் அதிகமாக பதிவிறக்கியிடும்.
> இதனால் நீங்கள் பாடநெறியை முடிக்க தேவையான அனைத்தும் விரைவாகப் பதிவிறக்கம் செய்யலாம்.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**மேலும் மொழிபெயர்ப்புகள் ஆதரிக்கப்பட வேண்டுமானால் [இங்கே](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) பட்டியலிடப்பட்டுள்ளது**
**கூடுதல் மொழிபெயர்ப்புக்கள் தேவையெனில் இங்கே பட்டியலிடப்பட்டுள்ளது [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _நீங்கள் ஒரு மாணவரா?_
[**Student Hub பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்வையிட்டு, அங்குள்ள ஆரம்பநிலை வளங்கள், மாணவர் பதிவுகள் மற்றும் இலவச சான்றிதழ் வவுச்சர் பெறும் வழிகளைக் காணலாம். மாதம் முறை மாற்றப்படும் எனவே இந்தப் பக்கத்தை புக் மார்க் செய்து கல்வி தொடருங்கள்.
[**Student Hub பக்கத்துக்கு**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) செல்லவும், அங்கு நீங்கள் துவக்கவியல் வளங்கள், மாணவர் பாக்கெட்கள் மற்றும் இலவச சான்றிதழ் வாக்குச்சீட்டை பெறும் வழிகளையும் காணலாம். மாதந்தோறும் உள்ளடக்கங்களை மாற்றி குழந்தை நீங்கள் இந்தப் பக்கத்தை முன்பதிவு செய்து சமயசமயம் பாருங்கள்.
### 📣 அறிவிப்பு - புதிய GitHub Copilot Agent முறை சவால்கள்!
### 📣 அறிவிப்பு - புதிய GitHub Copilot சந்தை முகவர் முறை சவால்கள் பூர்த்தி செய்ய!
புதிய சவால் சேர்க்கப்பட்டுள்ளது, பெரும்பாலான அத்தியாயங்களில் "GitHub Copilot Agent Challenge 🚀" தேடவும். இது GitHub Copilot மற்றும் Agent முறையை பயன்படுத்தி நீங்கள் நிறைவேற்ற வேண்டிய புதிய சவால். நீங்கள் Agent முறையை முன்பு பயன்படுத்தவில்லை என்றால், இது குறிப்புகள் உருவாக்குவதோடு மட்டுமல்லாமல் கோப்புகளை உருவாக்கவும் திருத்தவும், கட்டளைகளை இயக்கவும் திறன் வாய்ந்தது.
புதிய சவால் சேர்க்கப்பட்டுள்ளது, பெரும்பாலான அத்தியாயங்களில் "GitHub Copilot Agent Challenge 🚀" என்பதைத் தேடுங்கள். இது GitHub Copilot மற்றும் Agent முறையைப் பயன்படுத்தி நீங்கள் பூர்த்தி செய்யக் கூடிய புதிய சவால் ஆகும். நீங்கள் முன்பு Agent முறையைப் பயன்படுத்தவில்லை என்றால், இது வெறும் உரையை உருவாக்குவதோடு மட்டுமில்லாமல் கோப்புகளை உருவாக்கவும், திருத்தவும், கட்டளைகளை இயக்கவும் முடியும்.
### 📣 அறிவிப்பு - _Generative AI பயன்படுத்தி புதிய திட்டம் கட்டு_
### 📣 அறிவிப்பு - _Generative AI பயன்படுத்தி கட்ட புதிய திட்டம்_
புதிய AI உதவியாளர் திட்டம் சேர்க்கப்பட்டுள்ளது, [திட்டத்தை](./9-chat-project/README.md) பார்க்கவும்
புதிய AI உதவியாளர் திட்டம் சேர்க்கப்பட்டுள்ளது, அதைப் பார்க்கவும் [project](./9-chat-project/README.md)
### 📣 அறிவிப்பு - _Generative AI க்கு புதிய பாடத்திட்டம் JavaScript இல் வெளியிடப்பட்டது_
### 📣 அறிவிப்பு - _Generative AI க்கான புதிய பாடத்திட்டம்_ JavaScriptக்கு வெளியிடப்பட்டுள்ளதா
எங்கள் புதிய Generative AI பாடத்திட்டத்தை தவறவிடாதீர்கள்!
தொடங்க https://aka.ms/genai-js-course செல்லவும்!
துவங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) செல்லவும்!
![இட பக்கம்](../../translated_images/ta/background.148a8d43afde5730.webp)
![Background](../../translated_images/ta/background.148a8d43afde5730.webp)
- அடிப்படைகளிலிருந்து RAG வரை அனைத்து பாடங்களும்.
- வரலாற்று கதாபாத்திரங்களுடன் GenAI மற்றும் எங்கள் செயலியுடன் தொடர்பு கொள்ளவும்.
- வேடிக்கையான மற்றும் ஈடுபாட்டான கதை, நீங்கள் காலத்தில் பயணம் செய்வீர்கள்!
- அடிப்படையிலிருந்து RAG வரை உள்ள பாடங்கள்.
- வரலாற்று பாத்திரங்களுடன் GenAI மற்றும் எங்கள் துணை செயலியைப் பயன்படுத்தி தொடர்பு கொள்ளவும்.
- சந்தோஷமும் ஈடுபட்ட கதையும், நீங்கள் கால பயணம் செய்யும் அனுபவம் பெறுவீர்கள்!
![கதாபாத்திரம்](../../translated_images/ta/character.5c0dd8e067ffd693.webp)
![character](../../translated_images/ta/character.5c0dd8e067ffd693.webp)
ஒவ்வொரு பாடமும் ஒரு பணியை நிறைவேற்ற, அறிவு சோதனை மற்றும் சவாலை உள்ளடக்கியது, இது கீழ்காணும் தலைப்புகளை கற்றுக்கொள்ள வழிகாட்டிறது:
- கேட்டியலும் கேட்டியலியலமைப்பும்
- உரை மற்றும் பட செயலி உருவாக்கம்
ஒவ்வொரு பாடத்திலும் ஒரு பணிகளை பூர்த்தி செய்ய வேண்டும், ஒரு அறிவு சோதனை மற்றும் கீழ்க்காணும் தலைப்புகளில் கற்பதற்கு வழிகாட்டும் சவால் உள்ளது:
- Prompting மற்றும் prompt engineering
- உரை மற்றும் படம் செயலி உருவாக்கல்
- தேடல் செயலிகள்
தொடங்க 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 கணக்கில் பாடத்திட்டத்தின் பிரத.Copy-உள்ள புதிய காப்பகம் உருவாகும்.
வழிமுறைகள்:
1. **கிடையறிப்பு கிளோன் செய்க**: இந்த பக்கத்தின் மேல்-வலது முடியில் உள்ள "Fork" பொத்தானை அழுத்தவும்.
2. **கிடையறிப்பை கிளோன் செய்க**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
இந்த படிகளை பின்பற்றவும்:
1. **காப்பகத்தை Fork செய்யவும்**: இந்தப் பக்கத்தின் மேல்-வலப்புற பகுதியிலுள்ள "Fork" பொத்தானை அழுத்தவும்.
2. **காப்பகத்தை Clone செய்யவும்**: `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/ta/createcodespace.0238bbf4d7a8d955.webp)
#### உங்கள் கணினியில் உள்ளார் பாடத்திட்டத்தை இயக்குதல்
#### உங்கள் கணினியில் பாடத்திட்டத்தை இயக்குதல்
நீங்கள் பாடத்திட்டத்தை உங்கள் கணினியில் இயக்க, ஒரு உரை தொகுப்பாளரை, ஒரு உலாவியை மற்றும் கட்டளை வரி கருவியைப் பயன்படுத்த வேண்டும். எமது முதல் பாடம் [Programming Languages and Tools of the Trade அறிமுகம்](../../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), இதில் இனிமேல் மேலோட்டமாக உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) உள்ளது. Visual Studio Code ஐ [இங்கே](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) பதிவிறக்கம் செய்யலாம்.
எங்கள் பரிந்துரை [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ஐ தொகுப்பியாகப் பயன்படுத்துவது, இது உள்ளமைக்கப்பட்ட [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) உடையது. Visual Studio Code ஐ [இங்கு](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) முதல் பதிவிறக்கலாம்.
1. உங்கள் கிடையறிப்பை உங்கள் கணினியில் கிளோன் செய்யவும். இதற்கானதானது **Code** பொத்தானை கிளிக் செய்து URL ஐ நகலெடுக்கவும்:
1. உங்கள் கணினிக்கு காப்பகத்தை Clone செய்யவும். இது செய்ய, **Code** பொத்தானை அழுத்தி URL ஐ நகலெடுத்து பயன்படுத்தவும்:
[CodeSpace](./images/createcodespace.png)
அதன்பிறகு, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐ திறந்து, மேற்கோள் எடுத்த URL ஐ <your-repository-url> மாற்றி கீழ்காணும் கட்டளைச் செயலைப் பின்பற்றவும்:
அடுத்து, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)-இனை திறந்து, நீங்கள் இப்போது நகலெடுத்த URL-ஐ `<your-repository-url>` என்ற இடத்தில் மாற்றி கீழ்க்காணும் கட்டளையை இயக்கவும்:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code இல் கோப்புறைத் திறக்கவும். நீங்கள் இவ்வாறு செய்யலாம்: **File** > **Open Folder** என்பதைக் கிளிக் செய்து, நீங்கள் அண்மை திறந்துள்ள கோப்புறையைத் தேர்ந்தெடுக்கவும்.
2. Visual Studio Code-இல் கோப்புறை (folder) ஐ திறக்கவும். இதற்கு, **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) - Visual Studio Code இல் HTML பக்கங்களை முன்னோட்டம் காண
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - விரைவாகக் குறியீடு எழுதி உதவ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code இல் HTML பக்கங்களை முன்னோட்டம் பார்க்க
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - எளிதாக விரைவாகக் கோடை எழுத உதவும்
## 📂 ஒவ்வொரு பாடத்திலும் அடங்கும்:
## 📂 ஒவ்வொரு பாடத்திலும் உள்ளவை:
- விருப்பமான ட்ராஃப்ட் நோட்
- விருப்பமான ஆதார வீடியோ
- பாடமுக்கு முன் முன்னிறுத்தும் வினாத்தாள்
- எழுத்துப்பாடம்
- திட்ட அடிப்படையிலான பாடங்களில், திட்டத்தை கட்டமைப்பதில் படி படி வழிகாட்டல்கள்
- அறிவு சோதனை
- விருப்பமான ஸ்கெட்ச் நோட்
- விருப்பமான கூடுதல் வீடியோ
- பாடத்துக்கு முன் ஒரு சுடுகாடு வினாக்கள்
- எழுதப்பட்ட பாடம்
- திட்ட அடிப்படையிலான பாடங்களில், திட்டத்தை எப்படி கட்டமைப்பது என்பதற்கான படி படி வழிகாட்டிகள்
- அறிவு சோதனைகள்
- ஒரு சவால்
- ஆதாரப் படிப்புகள்
- பணிகள்
- [பாடம் முடிந்த பின் வினாத்தாள்](https://ff-quizzes.netlify.app/web/)
- கூடுதல் வாசிப்பு
- பணிச்செய்தி
- [பாடத்துக்கு பின் வினாக்கள்](https://ff-quizzes.netlify.app/web/)
> **வினாத்தாள்கள் குறித்த குறிப்பு**: அனைத்து வினாத்தாள்களும் Quiz-app என்ற கோப்புறையில் உள்ளன, மொத்தம் 48 வினாத்தாள்கள், ஒவ்வொன்றும் 3 கேள்விகள் கொண்டவை. அவை [இங்கே](https://ff-quizzes.netlify.app/web/) கிடைக்கின்றன. Quiz app உள்ளூர் இயங்கும் அல்லது Azure இல் வெளியிடலாம்; `quiz-app` கோப்புறையின் வழிகாட்டல்களைப் பின்தொடரவும்.
> **வினாக்கள் குறித்து குறிப்புரை**: அனைத்து வினாக்களும் Quiz-app கோப்புறையில் உள்ளன, ஒவ்வொன்றும் மூன்று கேள்விகளைக் கொண்ட 48 மொத்த வினாக்கள். அவை [இங்கு](https://ff-quizzes.netlify.app/web/) கிடைக்கும். Quiz app-ஐ உங்கள் கணினியில் இயக்கலாம் அல்லது Azure-க்கு வெளியிடலாம்; `quiz-app` கோப்புறையில் உள்ள வழிமுறைகளை பின்பற்றவும்.
## 🗃️ பாடங்கள்
| | திட்டத்தின் பெயர் | கல்வி கொடுக்கும் கருத்துக்கள் | கற்புத் திறன் குறிக்கோள்கள் | தொடர்புடைய பாடம் | ஆசிரியர் |
| :-: | :----------------------------------------------------------: | :------------------------------------------------------------------------: | -----------------------------------------------------------------------------------------------------------------------------------------------------------------| :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | துவக்கம் | நிரலாக்க அறிமுகம் மற்றும் உபகரணங்கள் | பல நிரலாக்க மொழிகளின் அடிப்படைகளை அறிந்து, தொழில்முறை அபிவிருத்தியாளர்களின் பணிகளை எளிதாக்கும் மென்பொருட்களைப் பற்றி தெரிந்து கொள்ளவும் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | துவக்கம் | GitHub அடிப்படைகள், குழுவுடன் வேலை செய்யும் முறைகள் | உங்கள் திட்டத்தில் GitHub ஐ பயன்படுத்துவது எப்படி, குறியீட்டு அடித்தளத்தில் மற்றவர்களுடன் சேர்ந்து பணியாற்றுவது எப்படி என்பதை அறிக | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | துவக்கம் | அணுகல் வசதிகள் | வலை அணுகல் வசதியின் அடிப்படைகளை கற்று கொள்ளவும் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS அடிப்படைகள் | JavaScript தரவு வகைகள் | JavaScript தரவு வகைகளின் அடிப்படைகள் | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | செயலியின் தரவுத்தொகுப்பைக் கையாள செயல்பாடுகள் மற்றும் முறைகள் பற்றி கற்று கொள்ளவும் | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine மற்றும் Christopher |
| 06 | JS அடிப்படைகள் | JS மூலம் முடிவெடுக்கல் | உங்கள் குறியீட்டில் முடிவெடுத்தல் முறைமைகளைப் பயன்படுத்தி நிபந்தனைகளை உருவாக்குவது எப்படி என்பதை கற்றுக்கொள்ளவும் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS அடிப்படைகள் | வரிசைகள் மற்றும் மடங்குகள் | JavaScript இல் வரிசைகள் மற்றும் மடங்குகளைப் பயன்படுத்தி தரவுடன் பணியாற்றவும் | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | நடைமுறை HTML | ஆன்லைன் டெரேரியத்தை உருவாக்க HTML ஐ கட்டுமானத்தை கவனித்து அமைக்கவும் | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | நடைமுறை CSS | ஆன்லைன் டெரேரியத்தை அலங்கரிக்க CSS இன் அடிப்படைகளைப் பயன்படுத்தி பேஜ் பதிலளிப்பை உருவாக்கவும் | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript மூடல்கள், DOM கையாளல் | டெரேரியத்தை இழுத்து விடும் இடைமுகமாக செயல்பட JavaScript எழுதி, மூடல்கள் மற்றும் DOM கையாள்வது பற்றிய கவனம் செலுத்தவும் | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | டைப் விளையாட்டை உருவாக்குதல் | உங்கள் JavaScript செயலியின் நிரலை இயக்குவதற்கு விசைத்தாள் நிகழ்வுகளைப் பயன்படுத்துவது எப்படி என்பதை கற்று கொள்ளவும் | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவியில் பணியாற்றுதல் | உலாவிகள் எப்படி செயல்படுகின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்டிப்பு முதல் கூறுக்களை உருவாக்குவது எப்படி என்பதை கற்று கொள்ளவும் | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவத்தை உருவாக்கல், API அழைப்பு மற்றும் உள்ளூர் சேமிப்பில் மாறிலிகள் சேமித்தல் | உள்ளூர் சேமிப்பில் மாறிலிகளைப் பயன்படுத்தி API-ஐ அழைக்கும் உலாவி நீட்டிப்பின் JavaScript கூறுகளை உருவாக்கவும் | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவியில் பின்னணி செயலிகள், வலை செயல்திறன் | நீட்டிப்பின் ஐகானைக் கையாள உலாவியின் பின்னணி செயலிகளைப் பயன்படுத்தவும்; வலை செயல்திறன் மற்றும் சிறந்த முன்னேற்றங்களை அறியவும் | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript மூலம் மேம்பட்ட விளையாட்டு அபிவிருத்தி | வகுப்பு மற்றும் தொகுப்பை பயன்படுத்தி மரபுரிமை மற்றும் Pub/Sub முறையைப் பற்றி கற்று, விளையாட்டு உருவாக்கத்திற்கு தயாராகவும் | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | கேன்வாஸ் வரைபடம் | திரையில் கூறுகளை வரைய பயன்படுத்தப்படும் கேன்வாஸ் API பற்றி அறிக | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | திரையின் சுற்றிலும் கூறுகளை நகர்த்துதல் | கார்டீசியன் நிரல்புள்ளிகள் மற்றும் கேன்வாஸ் API பயன்படுத்தி கூறுகளை இயக்குவதனை அறிக | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | மோதல் கண்டறிதல் | விசை அழுத்தங்களைப் பயன்படுத்தி கூறுக்கள் ஒன்றுடன் ஒன்று மோதிச் செயல்பட வைக்கவும், விளையாட்டின் செயல்திறனை உறுதி செய்ய குளிர்ச்சி செயலியை வழங்கவும் | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | கணக்கீடு பாதுகாப்பு | விளையாட்டின் நிலை மற்றும் செயல்திறனின் அடிப்படையில் கணிதக் கணக்கீடுகளைச் செய்யவும் | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | விளையாட்டை நிறுத்தல் மற்றும் மீண்டும் துவக்கம் | விளையாட்டை முடித்து மீண்டும் துவக்குவது எப்படி, உட்பட வளங்களைச் சுத்தம் செய்வதும் மாறிலிகளை மீட்டமைப்பதும் ஆகியவற்றை அறிக | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | வலை செயலியில் HTML மாதிரிகள் மற்றும் பாதைகள் | பன்முகப்புள்ளி இணையதளத்திற்கான கட்டமைப்பை உருவாக்க, பாதைகள் மற்றும் HTML மாதிரிகளைப் பயன்படுத்துவது எப்படி கண்டு கொள் | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழைவு மற்றும் பதிவுக்கு படிவம் உருவாக்கல் | படிவங்களை உருவாக்கல் மற்றும் சரிபார்ப்பு முறைகளை கையாள்வது பற்றி அறியவும் | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | தரவு பெற்றல் மற்றும் பயன்படுத்தும் முறைகள் | உங்கள் செயலியில் தரவு எவ்வாறு ஓடும், அதை எப்படித் திரட்டுவது, சேமிப்பதலும் அகற்றுவதும் | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | நிலை மேலாண்மையின் கருத்துக்கள் | உங்கள் செயலி நிலையை எவ்வாறு பாதுகாக்கிறது மற்றும் அதை நிரல் மூலம் எவ்வாறு நிர்வகிக்கலாம் என்பதை கற்றுக் கொள்வது | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் பணியாற்றுதல் | குறியீடு ஆசிரியியைப் பயன்படுத்த கற்று கொள்ளவும் | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI உடன் பணியாற்றுதல் | உங்கள் சொந்த AI உதவியாளரை உருவாக்குவது பற்றி கற்று கொள்ளவும் | [AI Assistant project](./9-chat-project/README.md) | Chris |
| | திட்டத்தின் பெயர் | கற்பித்த கருத்துக்கள் | கற்றல் நோக்கங்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | தொடக்கம் | நிரலாக்க அறிமுகம் மற்றும் தொழில்நுட்ப கருவிகள் | பெரும்பாலும் பயன்படும் நிரலாக்க மொழிகளின் அடிப்படைகள் மற்றும் தொழில்முறை மேம்பாட்டாளர்கள் தொழில்களைச் செய்ய உதவும் மென்பொருள் பற்றி கற்று கொள் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | தொடக்கம் | GitHub அடிப்படைகள், குழுவுடன் பணியாற்றல் | உங்கள் திட்டத்தில் GitHub-ஐ எப்படி பயன்படுத்துவது, ஒரு குறியிடத்தில் மற்றவருடன் எப்படி ஒத்துழைக்க வேண்டும் என்பதை கற்று கொள் | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | தொடக்கம் | அணுகலைச் சரிபார்த்தல் | வலை அணுகல் அடிப்படைகளை கற்று கொள் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS அடிப்படைகள் | JavaScript தரவுத் வகைகள் | JavaScript தரவுத் வகைகள் பற்றிய அடிப்படைகள் | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | செயல்பாடுகள் மற்றும் முறைகள் மூலம் ஒரு செயலியின் தரப்பு ஓட்டத்தை நிர்வகிப்பது பற்றிக் கற்று கொள் | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS அடிப்படைகள் | JS உடன் முடிவெடுத்தல் | முடிவெடுத்தல் முறைகளைப் பயன்படுத்தி உங்கள் குறியீட்டில் நிலைகளை எவ்வாறு உருவாக்குவது என்பதை கற்று கொள் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS அடிப்படைகள் | அடிகள் மற்றும் சுழற்சிகள் | JavaScript பயன்படுத்தி தரவை அடிகள் மற்றும் சுழற்சிகள் மூலம் பணியாற்றுவது | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML நடைமுறை | ஆன்லைன் டெர்ரேரியம் உருவாக்க HTML கட்டமைக்கவும், அமைப்பு உருவாக்குவதே முக்தமாக உள்ளது | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS நடைமுறை | ஆன்லைன் டெர்ரேரியத்திற்கு பாணி விதேயம் செய்ய CSS உருவாக்கவும், CSS அடிப்படைகள் மற்றும் பக்கம் பன்முகப்படுத்தல் பணிமுறை உள்ளிட்டவை | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript மூடல்கள், DOM மாற்றம் | டெர்ரேரியத்தை டிராக்/டிராப் இடைமுகமாக செயல்படுத்த JavaScript உருவாக்கவும், மூடல்கள் மற்றும் DOM மாற்றத்தைக் கவனமிடவும் | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | வரையறுக்கப்பட்ட ஆ자가ாட்டை உருவாக்குதல் | விசைப்பலகை நிகழ்வுகளை பயன்படுத்தி உங்கள் JavaScript செயலியின் தரப்பு ஓட்டத்தை இயக்குதல் | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவிகளுடன் பணியாற்றுதல் | உலாவிகள் எவ்வாறு செயல்படுகின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்சியின் ஆரம்ப உருப்படிகளை உருவாக்குவது எப்படி என்பதை கற்று கொள் | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவத்தை உருவாக்கல், API அழைப்பு மற்றும் உள்ளூர் சேமிப்பில் மாறிகளைக் கையாளல் | உலாவி நீட்சியின் JavaScript கூறுகளை உருவாக்கி, உள்ளூர் சேமிப்பில் மாறிகள் வைத்து API-ஐ அழைக்கவும் | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவியில் பின்னணி செயல்முறைகள், வலை செயல்திறன் | நீட்சியின் ஐகானைக் கையாள உலாவியின் பின்னணி செயல்முறைகளைப் பயன்படுத்தவும்; வலை செயல்திறன் மற்றும் சில விருத்திகளை கற்றுக்கொள்ளவும் | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript மூலம் மேம்பட்ட விளையாட்டு உருவாக்கல் | வகுப்புகள் மற்றும் கூறுசார் ஆகியவற்றை பயன்படுத்தி மரபுரிமை மற்றும் Pub/Sub முறையைப் பற்றி கற்று விளையாட்டை உருவாக்க தயார் ஆவுக | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | கேன்வாஸுக்கு படம் வரையல் | திரைக்காட்சிக்கு கூறுகளை வரைய Canvas API பற்றி கற்று கொள் | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | திரைக்கு கூறுகளை நகர்த்தல் | கார்டீசியன் ஒருங்கிணைப்பு மற்றும் Canvas API-வை பயன்படுத்தி கூறுகள் எப்படி இயக்கப்படுகின்றன என்பதை கண்டு கொள் | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | மோதல் கண்டறிதல் | விசைகளைப் பயன்படுத்தி கூறுகள் ஒருவரைப் பெறும் மற்றவருடன் மோதவும், விளையாட்டு செயல்திறனை உறுதிப்படுத்த குளிர்வான செயல்பாட்டை வழங்கவும் | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | மதிப்பெண் பராமரித்தல் | விளையாட்டின் நிலை மற்றும் செயல்திறன் அடிப்படையில் கணித கணக்கீடுகளைச் செய்யவும் | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | விளையாட்டை முடித்தல் மற்றும் மீண்டும் துவக்கம் | விளையாட்டை முடித்தலும் மீண்டும் துவக்கலும் பற்றி கற்று, சொத்துக்களை சுத்தம் செய்தல் மற்றும் மாறிலி மதிப்புகளை மீட்டமைத்தல் | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | வலை பயன்பாட்டில் HTML வார்ப்புருக்கள் மற்றும் பாதைகள் | பல பக்க வலைத்தளத்தின் கட்டமைப்பை உருவாக்குவதற்கான வழிசெலுத்தல் மற்றும் HTML வார்ப்புருக்கள் பயன்படுத்துவது எப்படி என்பதைக் கற்று கொள் | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழையும் மற்றும் பதிவு படிவம் உருவாக்கல் | படிவங்களை உருவாக்கல் மற்றும் சரிபார்க்கும் பழக்கவழக்கங்களை கற்று கொள் | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | தரவை பெற்று பயன்படுத்தும் முறைகள் | உங்கள் செயலியில் தரவு எப்படி செல்கிறது, அதை எப்படி பெறுவது, சேமிப்பது, நீக்குவது என்பதைக் கற்று கொள் | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | மாநில முகாமைத்துவத்தின் கருத்துகள் | உங்கள் செயலி மாநிலத்தை எவ்வாறு பாதுகாக்கிறது மற்றும் அதை நிரல் மூலம் நிர்வகிப்பது எப்படி என்பதை கற்று கொள் | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் பணியாற்றுதல் | குறியீடு திருத்தியமைப்பை பயன்படுத்துவது எப்படி கற்று கொள்| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI உடன் பணியாற்றுதல் | உங்கள் சொந்த AI உதவியாளரை எப்படி உருவாக்குவது கற்று கொள் | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 கல்வியியல்
எமது பாடத்திட்டம் இரண்டு முக்கியக் கல்வி கோட்பாடுகளோடு வடிவமைக்கப்பட்டுள்ளது:
எங்கள் பாடத்திட்டம் இரண்டு முக்கியக் கல்வி தத்துவங்கள் கருத்தில் கொண்டு வடிவமைக்கப்பட்டுள்ளது:
* திட்ட அடிப்படையிலான கற்றல்
* அடிக்கடி வினாத்தாள்கள்
* அடிக்கடி நடைபெறும் வினாக்கள்
பாடத்திட்டம் JavaScript, HTML, மற்றும் CSS இன் அடிப்படைகள் மற்றும் இன்றைய வலை மேம்பாட்டாளர்களால் பயன்படுத்தப்படும் புதிய தொழில்நுட்பங்கள் மற்றும் கருவிகள் ஆகியவற்றை கற்றுத்தருகிறது. மாணவர்கள் தட்டச்சு விளையாட்டு, மெய்நிகர் டெரேரியம், சுற்றுச்சூழல் நட்பு உலாவி நீட்டிப்பு, விண்வெளி ஆக்கிரமிப்பான் மாதிரி விளையாட்டு மற்றும் வணிகங்களுக்கு வங்கி செயலியை உருவாக்குவதன் மூலம் பரிசோதனை அனுபவம் உருவாக்குவார்கள். தொடர் முடிவில், மாணவர்கள் வலை மேம்பாட்டின் வலுவான புரிதலைப் பெறுவார்கள்.
இந்த திட்டம் JavaScript, HTML மற்றும் CSS அடிப்படைகளை, மற்றும் இன்றைய வலை மேம்பாட்டாளர்கள் பயன்படுத்தும் சமீபத்திய கருவிகள் மற்றும் தொழில்நுட்பங்களை கற்பிக்கிறது. மாணவர்கள் ஒரு தட்டச்சு விளையாட்டு, வெர்ச்சுவல் டெர்ரேரியம், பசுமையான உலாவி நீட்டிப்பு, விண்வெளி அட்டைவழி விளையாட்டு மற்றும் வணிகப் பயன்பாட்டிற்கான வங்கித்திட்டத்தை உருவாக்குவதன் மூலம் கைமுறை அனுபவம் பெற முடியும். தொடர் முடிவில், மாணவர்கள் வலை மேம்பாட்டை நன்கு புரிந்து கொள்ளுவர்.
> 🎓 இந்த பாடத்திட்டத்தில் முதல் சில பாடங்களை 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) என எடுத்துப் படிக்கலாம்!
தொடர்புடைய திட்டங்களுக்கு உள்ளடக்கம் ஒத்துழைப்பால் மாணவர்கள் அதிக ஆர்வமுடன் கற்றல் நிகழும், கருத்துகளின் நினைவுநிலத்தை மேம்படுத்தும். நாங்கள் சில JavaScript அடிப்படை பாடங்களை உருவாக்கினோம், அவற்றுடன் "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" வீடியோ தொடர் இணைக்கப்பட்டுள்ளன, சில ஆசிரியர்கள் இதை உருவாக்கும் குழுவில் உள்ளனர்.
திட்டங்களுடன் உள்ளடக்கம் ஒத்துப்போகும் வாய்ப்பை உறுதி செய்வதில் இந்த செயல்முறை மாணவர்களுக்கு அதிக ஈடுபாட்டையும் கருத்துக்களின் நிலைத்தன்மையையும் வழங்குகிறது. மேலும், சில ஆரம்ப JS அடிப்படைகள் பாடங்களை உருவாக்கியுள்ளோம், இதில் ஒரு "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" வீடியோ பாடங்களின் வீடியோ ஒன்று இணைக்கப்பட்டுள்ளது, இதில் சில ஆசிரியர்கள் இந்த பாடத்திட்டத்துக்கு பங்களித்துள்ளனர்.
மேலும், வகுப்புக்கு முன் ஒரு குறைந்ததும் வின் வினாத்தாளும், வகுப்புக்குப்பின்னர் இன்னொரு வினாத்தாளும் கற்றலை ஊக்குவிக்கும். இந்த பாடத்திட்டம் திடமானதும், வேடிக்கையானதும் ஆகும் மற்றும் முழுமையாக அல்லது பகுதி பகுதியாக எடுத்துக்கொள்ளலாம். 12 வாரங்கள் முழுமையாக் கடந்தாலே திட்டங்கள் சீராகவும் சிக்கலானவையாகவும் மாறும்.
மேலும், வகுப்புக்கு முன் ஒரு குறைவான செவிலிய குழு வினாக்கள் மாணவனின் கற்றல் நோக்கத்தை நிறுவும், வகுப்புக்கு பிறகு இரண்டாவது வினா குழு மேலதிக நிலைத்தன்மையைக் உறுதிப்படுத்தும். இந்த பாடத்திட்டம் நெகிழ்வுமிக்கதும் மகிழ்ச்சியானதும் ஆகும் மற்றும் முழுவதும் அல்லது பகுதி ஒன்றாக எடுத்துக் கொள்ளலாம். திட்டங்கள் சிறியதாக ஆரம்பித்து 12 வார காலத்திற்குள் சிக்கலானவையாக மாறும்.
JavaScript கட்டமைப்புகளை அறிமுகப்படுத்துவதை தவிர்த்து, அடிப்படை திறன்களை முதலில் கற்றுக்கொண்டு பின்னர் கட்டமைப்பை அணுகுவதே சிறந்தது என்று நாங்கள் கருதுகிறோம், இந்த பாடத் தொகுப்பை முடிப்பதற்கான அடுத்த படி ஒரு மற்றுமொரு வீடியோ தொடர் மூலம் Node.js கற்றுக்கொள்ளும் பதிலாகும்: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
JavaScript கட்டமைப்புகளை அறிமுகப்படுத்தாமல் வலை மேம்பாட்டாளராக அடிப்படையான திறன்களை மேம்படுத்த இந்த பாடத்திட்டம் வடிவமைக்கப்பட்டுள்ளது. அடுத்தடுத்த படியாக, [Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon) என்ற வீடியோ தொகுப்பிலிருந்து Node.js பற்றி கற்றுக்கொள்ளலாம்.
> எங்கள் [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/#/) ஐப் பயன்படுத்தி இந்த ஆவணங்களை ஆஃப்-லைன் இயங்கச் செய்யலாம். இந்தப் பழையது, [Docsify ஐ நிறுவி](https://docsify.js.org/#/quickstart) உங்கள் உள்ளூர் கணினியில், பின்னர் இந்த சம்பிரதாயத்தின் முக்கிய பொதி(ரூட்) கோப்புறையில் `docsify serve` என தட்டச்சு செய்யவும். இணையதளம் உங்கள் உள்ளூர் இயந்திரத்தில் போர்ட் 3000ல் சேவை செய்யப்படும்: `localhost:3000`.
[Docsify](https://docsify.js.org/#/) பயன்படுத்தி இந்த ஆவணங்களை ஆஃப்பிளைனிலும் இயக்கலாம். இந்த கோப்பிரிப்பைப் பிணுக்கவும், உங்கள் கணினியில் [Docsify ஐ நிறுவவும்](https://docsify.js.org/#/quickstart), பிறகு இக்கோப்பிரிப்பின் மூலம் கோப்புறையில் `docsify serve` என தட்டச்சு செய்யவும். இணையதளம் உங்கள் உள்ளூர் கணினியில் 3000வாயிலில் சேவையாக இருக்கும்: `localhost:3000`.
## 📘 PDF
அனைத்து பாடங்களின் PDF இன் பிரதியை [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) காணலாம்.
எல்லா பாடங்களின் PDF இத்தை [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) காணலாம்.
## 🎒 பிற பாடக்குறிப்புகள்
எங்கள் குழு பிற பாடத்திட்டங்களையும் தயாரிக்கிறது! பார்க்கவும்:
## 🎒 பிற பாடங்கள்
எங்கள் குழு மற்ற பாடங்களையும் உருவாக்குகிறது! பாருங்கள்:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
@ -224,7 +224,7 @@ JavaScript கட்டமைப்புகளை அறிமுகப்ப
---
### Generative AI Series
### உருவாக்கும் AI தொடர்
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -232,7 +232,7 @@ JavaScript கட்டமைப்புகளை அறிமுகப்ப
---
### Core Learning
### முக்கியக் கற்றல்
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -243,7 +243,7 @@ JavaScript கட்டமைப்புகளை அறிமுகப்ப
---
### Copilot Series
### கோப்பைலட் தொடர்
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
@ -251,21 +251,21 @@ JavaScript கட்டமைப்புகளை அறிமுகப்ப
## உதவி பெறுதல்
AI பயன்பாடுகளை உருவாக்குவதில் சிக்கல் அல்லது கேள்விகள் இருந்தால். MCP பற்றி பேசுவதற்கு மற்ற கற்க மாணவர்கள் மற்றும் அனுபவமிக்க டெவலப்பர்களுடன் சேர்ந்துகொள்ளுங்கள். கேள்விகளுக்கு வரவேற்பு அளிக்கப்படும் மற்றும் அறிவு சுதந்திரமாக பகிரப்படும் ஆதரவான சமூகமாக இது இருக்கும்.
நீங்கள் பொறித்துவிட்டீர்கள் அல்லது AI செயலிகள் உருவாக்குவதில் ஏதேனும் கேள்விகள் இருந்தால், MCP பற்றி கலந்துரையாடலில் மற்ற கற்றுபவர்கள் மற்றும் அனுபவமிக்க டெவலப்பர்களுடன் சேர்ந்து பேசுங்கள். இது கேள்விகளுக்கு இடம் தரும் மற்றும் அறிவை தாராளமாக பகிரும் ஆதரவான சமூகமாகும்.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
உறுப்புப் பொறியியலாளர் கருத்துக்கள் அல்லது பிழைகள் இருந்தால் தயாரிப்பு உருவாக்கும் போது பார்வையிடுங்கள்:
உங்களிடம் தயாரிப்பு கருத்துக்களோ அல்லது பிழைகளோ இருந்தால், கட்டுமானத்தின் போது இந்த இடத்தை பார்க்கவும்:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## உரிமம்
இந்த ரிப்பாசிடரி MIT உரிமத்தின் கீழ் வரும்தாகும். மேலும் தகவலுக்கு [LICENSE](../../LICENSE) கோப்பை பார்க்கவும்.
இந்த சேகரிப்பகம் MIT உரிமத்தில் அங்கீகரிக்கப்பட்டுள்ளது. மேலும் தகவலுக்கு [LICENSE](../../LICENSE) கோப்பைப் பார்க்கவும்.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**பொறுப்புமுறை மறுப்பு**:
இந்த ஆவணம் AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயலுகிறோம் என்றாலும், தானாக இயங்கும் மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறானவைகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனிக்கவும். அசல் ஆவணம் அதன் சொந்த மொழியில் அதிகாரபூர்வ மூலமாகக் கருதப்பட வேண்டும். முக்கியமான தகவலுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பின் பயன்பாட்டால் ஏற்படும் எந்தவொரு நெருக்கடியும் அல்லது தவறான புரிந்துகொள்வுகளுக்காக நாங்கள் பொறுப்பேற்க மாட்டோம்.
**அறிவிப்பு**:
இந்த दस्तावेजு AI மொழிபெயர்ப்பு சேவையான [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிபெயர்க்கப்பட்டுள்ளத. நாங்கள் துல்லியத்திற்காக முயலினாலும், தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்க வாய்ப்பு உள்ளது என்பதை தயவுசெய்து கவனியுங்கள். மூலக் கோப்பு அதன் சொந்த மொழியிலேயே அதிகாரப்பூர்வமான ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு தொழில்முறை மனித மொழிபெயர்ப்பினை பரிந்துரைக்கிறோம். இந்த மொழிபெயர்ப்பின் பயன்மூலம் ஏற்படும் எந்தவொரு தவறான கருத்தரிப்புகளுக்கும் நாங்கள் பொறுப்பேற்கவில்லை.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:43:06+00:00",
"translation_date": "2026-02-06T10:25:43+00:00",
"source_file": "AGENTS.md",
"language_code": "uk"
},
@ -516,8 +516,8 @@
"language_code": "uk"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:22:43+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:19:34+00:00",
"source_file": "README.md",
"language_code": "uk"
},

386
translations/uk/AGENTS.md
Unescape View File

@ -2,61 +2,61 @@
## Огляд проєкту
Це репозиторій навчальної програми для викладання основ веб-розробки для початківців. Програма є комплексним 12-тижневим курсом, розробленим Microsoft Cloud Advocates, і включає 24 практичні уроки, що охоплюють JavaScript, CSS та HTML.
Це навчальний репозиторій з навчальною програмою для початківців з основ веб-розробки. Програма є комплексним 12-тижневим курсом, розробленим спеціалістами Microsoft Cloud Advocates, що включає 24 практичні уроки, охоплюючи JavaScript, CSS та HTML.
### Основні компоненти
### Ключові компоненти
- **Навчальний контент**: 24 структуровані уроки, організовані в модулі на основі проєктів
- **Практичні проєкти**: Тераріум, гра на швидкість набору тексту, розширення для браузера, космічна гра, банківський додаток, редактор коду та AI чат-асистент
- **Інтерактивні вікторини**: 48 вікторин по 3 питання кожна (оцінювання до/після уроку)
- **Підтримка багатомовності**: Автоматичні переклади на 50+ мов за допомогою GitHub Actions
- **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI проєктів)
- **Навчальний контент**: 24 структуровані уроки, організовані у модулі на основі проєктів
- **Практичні проєкти**: Терраріум, Гра на друку, Розширення браузера, Космічна гра, Банківський додаток, Редактор коду та AI-чат асистент
- **Інтерактивні тести**: 48 тестів по 3 питання в кожному (до і після уроку)
- **Підтримка багатьох мов**: Автоматичний переклад більш ніж на 50 мов за допомогою GitHub Actions
- **Технології**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (для AI-проєктів)
### Архітектура
- Навчальний репозиторій зі структурою на основі уроків
- Кожна папка уроку містить README, приклади коду та рішення
- Окремі проєкти в окремих каталогах (quiz-app, різні проєкти уроків)
- Кожна папка уроку містить README, приклади коду і рішення
- Окремі проєкти в окремих директоріях (quiz-app, різні проєкти уроків)
- Система перекладу за допомогою GitHub Actions (co-op-translator)
- Документація доступна через Docsify та у форматі PDF
- Документація сервісується через Docsify і доступна у форматі PDF
## Команди для налаштування
## Команди налаштування
Цей репозиторій призначений переважно для споживання навчального контенту. Для роботи з конкретними проєктами:
Цей репозиторій призначений здебільшого для споживання навчального контенту. Для роботи з окремими проєктами:
### Налаштування основного репозиторію
### Основне налаштування репозиторію
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Налаштування додатку для вікторин (Vue 3 + Vite)
### Налаштування додатку Quiz (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Start development server
npm run build # Build for production
npm run lint # Run ESLint
npm run dev # Запустити сервер розробки
npm run build # Зібрати для продакшн
npm run lint # Запустити ESLint
```
### API банківського проєкту (Node.js + Express)
### API для банківського проєкту (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Start API server
npm run lint # Run ESLint
npm run format # Format with Prettier
npm start # Запустити сервер API
npm run lint # Запустити ESLint
npm run format # Відформатувати за допомогою Prettier
```
### Проєкти розширень для браузера
### Проєкти розширень браузера
```bash
cd 5-browser-extension/solution
npm install
# Follow browser-specific extension loading instructions
# Дотримуйтесь інструкцій завантаження розширень, специфічних для браузера
```
### Проєкти космічної гри
@ -64,219 +64,219 @@ npm install
```bash
cd 6-space-game/solution
npm install
# Open index.html in browser or use Live Server
# Відкрийте index.html у браузері або використовуйте Live Server
```
### Проєкт чату (Python Backend)
### Проєкт чату (бекенд на Python)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# Set GITHUB_TOKEN environment variable
# Встановіть змінну середовища GITHUB_TOKEN
python api.py
```
## Робочий процес розробки
### Для контрибуторів контенту
### Для авторів контенту
1. **Форкніть репозиторій** у свій обліковий запис GitHub
2. **Клонуйте форк** локально
3. **Створіть нову гілку** для своїх змін
4. Внесіть зміни до контенту уроків або прикладів коду
5. Протестуйте будь-які зміни коду у відповідних каталогах проєктів
6. Надішліть pull request відповідно до рекомендацій щодо внеску
1. **Сфокуйте репозиторій** у свій акаунт GitHub
2. **Склонуйте свій форк** локально
3. **Створіть нову гілку** для змін
4. Вносьте зміни у навчальний контент або приклади коду
5. Перевіряйте зміни коду у відповідних директоріях проєктів
6. Відправляйте pull-запити відповідно до інструкцій з внеску
### Для учнів
1. Форкніть або клонуйте репозиторій
2. Переміщайтеся по каталогах уроків послідовно
3. Читайте файли README для кожного уроку
4. Виконуйте вікторини перед уроком на https://ff-quizzes.netlify.app/web/
5. Працюйте з прикладами коду в папках уроків
6. Виконуйте завдання та виклики
7. Проходьте вікторини після уроку
1. Форкуйте або клоньте репозиторій
2. Послідовно переходьте у папки уроків
3. Читайте README файли кожного уроку
4. Пройдіть тести перед уроком на https://ff-quizzes.netlify.app/web/
5. Працюйте з прикладами коду у папках уроків
6. Виконуйте завдання і виклики
7. Пройдіть тести після уроку
### Жива розробка
- **Документація**: Запустіть `docsify serve` у кореневій папці (порт 3000)
- **Додаток для вікторин**: Запустіть `npm run dev` у папці quiz-app
- **Проєкти**: Використовуйте розширення Live Server у VS Code для HTML-проєктів
- **API-проєкти**: Запустіть `npm start` у відповідних каталогах API
- **Документація**: Запустіть `docsify serve` у корені (порт 3000)
- **Quiz App**: Запустіть `npm run dev` у директорії quiz-app
- **Проєкти**: Використовуйте розширення Live Server у VS Code для HTML проєктів
- **API проєкти**: Запускайте `npm start` у відповідних API директоріях
## Інструкції з тестування
## Інструкції для тестування
### Тестування додатку для вікторин
### Тестування Quiz App
```bash
cd quiz-app
npm run lint # Check for code style issues
npm run build # Verify build succeeds
npm run lint # Перевірте на наявність проблем зі стилем коду
npm run build # Переконайтеся, що збірка успішна
```
### Тестування API банківського проєкту
### Тестування Bank API
```bash
cd 7-bank-project/api
npm run lint # Check for code style issues
node server.js # Verify server starts without errors
npm run lint # Перевірка проблем зі стилем коду
node server.js # Перевірте, чи сервер запускається без помилок
```
### Загальний підхід до тестування
- Це навчальний репозиторій без комплексних автоматизованих тестів
- Ручне тестування зосереджене на:
- Виконанні прикладів коду без помилок
- Коректній роботі посилань у документації
- Успішному завершенні збірки проєктів
- Це навчальний репозиторій без повного набору автоматизованих тестів
- Ручне тестування зосереджено на:
- Коректному запуску прикладів коду
- Роботі посилань у документації
- Успішних збірках проєктів
- Дотриманні найкращих практик у прикладах
### Перевірки перед відправкою
- Запустіть `npm run lint` у каталогах із package.json
- Перевірте валідність посилань у markdown
- Протестуйте приклади коду в браузері або Node.js
- Переконайтеся, що переклади зберігають правильну структуру
- Виконайте `npm run lint` у директоріях з package.json
- Перевірте дійсність посилань markdown
- Протестуйте приклади коду у браузері або Node.js
- Перевірте, що переклади зберігають структуру
## Рекомендації щодо стилю коду
## Керівництво з стилю коду
### JavaScript
- Використовуйте сучасний синтаксис ES6+
- Дотримуйтесь стандартних конфігурацій ESLint, наданих у проєктах
- Використовуйте зрозумілі назви змінних і функцій для навчальної ясності
- Додавайте коментарі, що пояснюють концепції для учнів
- Форматуйте код за допомогою Prettier, якщо він налаштований
- Дотримуйтеся стандартних конфігурацій ESLint у проєктах
- Використовуйте зрозумілі імена змінних і функцій для кращого навчання
- Додавайте коментарі для пояснення концепцій учням
- Форматуйте код за допомогою Prettier, де налаштовано
### HTML/CSS
- Семантичні елементи HTML5
- Принципи адаптивного дизайну
- Зрозумілі конвенції щодо назв класів
- Коментарі, що пояснюють техніки CSS для учнів
- Чіткі угоди щодо найменування класів
- Коментарі, що пояснюють CSS прийоми для учнів
### Python
- Дотримуйтесь стилю PEP 8
- Керівництво стилю PEP 8
- Зрозумілі, навчальні приклади коду
- Типізація там, де це корисно для навчання
- Використання типізації там, де це допомагає у навчанні
### Документація Markdown
- Чітка ієрархія заголовків
- Блоки коду зі специфікацією мови
- Блоки коду зі вказівкою мови
- Посилання на додаткові ресурси
- Знімки екрана та зображення в папках `images/`
- Альтернативний текст для зображень для доступності
- Знімки екрану та зображення у папках `images/`
- Вказівка альтернативного тексту для доступності
### Організація файлів
- Уроки пронумеровані послідовно (1-getting-started-lessons, 2-js-basics тощо)
- Кожен проєкт має папки `solution/` і часто `start/` або `your-work/`
- Зображення зберігаються в папках `images/`, специфічних для уроків
- Переклади в структурі `translations/{language-code}/`
- Уроки нумеруються послідовно (1-getting-started-lessons, 2-js-basics тощо)
- Кожен проєкт має `solution/` і часто `start/` або `your-work/` папки
- Зображення зберігаються у вкладених папках `images/`
- Переклади у структурі `translations/{language-code}/`
## Збірка та розгортання
### Розгортання додатку для вікторин (Azure Static Web Apps)
### Розгортання Quiz App (Azure Static Web Apps)
Додаток quiz-app налаштований для розгортання в Azure Static Web Apps:
Додаток quiz-app налаштований для розгортання Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creates dist/ folder
# Deploys via GitHub Actions workflow on push to main
npm run build # Створює папку dist/
# Розгортає через GitHub Actions workflow при пуші в main
```
Конфігурація Azure Static Web Apps:
- **Розташування додатку**: `/quiz-app`
- **Розташування вихідних файлів**: `dist`
- **Вихідне розташування**: `dist`
- **Робочий процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Генерація документації у форматі PDF
### Генерація PDF документації
```bash
npm install # Install docsify-to-pdf
npm run convert # Generate PDF from docs
npm install # Встановіть docsify-to-pdf
npm run convert # Створити PDF з docs
```
### Документація Docsify
```bash
npm install -g docsify-cli # Install Docsify globally
docsify serve # Serve on localhost:3000
npm install -g docsify-cli # Встановіть Docsify глобально
docsify serve # Запустіть на localhost:3000
```
### Збірки, специфічні для проєктів
### Збірки, специфічні для проєкту
Кожен каталог проєкту може мати власний процес збірки:
- Проєкти на Vue: `npm run build` створює продакшн-бандли
- Статичні проєкти: Немає етапу збірки, файли можна використовувати напряму
Кожна директорія проєкту може мати власний процес збірки:
- Vue проєкти: `npm run build` створює продакшн-бандли
- Статичні проєкти: крок збірки відсутній, файли віддаються напряму
## Рекомендації щодо pull request
## Керівництво по Pull Request
### Формат заголовків
### Формат заголовку
Використовуйте чіткі, описові заголовки, що вказують на область змін:
- `[Quiz-app] Додати нову вікторину для уроку X`
- `[Lesson-3] Виправити помилку в проєкті тераріуму`
- `[Translation] Додати переклад уроку 5 іспанською`
Використовуйте чіткі, описові заголовки, що вказують область змін:
- `[Quiz-app] Додати новий тест для уроку X`
- `[Lesson-3] Виправити помилку у проєкті терраріум`
- `[Translation] Додати іспанський переклад для уроку 5`
- `[Docs] Оновити інструкції з налаштування`
### Необхідні перевірки
### Обов’язкові перевірки
Перед відправкою PR:
1. **Якість коду**:
- Запустіть `npm run lint` у відповідних каталогах проєктів
- Виправте всі помилки та попередження lint
- Запустіть `npm run lint` у відповідних директоріях
- Виправте всі помилки і попередження lint
2. **Перевірка збірки**:
- Запустіть `npm run build`, якщо це необхідно
- Переконайтеся, що немає помилок збірки
- Запустіть `npm run build` якщо застосовно
- Переконайтеся у відсутності помилок збірки
3. **Перевірка посилань**:
- Протестуйте всі посилання в markdown
- Перевірте всі markdown-посилання
- Переконайтеся, що посилання на зображення працюють
4. **Огляд контенту**:
- Перевірте орфографію та граматику
- Переконайтеся, що приклади коду правильні та навчальні
- Перевірте, чи переклади зберігають оригінальний зміст
4. **Перевірка контенту**:
- Вичитка на орфографію і граматику
- Переконатися у коректності і навчальній цінності прикладів коду
- Перевірити відповідність перекладів оригінальному змісту
### Вимоги до внеску
- Погодьтеся з Microsoft CLA (автоматична перевірка при першому PR)
- Дотримуйтесь [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Дивіться [CONTRIBUTING.md](./CONTRIBUTING.md) для детальних рекомендацій
- Згадуйте номери проблем у описі PR, якщо це доречно
- Погодитись з Microsoft CLA (автоматична перевірка при першому PR)
- Дотримуватись [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- Ознайомитись з [CONTRIBUTING.md](./CONTRIBUTING.md) для детальних інструкцій
- Вказувати номера issue у описі PR, якщо застосовно
### Процес перегляду
### Процес перевірки
- PR переглядаються мейнтейнерами та спільнотою
- Пріоритет надається навчальній ясності
- Приклади коду повинні відповідати сучасним найкращим практикам
- Переклади перевіряються на точність і культурну відповідність
- PR перевіряються підтримувачами та спільнотою
- Пріоритет — зрозумілість навчального матеріалу
- Приклади коду мають відповідати найкращим практикам
- Переклади перевіряються на точність та культурну відповідність
## Система перекладу
### Автоматичний переклад
- Використовує GitHub Actions із робочим процесом co-op-translator
- Автоматично перекладає на 50+ мов
- Вихідні файли в основних каталогах
- Перекладені файли в `translations/{language-code}/`
- Використовує GitHub Actions з робочим процесом co-op-translator
- Перекладає автоматично на понад 50 мов
- Файли джерела знаходяться у основних директоріях
- Перекладені файли знаходяться у `translations/{language-code}/`
### Додавання покращень до ручного перекладу
### Додавання ручних покращень перекладу
1. Знайдіть файл у `translations/{language-code}/`
2. Внесіть покращення, зберігаючи структуру
3. Переконайтеся, що приклади коду залишаються функціональними
4. Протестуйте будь-який локалізований контент вікторин
2. Вносьте покращення, зберігаючи структуру
3. Переконайтесь, що приклади коду залишаються робочими
4. Протестуйте будь-який локалізований тестовий контент
### Метадані перекладу
Перекладені файли включають заголовок метаданих:
Перекладені файли містять заголовок з метаданими:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,118 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Виправлення помилок і усунення несправностей
## Відлагодження та усунення несправностей
### Поширені проблеми
**Додаток для вікторин не запускається**:
- Перевірте версію Node.js (рекомендовано v14+)
- Видаліть `node_modules` і `package-lock.json`, запустіть `npm install` знову
- Перевірте конфлікти портів (за замовчуванням: Vite використовує порт 5173)
**Quiz app не запускається**:
- Перевірте версію Node.js (рекомендується v14+)
- Видаліть `node_modules` і `package-lock.json`, знову виконайте `npm install`
- Перевірте конфлікти портів (за замовчуванням Vite використовує порт 5173)
**Сервер API не запускається**:
- Переконайтеся, що версія Node.js відповідає мінімальним вимогам (node >=10)
- Перевірте, чи порт уже використовується
- Переконайтеся, що всі залежності встановлені за допомогою `npm install`
**API сервер не запускається**:
- Переконайтеся, що версія Node.js відповідає мінімальній (node >=10)
- Перевірте, чи порт вже не зайнятий
- Переконайтеся, що всі залежності встановлені через `npm install`
**Розширення для браузера не завантажується**:
- Перевірте, чи файл manifest.json правильно відформатований
- Перевірте консоль браузера на наявність помилок
**Розширення браузера не завантажується**:
- Перевірте правильність форматування manifest.json
- Перевірте консоль браузера на помилки
- Дотримуйтесь інструкцій з встановлення розширень для конкретного браузера
**Проблеми з проєктом чату на Python**:
- Переконайтеся, що пакет OpenAI встановлений: `pip install openai`
- Перевірте, чи встановлена змінна середовища GITHUB_TOKEN
- Перевірте дозволи доступу до GitHub Models
**Проблеми з чат-проєктом на Python**:
- Переконайтесь, що пакет OpenAI встановлений: `pip install openai`
- Перевірте змінну середовища GITHUB_TOKEN
- Переконайтеся у наявності прав доступу до GitHub Models
**Docsify не обслуговує документацію**:
**Docsify не сервить документацію**:
- Встановіть docsify-cli глобально: `npm install -g docsify-cli`
- Запустіть із кореневого каталогу репозиторію
- Перевірте, чи існує файл `docs/_sidebar.md`
- Запускайте з кореневої директорії репозиторію
- Перевірте наявність файлу `docs/_sidebar.md`
### Поради щодо середовища розробки
### Поради для середовища розробки
- Використовуйте VS Code із розширенням Live Server для HTML-проєктів
- Встановіть розширення ESLint і Prettier для узгодженого форматування
- Використовуйте DevTools браузера для налагодження JavaScript
- Для проєктів на Vue встановіть розширення Vue DevTools для браузера
- Використовуйте VS Code з розширенням Live Server для HTML проєктів
- Встановіть розширення ESLint і Prettier для консистентного форматування
- Використовуйте DevTools браузера для відлагодження JavaScript
- Для Vue проєктів встановіть Vue DevTools розширення для браузера
### Міркування щодо продуктивності
### Розгляди ефективності
- Велика кількість перекладених файлів (50+ мов) означає, що повні клонування є великими
- Використовуйте неглибоке клонування, якщо працюєте лише над контентом: `git clone --depth 1`
- Виключайте переклади з пошуку, якщо працюєте над англійським контентом
- Процеси збірки можуть бути повільними при першому запуску (npm install, Vite build)
- Велика кількість перекладених файлів (понад 50 мов) робить повні клонування великими
- Використовуйте shallow clone, якщо працюєте лише з контентом: `git clone --depth 1`
- Виключайте переклади з пошуку при роботі з англійським вмістом
- Процеси збірки можуть бути повільними під час першого запуску (npm install, збірка Vite)
## Міркування щодо безпеки
## Розгляди безпеки
### Змінні середовища
- API-ключі ніколи не повинні бути закомічені в репозиторій
- Використовуйте `.env` файли (вже в `.gitignore`)
- Документуйте необхідні змінні середовища в README проєктів
- API ключі ніколи не повинні додаватися в репозиторій
- Використовуйте `.env` файли (вже додані у `.gitignore`)
- Документуйте необхідні змінні середовища у README проєктів
### Проєкти на Python
### Python проєкти
- Використовуйте віртуальні середовища: `python -m venv venv`
- Підтримуйте залежності в актуальному стані
- Токени GitHub повинні мати мінімально необхідні дозволи
- Підтримуйте залежності оновленими
- Токени GitHub повинні мати мінімальні потрібні дозволи
### Доступ до GitHub Models
- Потрібні персональні токени доступу (PAT) для GitHub Models
- Токени повинні зберігатися як змінні середовища
- Ніколи не комітьте токени або облікові дані
- Для GitHub Models потрібні Personal Access Tokens (PAT)
- Токени повинні зберігатися у змінних середовища
- Ніколи не додавайте токени або облікові дані в репозиторій
## Додаткові примітки
## Додаткові нотатки
### Цільова аудиторія
- Повні новачки у веб-розробці
- Студенти та самонавчальники
- Викладачі, які використовують програму в класах
- Контент розроблений для доступності та поступового нарощування навичок
- Повні початківці у веб-розробці
- Студенти та самостійні учні
- Викладачі, що використовують цей курс у класах
- Контент розроблений з урахуванням доступності і поступового розвитку навичок
### Освітня філософія
- Підхід на основі проєктів
- Часті перевірки знань (вікторини)
- Проєктний підхід до навчання
- Часті перевірки знань (тести)
- Практичні вправи з кодування
- Приклади реального застосування
- Фокус на основах перед переходом до фреймворків
- Приклади застосування у реальному світі
- Фокус на основах перед вивченням фреймворків
### Підтримка репозиторію
- Активна спільнота учнів і контрибуторів
- Регулярні оновлення залежностей і контенту
- Проблеми та обговорення контролюються мейнтейнерами
- Оновлення перекладів автоматизовані через GitHub Actions
- Активна спільнота учнів і співпрацівників
- Регулярні оновлення залежностей та контенту
- Моніторинг issues і обговорень підтримувачами
- Автоматичне оновлення перекладів через GitHub Actions
### Супутні ресурси
- [Модулі Microsoft Learn](https://docs.microsoft.com/learn/)
- [Ресурси Student Hub](https://docs.microsoft.com/learn/student-hub/)
- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) рекомендований для учнів
- Додаткові курси: Генеративний AI, Data Science, ML, IoT навчальні програми доступні
- Додаткові курси: генеративний AI, дата саєнс, машинне навчання, IoT навчальні програми
### Робота з конкретними проєктами
### Робота з окремими проєктами
Для детальних інструкцій щодо окремих проєктів звертайтеся до файлів README у:
- `quiz-app/README.md` - додаток для вікторин на Vue 3
- `7-bank-project/README.md` - банківський додаток із аутентифікацією
- `5-browser-extension/README.md` - розробка розширень для браузера
- `6-space-game/README.md` - розробка гри на Canvas
- `9-chat-project/README.md` - проєкт AI чат-асистента
Для детальних інструкцій по окремих проєктах дивіться README файли у:
- `quiz-app/README.md` - Vue 3 додаток для вікторин
- `7-bank-project/README.md` - Банківський додаток з автентифікацією
- `5-browser-extension/README.md` - Розробка розширень браузера
- `6-space-game/README.md` - Розробка гри на canvas
- `9-chat-project/README.md` - Проєкт AI чат асистента
### Структура монорепозиторію
Хоча це не традиційний монорепозиторій, цей репозиторій містить кілька незалежних проєктів:
- Кожен урок є самостійним
- Проєкти не мають спільних залежностей
- Працюйте над окремими проєктами, не впливаючи на інші
- Клонуйте весь репозиторій для повного навчального досвіду
Хоч це й не традиційний монорепозиторій, у цьому репозиторії міститься кілька незалежних проєктів:
- Кожен урок є самодостатнім
- Проєкти не ділять залежностей
- Працюйте з окремими проєктами без впливу на інші
- Клонуйте весь репозиторій для повного досвіду курсу
---
<!-- 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 -->

218
translations/uk/README.md
Unescape View File

@ -1,80 +1,80 @@
[![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)
[![Ліцензія GitHub](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![Співавтори GitHub](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![Проблеми GitHub](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![Запити на підтягування GitHub](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)
[![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/)
[![Спостерігачі GitHub](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![Форки GitHub](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](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Веб-розробка для початківців — навчальна програма
# Веб-розробка для початківців - Навчальний курс
Вивчайте основи веб-розробки з нашим 12-тижневим комплексним курсом від Microsoft Cloud Advocates. Кожен із 24 уроків глибоко занурюється в JavaScript, CSS та HTML через практичні проєкти, такі як тераріуми, розширення браузера та космічні ігри. Залучайтеся до вікторин, дискусій та практичних завдань. Покращуйте свої навички та оптимізуйте засвоєння знань завдяки нашій ефективній методиці навчання на основі проєктів. Почніть свою подорож у кодуванні вже сьогодні!
Вивчайте основи веб-розробки з нашим 12-тижневим комплексним курсом від Microsoft Cloud Advocates. Кожен з 24 уроків поглиблено розглядає JavaScript, CSS і HTML через практичні проекти, такі як тераріуми, розширення браузера та космічні ігри. Беріть участь у вікторинах, обговореннях та практичних завданнях. Покращуйте свої навички та оптимізуйте засвоєння знань за допомогою нашої ефективної методики на основі проектів. Почніть своє програмування вже сьогодні!
Приєднуйтесь до спільноти Azure AI Foundry у Discord
Приєднайтеся до спільноти Azure AI Foundry в Discord
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Дотримуйтесь цих кроків, щоб почати використовувати ці ресурси:
1. **Форкніть репозиторій**: Клацніть [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Склонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Приєднайтесь до Azure AI Foundry Discord та зустріньте експертів та інших розробників**](https://discord.com/invite/ByRwuEEgH4)
1. **Форкніть репозиторій**: Натисніть [![Форки GitHub](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Клонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Приєднайтесь до Azure AI Foundry Discord та зустрічайте експертів і колег-розробників**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Підтримка кількох мов
#### Підтримується через GitHub Action (автоматично та завжди актуально)
#### Підтримка через GitHub Action (Автоматично і завжди актуально)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [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)
[Арабська](../ar/README.md) | [Бенгальська](../bn/README.md) | [Болгарська](../bg/README.md) | [Бирманська (М’янма)](../my/README.md) | [Китайська (спрощена)](../zh-CN/README.md) | [Китайська (традиційна, Гонконг)](../zh-HK/README.md) | [Китайська (традиційна, Макао)](../zh-MO/README.md) | [Китайська (традиційна, Тайвань)](../zh-TW/README.md) | [Хорватська](../hr/README.md) | [Чеська](../cs/README.md) | [Данська](../da/README.md) | [Голландська](../nl/README.md) | [Естонська](../et/README.md) | [Фінська](../fi/README.md) | [Французька](../fr/README.md) | [Німецька](../de/README.md) | [Грецька](../el/README.md) | [Іврит](../he/README.md) | [Хінді](../hi/README.md) | [Угорська](../hu/README.md) | [Індонезійська](../id/README.md) | [Італійська](../it/README.md) | [Японська](../ja/README.md) | [Каннада](../kn/README.md) | [Корейська](../ko/README.md) | [Литовська](../lt/README.md) | [Малайська](../ms/README.md) | [Малаялам](../ml/README.md) | [Маратхі](../mr/README.md) | [Непальська](../ne/README.md) | [Нігерійська підіжин](../pcm/README.md) | [Норвезька](../no/README.md) | [Перська (фарсі)](../fa/README.md) | [Польська](../pl/README.md) | [Португальська (Бразилія)](../pt-BR/README.md) | [Португальська (Португалія)](../pt-PT/README.md) | [Пенджабі (Гурмукхі)](../pa/README.md) | [Румунська](../ro/README.md) | [Російська](../ru/README.md) | [Сербська (кирилиця)](../sr/README.md) | [Словацька](../sk/README.md) | [Словенська](../sl/README.md) | [Іспанська](../es/README.md) | [Свахілі](../sw/README.md) | [Шведська](../sv/README.md) | [Тагальська (філіппінська)](../tl/README.md) | [Тамільська](../ta/README.md) | [Телугу](../te/README.md) | [Тайська](../th/README.md) | [Турецька](../tr/README.md) | [Українська](./README.md) | [Урду](../ur/README.md) | [В’єтнамська](../vi/README.md)
> **Віддаєте перевагу клонувати локально?**
> **Віддаєте перевагу клонуванню локально?**
> У цьому репозиторії є понад 50 перекладів мов, що значно збільшує розмір завантаження. Щоб клонувати без перекладів, використовуйте sparse checkout:
> У цьому репозиторії є понад 50 мовних перекладів, що значно збільшує розмір завантаження. Щоб клонувати без перекладів, використовуйте sparse checkout:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> Це дасть вам усе, що потрібно для проходження курсу, з набагато швидшим завантаженням.
> Це дасть вам усе необхідне для проходження курсу з набагато швидшим завантаженням.
<!-- 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)
[![Відкрити у 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!
Додано нове завдання, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це новий виклик для вас, щоб виконати його, використовуючи GitHub Copilot та режим Agent. Якщо ви раніше не використовували режим Agent, він здатен не лише генерувати текст, а й створювати та редагувати файли, виконувати команди та інше.
Додано новий виклик, шукайте "GitHub Copilot Agent Challenge 🚀" у більшості розділів. Це нове завдання для вас, яке потрібно виконати за допомогою GitHub Copilot і режиму агента. Якщо ви раніше не використовували режим агента, він не лише генерує текст, а й може створювати та редагувати файли, запускати команди та багато іншого.
### 📣 Оголошення — _Новий проєкт на основі генеративного AI_
### 📣 Оголошення - _Новий проект на базі Генеративного ШІ_
Додано новий проєкт AI Assistant, ознайомтеся з ним [тут](./9-chat-project/README.md)
Щойно додано новий проект AI Assistant, ознайомтеся [проектом](./9-chat-project/README.md)
### 📣 Оголошення — _Нова навчальна програма_ з генеративного AI для JavaScript щойно випущена
### 📣 Оголошення - _Нещодавно випущено новий навчальний курс_ з Генеративного ШІ для JavaScript
Не пропустіть нашу нову програму з генеративного 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/uk/background.148a8d43afde5730.webp)
![Фон](../../translated_images/uk/background.148a8d43afde5730.webp)
- Уроки охоплюють все від основ до RAG.
- Взаємодійте з історичними персонажами за допомогою GenAI та нашого супутнього додатка.
- Весела та захоплива розповідь, ви будете подорожувати у часі!
- Спілкуйтесь з історичними персонажами за допомогою GenAI і нашого компаньйона-додатку.
- Цікаве і захоплююче оповідання, ви будете подорожувати в часі!
![character](../../translated_images/uk/character.5c0dd8e067ffd693.webp)
![персонаж](../../translated_images/uk/character.5c0dd8e067ffd693.webp)
Кожен урок включає завдання для виконання, перевірку знань та виклик, щоб допомогти вам вивчити такі теми:
- Підказки та інженерія підказок
- Генерація додатків тексту та зображень
Кожен урок включає завдання для виконання, перевірку знань і виклик, щоб допомогти вам опанувати такі теми, як:
- Формування запитів та інженерія запитів (prompt engineering)
- Генерація текстових і зображальних додатків
- Пошукові додатки
Відвідайте [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course), щоб почати!
@ -83,123 +83,123 @@
## 🌱 Початок роботи
> **Вчителі**, ми включили [деякі пропозиції](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" у верхньому правому куті цієї сторінки.
2. **Склонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **Форкніть репозиторій**: Натисніть кнопку "Fork" у правому верхньому кутку цієї сторінки.
2. **Клонуйте репозиторій**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Запуск навчальної програми в Codespace
#### Запуск курсу в Codespace
У вашій копії репозиторію, яку ви створили, клацніть кнопку **Code** і виберіть **Open with Codespaces**. Це створить для вас новий Codespace для роботи.
У вашій копії цього репозиторію, яку ви створили, натисніть кнопку **Code** та оберіть **Open with Codespaces**. Це створить для вас новий Codespace для роботи.
![Codespace](../../translated_images/uk/createcodespace.0238bbf4d7a8d955.webp)
#### Запуск навчальної програми локально на вашому комп’ютері
#### Запуск курсу локально на вашому комп’ютері
Щоб запустити цю програму локально на вашому комп’ютері, вам потрібен текстовий редактор, браузер та командний рядок. Наш перший урок, [Вступ до мов програмування та інструментів](../../1-getting-started-lessons/1-intro-to-programming-languages), проведе вас через різні варіанти кожного з цих інструментів, щоб ви могли обрати те, що вам підходить.
Щоб запускати цей курс локально на вашому комп’ютері, вам потрібен текстовий редактор, браузер і консольний інструмент. Наш перший урок, [Вступ до мов програмування та інструментів](../../1-getting-started-lessons/1-intro-to-programming-languages), допоможе вам обрати найкращі варіанти кожного з цих інструментів.
Ми рекомендуємо використовувати [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) як редактор, який також має вбудований [Термінал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Ви можете завантажити Visual Studio Code [тут](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
Ми рекомендуємо використовувати в якості редактора [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)
Потім відкрийте [Термінал](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) та виконайте наступну команду, замінивши `<your-repository-url>` на URL, який ви щойно скопіювали:
Тоді відкрийте [Термінал](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) і виконайте наступну команду, замінивши `<your-repository-url>` на URL, який ви щойно скопіювали:
```bash
git clone <your-repository-url>
```
2. Відкрийте папку у Visual Studio Code. Ви можете зробити це, натиснувши **Файл** > **Відкрити папку** і вибравши папку, яку ви щойно клонували.
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
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - щоб допомогти вам писати код швидше
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - щоб переглядати сторінки HTML у Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - щоб допомагати швидше писати код
## 📂 Кожен урок включає:
- необов’язкову схему заміток (скетчноут)
- необов’язкову схематичну замітку
- необов’язкове додаткове відео
- розминковий тест перед уроком
- розігрівальний тест перед уроком
- письмовий урок
- для уроків, заснованих на проектах, покрокові інструкції зі створення проєкту
- для уроків із проєктами — покрокові інструкції зі створення проєкту
- перевірки знань
- виклик (челендж)
- виклик
- додаткове читання
- завдання
- [тест після уроку](https://ff-quizzes.netlify.app/web/)
> **Примітка про тести**: Усі тести знаходяться в папці Quiz-app, загалом 48 тестів по три питання в кожному. Вони доступні [тут](https://ff-quizzes.netlify.app/web/), додаток для тестів можна запускати локально або розгортати в Azure; дотримуйтесь інструкцій у папці `quiz-app`.
> **Примітка про тести**: Всі тести знаходяться в папці Quiz-app, всього 48 тестів по три питання кожен. Вони доступні [тут](https://ff-quizzes.netlify.app/web/), додаток для тестів можна запускати локально або розгортати в Azure; дотримуйтесь інструкцій у папці `quiz-app`.
## 🗃️ Уроки
| | Назва проєкту | Теми | Навчальні цілі | Пов’язаний урок | Автор |
| :-: | :--------------------------------------------------------: | :-----------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Початок роботи | Введення в програмування та інструменти професії | Вивчити основи більшості мов програмування та програмне забезпечення, яке допомагає професійним розробникам у роботі | [Вступ до мов програмування та інструментів професії](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Початок роботи | Основи GitHub, включно з командною роботою | Як використовувати GitHub у проєкті, як співпрацювати з іншими над кодом | [Вступ до GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Початок роботи | Доступність | Вивчити основи веб-доступності | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи JS | Типи даних у JavaScript | Основи типів даних у JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Основи JS | Функції та методи | Вивчити функції та методи для управління логікою додатку | [Функції та методи](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | Основи JS | Прийняття рішень у JS | Вивчити створення умов у коді за допомогою методів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи JS | Масиви та цикли | Працювати з даними за допомогою масивів та циклів у JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Тераріум](./3-terrarium/solution/README.md) | HTML на практиці | Побудувати HTML для створення онлайн тераріуму, зосередившись на побудові макету | [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Тераріум](./3-terrarium/solution/README.md) | CSS на практиці | Побудувати CSS для стилізації онлайн тераріуму, з акцентом на основах CSS, включаючи адаптивність сторінки | [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Тераріум](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпуляції DOM | Створити JavaScript, щоб тераріум працював як інтерфейс drag/drop, зосередившись на замиканнях та маніпуляціях DOM | [Замикання JavaScript, маніпуляції DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Гра на друкування](./4-typing-game/solution/README.md) | Створення гри на друкування | Вивчити, як використовувати події клавіатури для керування логікою JavaScript-додатку | [Програмування на основі подій](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Зелене розширення браузера](./5-browser-extension/solution/README.md) | Робота з браузерами | Вивчити, як працюють браузери, їх історію, та як створити перші елементи розширення браузера | [Про браузери](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Зелене розширення браузера](./5-browser-extension/solution/README.md) | Створення форми, виклик API та зберігання змінних у локальному сховищі | Створити JavaScript-елементи розширення браузера для виклику API, використовуючи змінні, збережені у локальному сховищі | [API, форми та локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Зелене розширення браузера](./5-browser-extension/solution/README.md) | Фонові процеси у браузері, веб-продуктивність | Використовувати фонові процеси браузера для керування іконкою розширення; дізнатися про веб-продуктивність і оптимізації | [Фонові завдання та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Космічна гра](./6-space-game/solution/README.md) | Більш розвинена розробка ігор на JavaScript | Вивчити наслідування за допомогою класів і композиції та патерн Pub/Sub, готуючись до створення гри | [Вступ до розширеної розробки ігор](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Космічна гра](./6-space-game/solution/README.md) | Малювання на канвасі | Вивчити Canvas API, який використовується для малювання елементів на екрані | [Малювання на канвасі](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Космічна гра](./6-space-game/solution/README.md) | Переміщення об’єктів на екрані | Дізнатися, як елементи набувають руху за допомогою декартових координат та Canvas API | [Рух елементів по екрану](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Космічна гра](./6-space-game/solution/README.md) | Виявлення зіткнень | Зробити так, щоб елементи стикалися та реагували один на одного за допомогою натискань клавіш, додати функцію охолодження для оптимізації гри | [Виявлення зіткнень](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Космічна гра](./6-space-game/solution/README.md) | Ведення рахунку | Виконувати математичні обчислення на основі статусу та продуктивності гри | [Ведення рахунку](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Космічна гра](./6-space-game/solution/README.md) | Закінчення та перезапуск гри | Вивчити завершення та перезапуск гри, включно з очищенням ресурсів і скиданням значень змінних | [Умова завершення](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Банківський додаток](./7-bank-project/solution/README.md) | Шаблони HTML і маршрути у веб-додатку | Навчитися створювати структуру мультисторінкового вебсайту, використовуючи маршрутизацію та HTML-шаблони | [HTML-шаблони та маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Банківський додаток](./7-bank-project/solution/README.md) | Створення форм входу та реєстрації | Вивчити створення форм та обробку валідації | [Форми](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Банківський додаток](./7-bank-project/solution/README.md) | Методи отримання та використання даних | Як дані надходять та використовуються у додатку, як їх отримати, зберігати та видаляти | [Дані](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Банківський додаток](./7-bank-project/solution/README.md) | Концепції управління станом | Вивчити, як додаток зберігає стан і як програмно ним керувати | [Управління станом](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Код браузера/VScode](../../8-code-editor) | Робота з VScode | Вивчити, як використовувати редактор коду| [Використання редактора коду VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Асистенти](./9-chat-project/README.md) | Робота з штучним інтелектом | Навчитися створювати власного AI асистента | [Проєкт AI Асистент](./9-chat-project/README.md) | Chris |
| | Назва проєкту | Вивчені концепції | Навчальні цілі | Зв’язаний урок | Автор |
| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Початок роботи | Вступ до програмування та інструментів галузі | Вивчити базові основи більшості мов програмування та програмне забезпечення, яке допомагає професійним розробникам | [Вступ до мов програмування та інструментів галузі](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Початок роботи | Основи GitHub, включно з роботою в команді | Як використовувати GitHub у проєкті, як співпрацювати з іншими над кодовою базою | [Вступ до GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Початок роботи | Доступність | Вивчити основи веб-доступності | [Основи доступності](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | Основи JS | Типи даних JavaScript | Основи типів даних у JavaScript | [Типи даних](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | Основи JS | Функції та методи | Вивчити функції та методи для керування логікою застосунку | [Функції та методи](./2-js-basics/2-functions-methods/README.md) | Jasmine та Christopher |
| 06 | Основи JS | Прийняття рішень з JS | Навчитися створювати умови в коді за допомогою методів прийняття рішень | [Прийняття рішень](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | Основи JS | Масиви та цикли | Працювати з даними за допомогою масивів та циклів у JavaScript | [Масиви та цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Тераріум](./3-terrarium/solution/README.md) | HTML на практиці | Створити HTML для онлайн-тераріума, зосереджуючись на побудові макета | [Вступ до HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Тераріум](./3-terrarium/solution/README.md) | CSS на практиці | Створити CSS для стилізації онлайн-тераріума, зосереджуючись на основах CSS і адаптивності сторінки | [Вступ до CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Тераріум](./3-terrarium/solution/README.md) | Замикання JavaScript, маніпуляції DOM | Створити JavaScript, щоб тераріум працював як інтерфейс перетягування, зосереджуючись на замиканнях і маніпуляціях DOM | [Замикання JavaScript, маніпуляції DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Гра-надрукування](./4-typing-game/solution/README.md) | Створення гри-надрукування | Вивчити, як використовувати події клавіатури для керування логікою вашого JS-застосунку | [Програмування на основі подій](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Екологічне розширення браузера](./5-browser-extension/solution/README.md) | Робота з браузерами | Навчитися, як працюють браузери, їх історія та як створити перші елементи розширення для браузера | [Про браузери](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Екологічне розширення браузера](./5-browser-extension/solution/README.md) | Створення форми, виклики API та зберігання змінних у локальне сховище | Створити JavaScript-елементи для розширення браузера, викликати API з використанням змінних, збережених у локальному сховищі | [API, форми та локальне сховище](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Екологічне розширення браузера](./5-browser-extension/solution/README.md) | Фонові процеси в браузері, продуктивність вебу | Використовувати фонові процеси браузера для керування іконкою розширення; дізнатися про веб-продуктивність і оптимізації | [Фонові завдання та продуктивність](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Гра в космосі](./6-space-game/solution/README.md) | Більш складна розробка ігор на JavaScript | Вивчити наслідування за допомогою класів і композиції та патерн Pub/Sub у підготовці до розробки гри | [Вступ до розширеної розробки ігор](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Гра в космосі](./6-space-game/solution/README.md) | Малювання на канвасі | Вивчити Canvas API, що використовується для малювання елементів на екрані | [Малювання на канвасі](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Гра в космосі](./6-space-game/solution/README.md) | Рух елементів по екрану | Дізнатися, як елементи можуть рухатися, використовуючи декартові координати та Canvas API | [Рух елементів](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Гра в космосі](./6-space-game/solution/README.md) | Виявлення зіткнень | Зробити, щоб елементи стикалися і реагували одне на одного за допомогою натискань клавіш і забезпечити функцію охолодження для ефективності гри | [Виявлення зіткнень](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Гра в космосі](./6-space-game/solution/README.md) | Підрахунок балів | Виконувати обчислення на основі статусу гри і її результативності | [Підрахунок балів](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Гра в космосі](./6-space-game/solution/README.md) | Завершення та перезапуск гри | Вивчити, як завершити та перезапустити гру, включно з очищенням ресурсів та скиданням значень змінних | [Умови завершення](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Банківський додаток](./7-bank-project/solution/README.md) | HTML-шаблони та маршрути в веб-додатку | Навчитися створювати каркас архітектури багатосторінкового сайту за допомогою маршрутизації та HTML-шаблонів | [HTML-шаблони та маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Банківський додаток](./7-bank-project/solution/README.md) | Створення форм входу та реєстрації | Вивчити створення форм і механізми валідації | [Форми](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Банківський додаток](./7-bank-project/solution/README.md) | Методи отримання та використання даних | Як дані надходять у ваш додаток і виходять із нього, як їх отримувати, зберігати та видаляти | [Дані](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Банківський додаток](./7-bank-project/solution/README.md) | Концепції управління станом | Вивчити, як ваш додаток зберігає стан і як ним управляти програмно | [Управління станом](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Код браузера/VScode](../../8-code-editor) | Робота з VScode | Навчитися користуватися текстовим редактором коду | [Використання редактора коду VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Асистенти](./9-chat-project/README.md) | Робота з AI | Навчитися створювати власного AI асистента | [Проєкт AI Асистент](./9-chat-project/README.md) | Chris |
## 🏫 Педагогіка
Наша навчальна програма створена з урахуванням двох ключових педагогічних принципів:
* навчання на основі проєктів
Наша навчальна програма розроблена з урахуванням двох ключових педагогічних принципів:
* навчання через проєкти
* часті тести
Програма викладає основи JavaScript, HTML і CSS, а також найсучасніші інструменти та техніки, які використовують веб-розробники сьогодні. Студенти матимуть можливість отримати практичний досвід, створюючи гру для друкування, віртуальний тераріум, екологічне розширення браузера, гру в стилі космічного загарбника та банківський додаток для бізнесу. Наприкінці серії студенти отримають міцні знання з веб-розробки.
Програма викладає основи JavaScript, HTML і CSS, а також найновіші інструменти й методи, які використовують сучасні веб-розробники. Студенти матимуть можливість набути практичного досвіду, створюючи гру для надрукування, віртуальний тераріум, екологічне розширення браузера, гру в стилі space invaders і банківський додаток для бізнесу. Наприкінці курсу студенти матимуть міцні знання з веб-розробки.
> 🎓 Ви можете пройти перші кілька уроків цієї програми як [Навчальний шлях](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.md) та [Участь у розробці](CONTRIBUTING.md). Ми вітаємо ваш конструктивний відгук!
> Відвідайте наші [Кодекс поведінки](CODE_OF_CONDUCT.md) та [Правила внеску](CONTRIBUTING.md). Ми вітаємо ваші конструктивні відгуки!
## 🧭 Оффлайн доступ
## 🧭 Офлайн-доступ
Ви можете запускати цю документацію оффлайн, використовуючи [Docsify](https://docsify.js.org/#/). Форкніть цей репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на свій локальний комп’ютер, а потім у кореневій папці репозиторію введіть `docsify serve`. Вебсайт буде доступний на порту 3000 на вашому localhost: `localhost:3000`.
Ви можете переглядати цю документацію офлайн за допомогою [Docsify](https://docsify.js.org/#/). Форкніть цей репозиторій, [встановіть Docsify](https://docsify.js.org/#/quickstart) на своєму локальному комп'ютері, а потім у кореневій папці цього репозиторію введіть `docsify serve`. Вебсайт буде доступний на порту 3000 на вашому localhost: `localhost:3000`.
## 📘 PDF
@ -213,7 +213,7 @@ PDF з усіма уроками можна знайти [тут](https://micros
### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
@ -223,16 +223,16 @@ PDF з усіма уроками можна знайти [тут](https://micros
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серія Генеративного ШІ
### Серія про генеративний ШІ
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
### Основне навчання
### Основні курси
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -242,7 +242,7 @@ PDF з усіма уроками можна знайти [тут](https://micros
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серія Copilot
[![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)
@ -251,21 +251,21 @@ PDF з усіма уроками можна знайти [тут](https://micros
## Отримання допомоги
Якщо у вас виникли труднощі або є питання щодо створення додатків ШІ, приєднуйтесь до спільноти учнів і досвідчених розробників у дискусіях про MCP. Це підтримуюча спільнота, де питання вітаються, а знання вільно обмінюються.
Якщо ви застрягли або маєте питання щодо створення AI-додатків, приєднуйтеся до спільноти учнів і досвідчених розробників для обговорень MCP. Це підтримуюча спільнота, де вітаються питання і вільно діляться знаннями.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Якщо у вас є відгуки щодо продукту або помилки під час розробки, відвідайте:
Якщо у вас є відгуки про продукт або помилки під час розробки, відвідайте:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Ліцензія
Цей репозиторій ліцензовано за ліцензією MIT. Дивіться файл [LICENSE](../../LICENSE) для отримання додаткової інформації.
Цей репозиторій ліцензовано за ліцензією MIT. Докладніше дивіться у файлі [LICENSE](../../LICENSE).
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Відмова від відповідальності**:
Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом. Для критичної інформації рекомендується звертатися до професійного людського перекладу. Ми не несемо відповідальності за будь-які непорозуміння чи неправильні тлумачення, що виникли внаслідок використання цього перекладу.
**Відмова від відповідальності**:
Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, просимо враховувати, що автоматизовані переклади можуть містити помилки або неточності. Оригінальний документ рідною мовою слід вважати авторитетним джерелом інформації. Для критично важливої інформації рекомендується звертатися до професійного людського перекладу. Ми не несемо відповідальності за будь-які непорозуміння чи неправильні тлумачення, що виникли внаслідок використання цього перекладу.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save