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

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

Browse Source
pull/1781/head
localizeflow[bot] 5 months ago
parent 565672462b
commit 5f5b733a93
9 changed files with 814 additions and 801 deletions
Show Stats Download Patch File Download Diff File

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T23:23:44+00:00", "translation_date": "2026-04-06T18:27:27+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "et" "language_code": "et"
}, },
@ -516,8 +516,8 @@
"language_code": "et" "language_code": "et"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T15:26:27+00:00", "translation_date": "2026-04-06T18:22:07+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "et" "language_code": "et"
}, },

356
translations/et/AGENTS.md
Unescape View File

@ -2,42 +2,42 @@
## Projekti ülevaade ## Projekti ülevaade
See on hariduslik õppekava hoidla, mis on mõeldud veebiarenduse põhimõtete õpetamiseks algajatele. Õppekava on Microsoft Cloud Advocates'i loodud põhjalik 12-nädalane kursus, mis sisaldab 24 praktilist õppetundi JavaScripti, CSS-i ja HTML-i kohta. See on hariduslik õppekursuse hoidla veebiarenduse põhitõdede õpetamiseks algajatele. Õppekava on Microsoft Cloud Advocatesi poolt välja töötatud põhjalik 12-nädalane kursus, mis sisaldab 24 praktilist õppetundi, katmas JavaScripti, CSSi ja HTMLi.
### Peamised komponendid ### Peamised komponendid
- **Hariduslik sisu**: 24 struktureeritud õppetundi, mis on korraldatud projektipõhistesse moodulitesse - **Hariduslik sisu**: 24 struktureeritud õppetundi projektipõhistes moodulites
- **Praktilised projektid**: Terrarium, Tippmäng, Brauserilaiendus, Kosmosemäng, Panga rakendus, Koodiredaktor ja AI juturobot - **Praktilised projektid**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor ja AI Chat Assistant
- **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne ja pärast õppetundi) - **Interaktiivsed viktoriinid**: 48 viktoriini, igaüks 3 küsimusega (enne ja pärast õppetundi)
- **Mitmekeelne tugi**: Automaatne tõlge 50+ keelde GitHub Actionsi kaudu - **Mitmekeelne tugi**: Automaatne tõlge 50+ keelde GitHub Actions abil
- **Tehnoloogiad**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI projektide jaoks) - **Tehnoloogiad**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (tehisintellekti projektide jaoks)
### Arhitektuur ### Arhitektuur
- Hariduslik hoidla õppetundide struktuuriga - Hariduslik hoidla õppetundidel põhineva struktuuriga
- Igas õppetunni kaustas on README, koodi näited ja lahendused - Igas õppetunni kaustas on README, koodinäited ja lahendused
- Iseseisvad projektid eraldi kataloogides (quiz-app, erinevad õppetundi projektid) - Isetoimivad projektid eraldi kataloogides (quiz-app, erinevad õppetundide projektid)
- Tõlkesüsteem kasutades GitHub Actionsi (co-op-translator) - Tõlkesüsteem, mis kasutab GitHub Actions (co-op-translator)
- Dokumentatsioon serveeritakse Docsify abil ja on saadaval PDF-ina - Dokumentatsioon esitatakse Docsify kaudu ja see on saadaval ka PDF-formaadis
## Seadistus-käsud ## Seadistuse käsud
See hoidla on peamiselt mõeldud haridusliku sisu tarbimiseks. Konkreetsete projektidega töötamiseks: See hoidla on peamiselt mõeldud haridusliku sisu tarbimiseks. Spetsiifiliste projektidega töötamiseks:
### Peahoidla seadistus ### Peamine hoidla seadistamine
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Viktoriini rakenduse seadistus (Vue 3 + Vite) ### Viktoriini äpi seadistamine (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Käivita arendusserver npm run dev # Käivita arendusserver
npm run build # Ehita tootmiseks npm run build # Koosta tootmiseks
npm run lint # Käivita ESLint npm run lint # Käivita ESLint
``` ```
@ -56,10 +56,10 @@ npm run format # Vorminda Prettieriga
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Järgige brauserispetsiifilisi laienduste laadimise juhiseid # Järgi brauseri-spetsiifilisi laienduste laadimise juhiseid
``` ```
### Kosmosemängu projektid ### Space Game projektid
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
@ -67,50 +67,50 @@ npm install
# Ava index.html brauseris või kasuta Live Serverit # Ava index.html brauseris või kasuta Live Serverit
``` ```
### Jutu projekt (Python backend) ### Vestlusprojekti (Python back-end) seadistamine
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# Sea GITHUB_TOKEN keskkonnamuutuja # Määra GITHUB_TOKEN keskkonnamuutuja
python api.py python api.py
``` ```
## Arenduse töövoog ## Arendustöövoog
### Sisu kaasautoritele ### Sisu panustajatele
1. **Hargne hoidla** oma GitHubi kontole 1. **Forkige hoidla** oma GitHubi kontole
2. **Kloonige oma hargnevus lokaalselt** 2. **Kloonige oma fork lokaalselt**
3. **Loo uus haru** oma muudatuste jaoks 3. **Loo uus haru** oma muudatuste jaoks
4. Tee muudatusi õppetundide sisus või koodi näidetes 4. Muutke õppetundide sisu või koodinäiteid
5. Testi koodimuudatusi vastavates projektikaustades 5. Testige koodi muudatusi vastavates projektikaustades
6. Esita pull-päringud vastavalt panustamisjuhistele 6. Esitage pull requeste vastavalt panustamise juhistele
### Õppuritele ### Õppijatele
1. Hargne või klooni hoidla 1. Forkige või kloonige hoidla
2. Liigu õppetundide kaustades järjestikku 2. Liikuge järjest õppetundide kataloogidesse
3. Loe iga õppetunni README faile 3. Lugege iga õppetunni README faile
4. Täida enne õppetundi viktoriinid aadressil https://ff-quizzes.netlify.app/web/ 4. Täitke e-viktoriinid aadressil https://ff-quizzes.netlify.app/web/
5. Töötle läbi koodi näited õppetundide kaustades 5. Töötage läbi õppetundide koodinäited
6. Täida ülesanded ja väljakutsed 6. Täitke ülesanded ja väljakutsed
7. Tee pärast õppetundi viktoriinid 7. Sooritage pärast õppetundi viktoriinid
### Reaalajas arendus ### Otse arendus
- **Dokumentatsioon**: käivita juurkataloogis `docsify serve` (port 3000) - **Dokumentatsioon**: Käivitage `docsify serve` juurkataloogis (port 3000)
- **Viktoriini rakendus**: käivita `npm run dev` quiz-app kataloogis - **Viktoriini äpp**: Käivitage `npm run dev` quiz-app kaustas
- **Projektid**: kasuta VS Code Live Server laiendust HTML projektide jaoks - **Projektid**: Kasutage VS Code Live Serveri laiendust HTML projektide jaoks
- **API projektid**: käivita vastavates API kataloogides `npm start` - **API projektid**: Käivitage `npm start` vastavates API kaustades
## Testimise juhised ## Testimise juhised
### Viktoriini rakenduse testimine ### Viktoriini äpi testimine
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Kontrolli koodistiili rikkumisi npm run lint # Kontrolli koodistiili probleeme
npm run build # Kontrolli, et ehitus õnnestub npm run build # Kontrolli, et ehitus õnnestub
``` ```
@ -119,73 +119,73 @@ npm run build # Kontrolli, et ehitus õnnestub
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Kontrolli koodistiili probleeme npm run lint # Kontrolli koodistiili probleeme
node server.js # Kontrolli, kas server käivitub ilma vigadeta node server.js # Kontrolli, et server algab ilma vigadeta
``` ```
### Üldine testimisstrateegia ### Üldine testimislähenemine
- Tegemist on haridusliku hoidla, millel ei ole põhjalikke automaatseid teste - Tegevhoidla ilma põhjalike automaattestideta
- Käsitsi testimine keskendub: - Manuaaltestimine keskendub:
- Koodinäidete töötamisele ilma vigadeta - Koodinäidete korrektsele käivitumisele
- Dokumentatsiooni linkide õigele toimimisele - Dokumentatsiooni linkide toimimisele
- Projektide edukale ehitamisele - Projektide koostamise edukusele
- Näidete parimate tavade järgimisele - Näidete parimate tavade järgimisele
### Enne esitamise kontrollid ### Enne esitamist tehtavad kontrollid
- Käivita `npm run lint` kataloogides, kus on package.json - Käivitage `npm run lint` kaustades, kus on package.json
- Kontrolli markdown linkide kehtivust - Kontrollige, et markdowni lingid oleksid korrektsed
- Testi koodi näiteid brauseris või Node.js keskkonnas - Testige koodinäiteid brauseris või Node.js-is
- Veendu, et tõlked hoiaksid õiget struktuuri - Kontrollige, et tõlked säilitavad nõuetekohase struktuuri
## Koodi stiili juhised ## Koodi stiilijuhised
### JavaScript ### JavaScript
- Kasuta kaasaegset ES6+ süntaksit - Kasutage kaasaegset ES6+ süntaksit
- Järgi projektides määratud tavapäraseid ESLint konfiguratsioone - Järgige standardseid ESLint konfiguratsioone projektides
- Kasuta tähenduslikke muutujate ja funktsioonide nimesid haridusliku selguse jaoks - Kasutage tähenduslikke muutujate ja funktsioonide nimesid hariduslikuks selguseks
- Lisa kommentaare, mis selgitavad kontseptsioone õppijatele - Lisage kommentaare kontseptsioonide selgitamiseks õppijatele
- Vorminda Prettier abil seal, kus see on seadistatud - Kasutage vormindamiseks, kus seadistatud, Prettierit
### HTML/CSS ### HTML/CSS
- Semantiline HTML5 elementide kasutus - Semantilised HTML5 elemendid
- Reageeriva disaini põhimõtted - Reageeriv disain
- Selged klassinime konventsioonid - Selged klassinimede konventsioonid
- Kommentaarid, mis selgitavad CSS tehnikaid õppuritele - Kommentaarid CSS tehnikate selgitamiseks õppijatele
### Python ### Python
- PEP 8 stiilijuhised - PEP 8 stiilijuhised
- Selged, hariduslikud koodinäited - Selged, harivad koodinäited
- Tüübiviited seal, kus need aitavad õppimist - Tippimisvihjed õppimise hõlbustamiseks
### Markdown dokumentatsioon ### Markdown dokumentatsioon
- Selge päiste hierarhia - Selge pealkirjade hierarhia
- Koodiblokid koos keele määratlusega - Koodiplokid koos keele määratlusega
- Lingid lisamaterjalidele - Lingid lisamaterjalidele
- Ekraanipildid ja pildid `images/` kataloogides - Ekraanipildid ja pildid `images/` kataloogides
- Piltide alt-tekst ligipääsetavuse tagamiseks - Ligipääsetavuse huvides piltide alt-tekstid
### Failide korraldus ### Failide korraldus
- Õppetunnid numbritega järjestatud (nt 1-getting-started-lessons, 2-js-basics jne) - Õppetunnid nummerdatud järjest (1-getting-started-lessons, 2-js-basics jne)
- Igal projektil on `solution/` ja tihti `start/` või `your-work/` kataloogid - Igal projektil on `solution/` ja sageli ka `start/` või `your-work/` kaustad
- Pildid salvestatud õppetundide eripärastesse `images/` kaustadesse - Pildid talletatud õppetundidele spetsiifilistes `images/` kaustades
- Tõlked asuvad `translations/{language-code}/` struktuuris - Tõlked paigutatud `translations/{language-code}/` kataloogistruktuuri
## Ehitamine ja juurutamine ## Koostamine ja juurutamine
### Viktoriinirakenduse juurutamine (Azure Static Web Apps) ### Viktoriini äpi juurutamine (Azure Static Web Apps)
quiz-app on seadistatud Azure Static Web Apps juurutamiseks: Quiz-app on seadistatud Azure Static Web Apps juurutuseks:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Loob kausta dist/ npm run build # Loob kausta dist/
# Teostab juurutamise GitHub Actions töövoo kaudu pushi korral main harusse # Käivitab GitHub Actionsi töövoo, kui tehakse push main harusse
``` ```
Azure Static Web Apps konfiguratsioon: Azure Static Web Apps konfiguratsioon:
@ -196,31 +196,31 @@ Azure Static Web Apps konfiguratsioon:
### Dokumentatsiooni PDF genereerimine ### Dokumentatsiooni PDF genereerimine
```bash ```bash
npm install # Paigalda docsify-to-pdf npm install # Installi docsify-to-pdf
npm run convert # Genereeri PDF docsist npm run convert # Loo PDF docsist
``` ```
### Docsify dokumentatsioon ### Docsify dokumentatsioon
```bash ```bash
npm install -g docsify-cli # Installi Docsify globaalselt npm install -g docsify-cli # Paigalda Docsify globaalselt
docsify serve # Serveeri aadressil localhost:3000 docsify serve # Serveeri aadressil localhost:3000
``` ```
### Projektipõhised ehitused ### Projektipõhised ehitused
Igal projektil võib olla oma ehitusprotsess: Igal projektikaustal võib olla oma ehitusprotsess:
- Vue projektid: `npm run build` loob tootmise komplektid - Vue projektid: `npm run build` loob tootmisversiooni pakette
- Staatilised projektid: pole ehitusetappi, failid serveeritakse otse - Staatilised projektid: ehitusfaasi pole, failid serveeritakse otse
## Pull-päringu juhised ## Pull requesti juhised
### Pealkirja formaat ### Pealkirja formaat
Kasuta selgeid, kirjeldavaid pealkirju, mis näitavad muudatuse valdkonda: Kasutage selgeid, kirjeldavaid pealkirju, mis näitavad muudatuste valdkonda:
- `[Quiz-app] Lisa uus viktoriin õppetund X jaoks` - `[Quiz-app] Lisa uus viktoriin õppetunnile X`
- `[Lesson-3] Paranda kirjaviga terrarium projektis` - `[Lesson-3] Paranda kirjaviga terrarium projektis`
- `[Translation] Lisa hispaania tõlge õppetund 5 jaoks` - `[Translation] Lisa hispaania tõlge õppetunnile 5`
- `[Docs] Uuenda seadistusjuhiseid` - `[Docs] Uuenda seadistusjuhiseid`
### Nõutavad kontrollid ### Nõutavad kontrollid
@ -228,55 +228,55 @@ Kasuta selgeid, kirjeldavaid pealkirju, mis näitavad muudatuse valdkonda:
Enne PR-i esitamist: Enne PR-i esitamist:
1. **Koodi kvaliteet**: 1. **Koodi kvaliteet**:
- Käivita `npm run lint` mõjutatud projektikataloogides - Käivitage `npm run lint` mõjutatud projektikaustades
- Paranda kõik lintimise vead ja hoiatused - Parandage kõik lintimisvead ja hoiatused
2. **Ehituse kontroll**: 2. **Ehituskontroll**:
- Käivita `npm run build`, kui see on kohaldatav - Käivitage `npm run build`, kui see on asjakohane
- Veendu, et ehitus on edukas - Veenduge, et ehitusvead puuduvad
3. **Linkide valideerimine**: 3. **Linkide valideerimine**:
- Testi kõik markdown lingid - Kontrollige kõiki markdowni linke
- Kontrolli pildiviiteid - Veenduge, et pildiviited töötavad
4. **Sisu ülevaatus**: 4. **Sisukontroll**:
- Keele- ja õigekirjakontroll - Oikige õigekirja ja grammatika
- Veendu, et koodi näited on õiged ja hariduslikud - Veenduge, et koodinäited on korrektsed ja harivad
- Kontrolli, et tõlked säilitavad originaalse tähenduse - Kontrollige, et tõlked säilitavad algse tähenduse
### Panustamise nõuded ### Panustamise nõuded
- Nõustu Microsofti CLA-ga (esimese PR-i automatiseeritud kontroll) - Nõustuge Microsofti CLA-ga (automatiseeritud kontroll esimese PR-i puhul)
- Järgi [Microsofti avatud lähtekoodi käitumisreegleid](https://opensource.microsoft.com/codeofconduct/) - Järgige [Microsoft Open Source käitumiskoodeksit](https://opensource.microsoft.com/codeofconduct/)
- Vaata üksikasjalikke juhiseid [CONTRIBUTING.md](./CONTRIBUTING.md) failist - Lisateave panustamise kohta on [CONTRIBUTING.md](./CONTRIBUTING.md)
- Viita PR kirjelduse juures vajadusel probleemide numbritele - Tõstke PR kirjelduses esile seotud issue numbrid, kui asjakohane
### Ülevaatusprotsess ### Käsitlusprotsess
- PR-sid vaatavad läbi hooldajad ja kogukond - PR-id vaatavad üle hoidla hooldajad ja kogukond
- Prioriteediks on hariduslik selgus - Eelistatakse hariduslikku selgust
- Koodi näited peavad järgima hetke parimaid praktikaid - Koodinäited peaksid järgima parimaid tavasid
- Tõlgetel on ülevaatus täpsuse ja kultuurilise sobivuse tagamiseks - Tõlked vaadatakse üle täpsuse ja kultuurilise sobivuse osas
## Tõlkesüsteem ## Tõlkesüsteem
### Automaatne tõlge ### Automaatne tõlge
- Kasutab GitHub Actionsi koos co-op-translator töövooga - Kasutab GitHub Actions koos co-op-translator töövooga
- Tõlgib automaatselt 50+ keelde - Tõlgib automaatselt 50+ keelde
- Allikafailid on põhikaustades - Allikafailid on peakaustades
- Tõlgitud failid asuvad `translations/{language-code}/` kataloogides - Tõlgitud failid asuvad `translations/{language-code}/` kataloogides
### Käsitsi tõlkeparanduste lisamine ### Käsitsi tõlke paranduste lisamine
1. Leia fail `translations/{language-code}/` kataloogist 1. Leidke fail `translations/{language-code}/`
2. Tee parandused, hoides struktuuri 2. Tehke parandusi, säilitades struktuuri
3. Veendu, et koodi näited töötavad jätkuvalt 3. Veenduge, et koodinäited töötavad jätkuvalt
4. Testi kõiki kohandatud viktoriini sisu osi 4. Testige kohalikku viktoriini sisu
### Tõlke metaandmed ### Tõlke metaandmed
Tõlgitud failidel on metaandmete päis: Tõlgitud failid sisaldavad metaandmete päist:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
--> -->
``` ```
## Silumine ja probleemide lahendamine ## Silumine ja tõrkeotsing
### Levinumad probleemid ### Levinud probleemid
**Viktoriinirakendus ei käivitu**: **Viktoriini äpp ei käivitu**:
- Kontrolli Node.js versiooni (soovituslik v14+) - Kontrollige Node.js versiooni (soovitav v14+)
- Kustuta `node_modules` ja `package-lock.json`, käivita `npm install` uuesti - Kustutage `node_modules` ja `package-lock.json`, käivitage uuesti `npm install`
- Kontrolli pordikonflikte (vaikimisi: Vite kasutab porti 5173) - Kontrollige portide konflikte (vaikimisi kasutab Vite porti 5173)
**API server ei käivitu**: **API server ei käivitu**:
- Kontrolli, et Node.js versioon on vähemalt 10 või uuem - Kontrollige, et Node.js versioon vastab nõuetele (node >=10)
- Kontrolli, kas port on juba hõivatud - Kontrollige, kas port on juba kasutuses
- Veendu, et kõik sõltuvused on paigaldatud `npm install` abil - Veenduge, et kõik sõltuvused on installitud `npm install` abil
**Brauserilaiendus ei lae**: **Brauserilaiend ei laadi**:
- Kontrolli, et manifest.json on õigesti vormistatud - Kontrollige, et manifest.json on korrektselt vormindatud
- Vaata brauseri konsoolist veateateid - Vaadake brauseri konsoolist veateateid
- Järgi brauseripõhiseid laienduse paigaldusjuhiseid - Järgige brauseripõhiseid laiendi installi juhiseid
**Python juturoboti probleemid**: **Python vestlusprojekti probleemid**:
- Veendu, et OpenAI pakett on paigaldatud: `pip install openai` - Veenduge, et OpenAI pakett on installitud: `pip install openai`
- Kontrolli, et GITHUB_TOKEN keskkonnamuutuja on seatud - Kontrollige, et GITHUB_TOKEN keskkonnamuutuja on seadistatud
- Kontrolli GitHub mudelitele juurdepääsu õigusi - Kontrollige GitHub Models'i ligipääsuõigusi
**Docsify ei serveeri dokumente**: **Docsify ei serveeri dokumente**:
- Paigalda docsify-cli globaalselt: `npm install -g docsify-cli` - Paigaldage globaalne docsify-cli: `npm install -g docsify-cli`
- Käivita hoidla juurkataloogist - Käivitage hoidla juurkataloogist
- Kontrolli, et fail `docs/_sidebar.md` on olemas - Kontrollige, et `docs/_sidebar.md` fail on olemas
### Arenduskeskkonna näpunäited ### Arenduskeskkonna näpunäiteid
- Kasuta VS Code’i koos Live Server laiendusega HTML projektide jaoks - Kasutage VS Code'i koos Live Server laiendusega HTML projektide jaoks
- Paigalda ESLint ja Prettier laiendused ühtlaseks vormindamiseks - Paigaldage ESLint ja Prettier laiendused ühtlaseks vormindamiseks
- Kasuta brauseri arendustööriistu JavaScripti silumiseks - Kasutage brauseri DevTools’i JavaScripti silumiseks
- Vue projektide puhul paigalda Vue DevTools brauserilaiendus - Vue projektide jaoks paigaldage Vue DevTools brauserilaiend
### Jõudluse kaalutlused ### Jõudluse kaalutlused
- Palju tõlgitud faile (50+ keeltes) tähendab suurt klooni suurust - Suurem hulk tõlgitud faile (50+ keelt) teeb täiskloonid mahukaks
- Kasuta madalat klooni, kui töötad ainult sisuga: `git clone --depth 1` - Kasutage ülasidumist, kui töötate ainult sisuga: `git clone --depth 1`
- Väldi tõlgete otsimist, kui keskendud inglisekeelsele sisule - Välistage tõlked ingliskeelse sisuga töötades otsingutest
- Ehitused võivad esimesel korral olla aeglased (npm install, Vite build) - Esimene kord võivad ehitusprotsessid olla aeglased (npm install, Vite build)
## Turvalisuse kaalutlused ## Turvalisuse kaalutlused
### Keskkonnamuutujad ### Keskkonnamuutujad
- API võtmeid ei tohi kunagi hoidlasse panna - API võtit ei tohi kunagi hoidlas hoida
- Kasuta `.env` faile (juba `.gitignore`-s) - Kasutage `.env` faile (juba `.gitignore`-s)
- Dokumenteeri nõutud keskkonnamuutujad projekti READMEs - Dokumenteerige vajalikud keskkonnamuutujad projekti README-des
### Python projektid ### Python projektid
- Kasuta virtuaalset keskkonda: `python -m venv venv` - Kasutage virtuaalset keskkonda: `python -m venv venv`
- Hoia sõltuvused ajakohased - Hoidke sõltuvused uuendatud
- GitHubi tokenid peaksid omama minimaalseid vajalikke õigusi - GitHubi tokenitel peaks olema minimaalne nõutav ligipääs
### GitHub mudelitele juurdepääs ### GitHub Models ligipääs
- GitHub mudelite jaoks on vajalikud personaalsed juurdepääsutokenid (PAT) - Isiklikud ligipääsu tokenid (PAT) on vajalikud GitHub Models'ile
- Tokenid tuleks hoida keskkonnamuutujatena - Tokenid tuleks hoida keskkonnamuutujatena
- Ära kunagi pane tokenit või mandaate hoidla hulka - Ärge kunagi pange tokeneid või kasutajatunnuseid hoidlasse
## Lisamärkused ## Lisamärkused
### Sihtgrupp ### Sihtgrupp
- Täielikud algajad veebiarenduses - Täielikud algajad veebiarenduses
- Üliõpilased ja iseseisvad õppijad - Õpilased ja isetegijad
- Õpetajad, kes kasutavad õppekava klassiruumis - Õpetajad, kes kasutavad õppekava klassiruumis
- Sisu on loodud ligipääsetavaks ning oskuste järkjärguliseks arendamiseks - Sisu on loodud ligipääsetavaks ja oskuste järkjärguliseks kujundamiseks
### Haridusalane filosoofia ### Hariduslik filosoofia
- Projektipõhine õppe lähenemine - Projektipõhine õppe lähenemine
- Sageli toimuvad teadmiste kontrollid (viktoriinid) - Sageli tehtavad teadmiste kontrollid (viktoriinid)
- Praktilised kodeerimisharjutused - Praktiseerivad kodeerimisülesanded
- Reaalmaailma rakenduste näited - Reaalsete rakenduste näited
- Keskendumine põhitõdedele enne raamistikke - Fookus põhitalitustel enne raamistikke
### Hoidla hooldus ### Hoidla hooldus
- Aktiivne kogukond õppijate ja panustajatega - Aktiivne kogukond õppijate ja panustajatega
- Regulaarne sisu ja sõltuvuste uuendamine - Sõltuvuste ja sisu regulaarne uuendamine
- Hooldajad jälgivad issue-sid ja arutelusid - Hoiuluründed ja arutelud hooldajate poolt jälgitavad
- Tõlkete uuendused on automatiseeritud GitHub Actionsi kaudu - Tõlkeuuendused automatiseeritud GitHub Actions abil
### Seotud ressursid ### Seotud ressursid
- [Microsoft Learn moodulid](https://docs.microsoft.com/learn/) - [Microsoft Learn moodulid](https://docs.microsoft.com/learn/)
- [Õpilaskeskuse ressursid](https://docs.microsoft.com/learn/student-hub/) - [Student Hub ressursid](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) soovitatav õppuritele - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) soovitatav õppijatele
- Täiendavad kursused: Generatiivne AI, Andmeteadus, ML, IoT õppekavad saadaval - Täiendavad kursused: Generative AI, Data Science, ML, IoT õppekavad saadaval
### Töötamine konkreetsete projektidega ### Spetsiaalprojektidega töötamine
Üksikasjalike juhiste jaoks üksikprojektidele vaata READMEsid: Üksikute projektide üksikasjalike juhiste jaoks vt README faile:
- `quiz-app/README.md` - Vue 3 viktoriinirakendus - `quiz-app/README.md` - Vue 3 viktoriini rakendus
- `7-bank-project/README.md` - pangarakendus autentimisega - `7-bank-project/README.md` - Panga rakendus autentimisega
- `5-browser-extension/README.md` - brauserilaienduse arendus - `5-browser-extension/README.md` - Brauserilaiendi arendamine
- `6-space-game/README.md` - Canvas-põhine mänguarendus - `6-space-game/README.md` - Canvas-põhine mänguarendus
- `9-chat-project/README.md` - AI juturoboti projekt - `9-chat-project/README.md` - AI vestlusabilise projekt
### Monorepo struktuur ### Monorepo struktuur
Kuigi see ei ole traditsiooniline monorepo, sisaldab see hoidla mitut sõltumatut projekti: Kuigi ei ole traditsiooniline monorepo, sisaldab see hoidla mitut sõltumatut projekti:
- Iga õppetund on iseseisev - Iga õppetund on iseseisev
- Projektidel pole ühiseid sõltuvusi - Projektid ei jaga sõltuvusi
- Töötada saab eraldi projektide kallal ilma teistele mõjuta - Töötage üksikute projektidega mõjutamata teisi
- Klooni kogu hoidla kogu õppekava kogemuse saamiseks - Kloonige kogu hoidla kogu õppekava kogemuse saamiseks
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vastutusest loobumine**: **Vastutusest vabastamine**:
See dokument on tõlgitud, kasutades AI tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi me püüdleme täpsuse poole, palun pange tähele, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tekkida võivate arusaamatuste või valesti mõistmiste eest. Seda dokumenti on tõlgitud kasutades AI tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi me püüdleme täpsuse poole, olge teadlik, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Tähtsa teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühegi arusaamatuse ega tõlgenduse eest, mis võivad tuleneda selle tõlke kasutamisest.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

208
translations/et/README.md
Unescape View File

@ -12,27 +12,27 @@
# Veebiarendus algajatele - õppekava # Veebiarendus algajatele - õppekava
Õppige veebiarenduse aluseid meie 12-nädalase põhjaliku kursusega, mida viivad läbi Microsoft Cloud Advocates. Iga 24 õppetundi süveneb JavaScripti, CSS-i ja HTML-i tundmaõppimisse praktiliste projektide kaudu, nagu terrariumid, brauserilaiendused ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Parandage oma oskusi ja optimeerige teadmiste omandamist meie tõhusa projektipõhise pedagoogika abil. Alustage oma programmeerimisteekonda juba täna! Õppige veebiarenduse põhialuseid meie Microsoft Cloud Advocates 12-nädalase põhjaliku kursusega. Iga 24 õppetundi sukeldub JavaScripti, CSS-i ja HTML-i praktiliste projektide kaudu, nagu terrariumid, brauserilaiendid ja kosmosemängud. Osalege viktoriinides, aruteludes ja praktilistes ülesannetes. Täiendage oma oskusi ja optimeerige teadmiste omandamist meie tõhusa projektipõhise pedagoogiaga. Alustage oma programmeerimisteekonda juba täna!
Liituge Azure AI Foundry Discordi kogukonnaga Liituge Azure AI Foundry Discordi kogukonnaga
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Järgige neid samme, et alustada nende ressursside kasutamist: Järgige neid samme, et alustada nende ressursside kasutamist:
1. **Tehke fork**: Klõpsake [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **Tehke hoidlast Fork**: Klõpsake [![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. **Kloonige hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Klooni hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning kaasarendajatega**](https://discord.com/invite/ByRwuEEgH4) 3. [**Liituge Azure AI Foundry Discordiga ja kohtuge ekspertide ning teiste arendajatega**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Mitmekeelse toe võimalus ### 🌐 Mitmekeelne tugi
#### Tugineb GitHub Actionile (automatiseeritud ja alati ajakohane) #### Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](./README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) [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](./README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **Eelistate kohalikku kloonimist?** > **Eelistate kloonida lokaalselt?**
> >
> See hoidla sisaldab üle 50 keele tõlget, mis suurendab allalaadimismahu oluliselt. Tõlgeteta kloonimiseks kasutage sparsel checkouti: > See hoidla sisaldab üle 50 keele tõlget, mis suurendab oluliselt allalaaditava faili suurust. Tõlgeteta kloonimiseks kasutage sparse checkouti:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -51,172 +51,172 @@ Järgige neid samme, et alustada nende ressursside kasutamist:
> See annab teile kõik vajaliku kursuse läbimiseks palju kiirema allalaadimisega. > See annab teile kõik vajaliku kursuse läbimiseks palju kiirema allalaadimisega.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**Kui soovite lisada uusi toetatud tõlkekeeli, on need loetletud [siin](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **Kui soovite, et toetataks täiendavaid tõlkekeeli, on need loetletud [siin](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _Oled õpilane?_ #### 🧑‍🎓 _Kas oled õpilane?_
Külasta [**Öpilaskeskuse lehte**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajatele mõeldud ressursse, õpilaspakette ja isegi võimalusi saada tasuta sertifikaadikuponge. See on leht, mida soovid järjehoidjatesse lisada ja aeg-ajalt vaadata, sest sisu uuendatakse iga kuu. Külasta [**Õpilase keskuse lehte**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajate ressursid, õpilaspakid ja isegi võimalusi saada tasuta sertifikaadikuponk. Seda lehte soovitatakse järjehoidjates hoida ja aeg-ajalt kontrollida, sest me vahetame sisu igakuiselt.
### 📣 Teade - uued GitHub Copilot Agendi režiimi väljakutsed täitmiseks! ### 📣 Teade - Uued GitHub Copilot agendi režiimi väljakutsed täitmiseks!
Uus väljakutse lisatud, otsi enamikes peatükkides "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse teile, mida täita GitHub Copiloti ja agendi režiimi abil. Kui te ei ole varem agendi režiimi kasutanud, on see võimeline genereerima mitte ainult teksti, vaid ka looma ja redigeerima faile, käivitama käske ja muud. Lisatud uus väljakutse - otsi pealkirja "GitHub Copilot Agent Challenge 🚀" enamikus peatükkides. See on uus väljakutse GitHub Copiloti ja agendi režiimis kasutamiseks. Kui sa pole agendi režiimi varem kasutanud, siis see suudab lisaks teksti genereerimisele ka faile luua ja muuta, käsklusi jooksutada ja palju muud.
### 📣 Teade - _uus projekt, mille saab luua Generatiivse AI abil_ ### 📣 Teade - _Uus Projekt generatiivse tehisintellekti kasutamiseks_
Uus AI assistendi projekt on just lisatud, vaata projekti [siit](./9-chat-project/README.md) Lisatud on uus AI abiprojekt, vaata [projekti](./9-chat-project/README.md)
### 📣 Teade - _Uus õppekava_ Generatiivse AI kohta JavaScriptile on just välja antud ### 📣 Teade - _Uus õppekava_ generatiivse tehisintellekti kohta JavaScripti jaoks on just välja antud
Ära jää ilma meie uuest Generatiivse AI õppekavast! Ära jäta vahele meie uut generatiivse tehisintellekti õppekava!
Külasta [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) alustamiseks! Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
![Background](../../translated_images/et/background.148a8d43afde5730.webp) ![Taust](../../translated_images/et/background.148a8d43afde5730.webp)
- Õppetunnid hõlmavad kõike alates algteadmistest kuni RAG-ini. - Õppetunnid hõlmavad kõike alates põhialustest kuni RAG-ini.
- Suhtle ajalooliste tegelastega GenAI ja meie kaaslase rakenduse abil. - Suhtle ajalooliste tegelastega GenAI ja meie kaasrakenduse abil.
- Lõbus ja kaasahaarav jutustus, kus sa rändad ajas! - Lõbus ja kaasahaarav narratiiv, sa rändad ajas!
![character](../../translated_images/et/character.5c0dd8e067ffd693.webp) ![tegelane](../../translated_images/et/character.5c0dd8e067ffd693.webp)
Iga õppetund sisaldab täidetavat ülesannet, teadmiste kontrolli ja väljakutset, mis juhib õppimist teemadel nagu: Iga õppetund sisaldab ülesannet, teadmiste kontrolli ja väljakutset, mis juhib sind järgmiste teemade õppimisel:
- Käsutamine ja käsu koostamine - Päringute koostamine ja päringute inseneritöö
- Teksti- ja pildirakenduste genereerimine - Teksti ja pildi rakenduste genereerimine
- Otsingurakendused - Otsingurakendused
Külasta [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) alustamiseks! Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
## 🌱 Alustamine ## 🌱 Alustamine
> **Õpetajad**, oleme lisanud [mõningaid soovitusi](for-teachers.md), kuidas seda õppekava kasutada. Ootame teie tagasisidet [meie arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Õpetajad**, oleme lisanud [mõned soovitused](for-teachers.md) selle õppekava kasutamiseks. Ootame teie tagasisidet [meie arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni puhul alustage eel-loengu viktoriiniga ja jätkake õppetükiga, täites erinevaid tegevusi ja kontrollides arusaamist järel-loengu viktoriiniga. **[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni juures alustage eelloenguviktoriiniga ja jätkake loengumaterjali lugemise, erinevate tegevuste lõpetamise ja järelviktoriini tegemisega oma arusaamise kontrollimiseks.
Õppimiskogemuse parandamiseks ühenduge oma eakaaslastega, et koos projekte teha! Arutelud on julgustatud meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorimeeskond vastab teie küsimustele. Et parandada õpikogemust, ühenduge oma eakaaslastega, et projektides koos töötada! Arutelud on teretulnud meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorite meeskond vastab teie küsimustele.
Haridusteekonna süvendamiseks soovitame tungivalt uurida [Microsoft Learni](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) täiendavaid õppematerjale. Hariduse süvendamiseks soovitame tungivalt uurida [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) täiendavate õppematerjalide jaoks.
### 📋 Keskkonna seadistamine ### 📋 Keskkonna seadistamine
Sellel õppekaval on arenduskeskkond kohe kasutamiseks valmis! Alustades võite valida, kas kasutada õppekava [Codespaces](https://github.com/features/codespaces/) keskkonnas (_brauseripõhine, installimist mitte nõudev keskkond_) või oma arvutis lokaalselt tekstiredaktorit, näiteks [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Sellel õppekaval on valmis arenduskeskkond! Alustades võite valida kursuse käivitamiseks [Codespace'is](https://github.com/features/codespaces/) (_brauseripõhine, ilma installeerimiseta keskkond_) või lokaalselt oma arvutis tekstiredaktori, nagu [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), abil.
#### Loo oma hoidla #### Loo oma hoidla
Selleks, et oma tööd hõlpsasti salvestada, soovitame luua oma koopia sellest hoidlast. Seda saab teha, klõpsates lehe ülaosas nuppu **Use this template**. See loob uue hoidla teie GitHubi kontole koos õppekava koopiaga. Et saaksid oma tööd mugavalt salvestada, soovitatakse luua oma hoidla koopia. Seda saab teha, klõpsates lehe ülaosas nuppu **Use this template**. Sellega luuakse teie GitHubi kontole uus hoidla koopia õppekavast.
Järgige neid samme: Järgige neid samme:
1. **Tehke fork**: Klõpsake selle lehe paremas ülanurgas nuppu "Fork". 1. **Tehke Fork hoidlast**: Klõpsake selle lehe paremas ülanurgas nuppu "Fork".
2. **Kloonige hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Kloonige hoidla**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Õppekava käitamine Codespaces keskkonnas #### Kursuse käivitamine Codespace'is
Oma loodud hoidla koopias klõpsake nuppu **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i, kus tööd teha. Oma loodud hoidla koopias klõpsake nupul **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i töötamiseks.
![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp)
#### Õppekava käitamine lokaalselt oma arvutis #### Kursuse käivitamine lokaalselt arvutis
Õppekava lokaalseks käivitamiseks vajate tekstiredaktorit, veebilehitsejat ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhendab teid erinevate võimaluste valikul iga tööriista jaoks. Selle kursuse käivitamiseks lokaalselt arvutis vajate tekstiredaktorit, brauserit ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja kauplemisvahenditesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhendab teid erinevate tööriistade valiku läbi, et leida just teile sobiv lahendus.
Soovitame kasutada [Visual Studio Code'i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) redaktorina, millel on sisseehitatud [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code'i saate alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Soovitame kasutada toimetajana [Visual Studio Code'i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon), millel on ka sisseehitatud [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code'i saate alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Kopeeri oma hoidla arvutisse. Seda saad teha, klõpsates nuppu **Code** ning kopeerides URL-i: 1. Kopeeri oma hoidla oma arvutisse. Seda saad teha, klõpsates nuppu **Code** ja kopeerides URL-i:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Seejärel ava [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) sees ning käivita järgmine käsk, asendades `<your-repository-url>` just äsja kopeeritud URL-iga: Seejärel ava [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) [Visual Studio Code’is](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ning käivita järgmine käsk, asendades `<your-repository-url>` just kopeeritud URL-iga:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Ava Visual Studio Code’is kaust. Seda saad teha, klõpsates **File** > **Open Folder** ning valides kausta, mille just kloonisid. 2. Ava kaust Visual Studio Code’is. Seda saad teha, klõpsates **File** > **Open Folder** ja valides hiljuti kloonitud kausta.
> Soovitatud Visual Studio Code'i laiendused: > Soovitatud Visual Studio Code laiendused:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-lehtede eelvaade Visual Studio Code’is > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-lehtede eelvaade Visual Studio Code’i sees
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab kirjutada koodi kiiremini > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab koodi kiiremini kirjutada
## 📂 Iga õppetükk sisaldab: ## 📂 Iga õppetund sisaldab:
- valikulist visandit - valikulist visandimärkmikku
- valikulist täiendavat videot - valikulist täiendavat videot
- soojendusharjutust enne tundi - tunni eelset soojenduse viktoriini
- kirjalikku õppetükki - kirjalikku õppetundi
- projektipõhiste õppetükkide puhul samm-sammulisi juhendeid, kuidas projekti ehitada - projektipõhiste tundide puhul samm-sammult juhendeid, kuidas projekti koostada
- teadmiste kontrolli küsimustikke - teadmiste kontrolli
- väljakutset - väljakutset
- täiendavat lugemist - täiendavat lugemist
- ülesannet - ülesannet
- [pärastundi viktoriini](https://ff-quizzes.netlify.app/web/) - [tunni järgset viktoriini](https://ff-quizzes.netlify.app/web/)
> **Märkus viktoriinide kohta**: Kõik viktoriinid asuvad Quiz-app kaustas, kokku 48 viktoriini, milles igas on kolm küsimust. Need on kättesaadavad [siin](https://ff-quizzes.netlify.app/web/). Viktoriini rakendus saab käivitada lokaalselt või paigaldada Azure’i; järgige juhiseid `quiz-app` kaustas. > **Märkuse viktoriinide kohta**: Kõik viktoriinid on paigutatud Quiz-app kausta, kokku 48 viktoriini, igaühes kolm küsimust. Need on saadaval [siin](https://ff-quizzes.netlify.app/web/), viktoriiniäppi saab käivitada lokaalselt või juurutada Azure’isse; järgige juhiseid kaustas `quiz-app`.
## 🗃️ Õppetükid ## 🗃️ Õppetunnid
| | Projekti nimi | Õpitavad kontseptsioonid | Õpieesmärgid | Seotud õppetükk | Autor | | | Projekti nimi | Õpitud kontseptsioonid | Õpieesmärgid | Lingitud õppetund | Autor |
| :-: | :-------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Alustamine | Sissejuhatus programmeerimisse ja tööriistadesse | Õpi programmeerimiskeelte põhialuseid ja tarkvara, mis aitab professionaalsel arendajal tööd teha | [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Alustamine | Programmeerimise sissejuhatus ja tööriistad | Õpi programmeerimiskeelte põhitõdesid ja professionaalsetele arendajatele abiks olevat tarkvara | [Programmeerimiskeelte ja tööriistade sissejuhatus](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Alustamine | GitHub põhialused, sh meeskonnatöö | Kuidas kasutada GitHubi projektis ja kuidas meeskonnana koodil koos töötada | [Sissejuhatus GitHubi](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Alustamine | GitHubi põhialused, meeskonnatöö | Kuidas kasutada GitHubi oma projektis, kuidas teistega koodibaasis koostööd teha | [GitHubi sissejuhatus](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Alustamine | Juurdepääsetavus | Õpi veebipõhise juurdepääsetavuse aluseid | [Juurdepääsetavuse alused](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Alustamine | Juurdepääsetavus | Õpi veebisaidi juurdepääsetavuse aluseid | [Juurdepääsetavuse põhitõed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS põhitõed | JavaScripti andmetüübid | JavaScripti andmetüüpide põhialused | [Andmetüübid](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS põhitõed | JavaScripti andmetüübid | JavaScripti andmetüüpide põhitõed | [Andmetüübid](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS põhitõed | Funktsioonid ja meetodid | Õpi funktsioonidest ja meetoditest rakenduse loogika juhtimisel | [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | | 05 | JS põhitõed | Funktsioonid ja meetodid | Õpi rakenduse loogika haldamiseks funktsioonide ja meetodite kohta | [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher |
| 06 | JS põhitõed | Otsuste tegemine JS-ga | Õpi, kuidas luua tingimusi oma koodis otsustuste tegemise meetodite abil | [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS põhitõed | Otsuste tegemine JavaScriptiga | Õpi, kuidas koodis tingimusi luua otsustamisstruktuuride abil | [Otsuste tegemine](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS põhitõed | Massiivid ja tsüklid | Töötle andmeid JavaScripti massiivide ja tsüklite abil | [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS põhitõed | Massiivid ja tsüklid | Töötle andmeid massiivide ja tsüklitega JavaScriptis | [Massiivid ja tsüklid](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML praktikas | Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse loomisele | [Sissejuhatus HTML-i](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML praktikas | Ehita HTML, et luua veebipõhine terrarium, keskendudes paigutuse loomisele | [HTML sissejuhatus](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikas | Ehita CSS veebiterrariumi kujundamiseks, keskendudes CSS põhialustele ja lehe reageerivusele | [Sissejuhatus CSS-i](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikas | Ehita CSS veebiterrariumi kujundamiseks, keskendudes CSS alustele ja veebilehe reageerivusele | [CSS sissejuhatus](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScripti sulgemised, DOM-i manipuleerimine | Ehita JavaScript, mis muudab terrariumi lohistatavaks kasutajaliideseks, keskendudes sulgemistele ja DOM-i manipuleerimisele | [JavaScript sulgemised ja DOM-i manipuleerimine](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScripti sulgudes, DOM-i manipuleerimine | Kirjuta JavaScript, mis võimaldab terrariumil toimida lohista ja lase liidesena, keskendudes sulgudele ja DOM-i manipuleerimisele | [JavaScripti sulgudes, DOM-i manipuleerimine](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Tippimismäng](./4-typing-game/solution/README.md) | Tippimismängu loomine | Õpi kasutama klaviatuuri sündmusi, et juhtida oma JavaScripti rakenduse loogikat | [Sündmuspõhine programmeerimine](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Tippimismäng](./4-typing-game/solution/README.md) | Tippimismängu loomine | Õpi kasutama klahvisündmusi JavaScripti rakenduse loogika juhtimiseks | [Sündmustepõhine programmeerimine](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Brauseritega töötamine | Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaiendi esimesed elemendid | [Brauserite kohta](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Roheline brauserilaiendus](./5-browser-extension/solution/README.md) | Brauseritega töötamine | Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas luua brauserilaienduse esimesed elemendid | [Brauserite kohta](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja muutujate salvestamine lokaalsesse mällu | Ehita brauserilaiendi JavaScripti osad API kutsumiseks, kasutades lokaalsesse mällu salvestatud muutujaid | [API-d, vormid ja lokaalne mälu](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Roheline brauserilaiendus](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja muutujate salvestamine lokaalses salvestusruumis | Ehita oma brauserilaienduse JavaScripti elemendid API kutsumiseks, kasutades lokaalses salvestusruumis talletatud muutujaid | [API-d, vormid ja lokaalne salvestusruum](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Taustaprotsessid brauseris, veebitööjõudlus | Kasuta brauseri taustaprotsesse laiendi ikooni juhtimiseks; õpi veebitööjõudlusest ja mõningatest optimeerimistest | [Taustaprotsessid ja tööjõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Roheline brauserilaiendus](./5-browser-extension/solution/README.md) | Brauseri taustaprotsessid, veebiseo jõudlus | Kasuta brauseri taustaprotsesse laienduse ikooni haldamiseks; õpi veebiseose ja optimeerimiste kohta, et parandada performantsi | [Taustatöötlus ja jõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Kosmosemäng](./6-space-game/solution/README.md) | Täiustatud mänguarendus JavaScriptiga | Õpi pärandamise kohta klasside ja koostise kaudu ning Pub/Sub mustrit, ettevalmistuseks mängu loomiseks | [Täiustatud mänguarenduse sissejuhatus](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Tähesõjamäng](./6-space-game/solution/README.md) | Täiustatud mänguarendus JavaScriptiga | Õpi pärimise kohta nii klasside kui ka koosseisude kaudu, samuti Pub/Sub mustrit, et valmistuda mängu loomiseks | [Täiustatud mänguarenduse sissejuhatus](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Kosmosemäng](./6-space-game/solution/README.md) | Joonistamine lõuendile | Õpi Canvas API kasutamist ekraanile elementide joonistamiseks | [Joonistamine lõuendile](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Tähesõjamäng](./6-space-game/solution/README.md) | Joonistamine lõuendile | Õpi Canvas API kasutamist elementide joonistamiseks ekraanile | [Joonistamine lõuendile](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Kosmosemäng](./6-space-game/solution/README.md) | Elementide liigutamine ekraanil | Avastage, kuidas elementidele anda liikumist kasutades kaarteesia koordinaate ja Canvas API-d | [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Tähesõjamäng](./6-space-game/solution/README.md) | Elementide liigutamine ekraanil | Uuri, kuidas elementidel võib olla liikumine kasutades karteesia koordinaate ja Canvas API-t | [Elementide liigutamine](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Kosmosemäng](./6-space-game/solution/README.md) | Kokkupõrke tuvastamine | Tee elementide kokkupõrked ja reageerimine kasutades klahvivajutusi ning lisa jahutusfunktsioon, mis tagab mängu sujuvuse | [Kokkupõrke tuvastamine](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Tähesõjamäng](./6-space-game/solution/README.md) | Kokkupõrgete tuvastamine | Pane elemendid kokkupõrkama ja reageerima omavahel vajutuste abil ning lisa jahutuse funktsioon, et tagada mängu jõudlus | [Kokkupõrgete tuvastamine](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Kosmosemäng](./6-space-game/solution/README.md) | Skoriga arvestamine | Tee matemaatilisi arvutusi mängu staatuse ja jõudluse alusel | [Skoori pidamine](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Tähesõjamäng](./6-space-game/solution/README.md) | Skoori hoidmine | Tee matemaatilisi arvutusi mängu seisundi ja tulemuse põhjal | [Skoori hoidmine](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Kosmosemäng](./6-space-game/solution/README.md) | Mängu lõpetamine ja taaskäivitamine | Õpi mängu lõpetamise ja taaskäivitamise kohta, sh ressursside puhastamine ja muutuja väärtuste lähtestamine | [Lõputingimus](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Tähesõjamäng](./6-space-game/solution/README.md) | Mängu lõpetamine ja taasalustamine | Õpi mängu lõpetamise ja taasalustamise kohta, sealhulgas varade puhastamist ja muutujate väärtuste lähtestamist | [Lõpetamise tingimus](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Pangarakendus](./7-bank-project/solution/README.md) | HTML mallid ja marsruudid veebirakenduses | Õpi, kuidas luua mitmeleheküljelise veebilehe arhitektuuri tugistruktuur marsruutimise ja HTML mallide abil | [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Pangarakendus](./7-bank-project/solution/README.md) | HTML mallide ja marsruutide loomine veebiäpis | Õpi looma multipage veebilehe arhitektuuri skafoldi kasutades marsruutimist ja HTML malle | [HTML mallid ja marsruudid](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Pangarakendus](./7-bank-project/solution/README.md) | Logimise ja registreerimise vormi loomine | Õpi vormide loomist ja valideerimise teostamist | [Vormid](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Pangarakendus](./7-bank-project/solution/README.md) | Sisse- ja registreerimisvormi ehitamine | Õpi vormide loomist ja valideerimise käsitlemist | [Vormid](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Pangarakendus](./7-bank-project/solution/README.md) | Andmete pärimise ja kasutamise meetodid | Kuidas andmed voolavad sinu rakendusse ja sealt välja, kuidas neid pärida, salvestada ja eemaldada | [Andmed](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Pangarakendus](./7-bank-project/solution/README.md) | Andmete toomise ja kasutamise meetodid | Kuidas andmed sinu rakendusse tulevad, neid toodakse, salvestatakse ja hävitatakse | [Andmed](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Pangarakendus](./7-bank-project/solution/README.md) | Seisundihalduse kontseptsioonid | Õpi, kuidas sinu rakendus säilitab seisundit ja kuidas seda programmeeritult hallata | [Seisundihaldus](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Pangarakendus](./7-bank-project/solution/README.md) | Olekuhalduse kontseptsioonid | Õpi, kuidas sinu rakendus säilitab olekut ja kuidas seda programmeerivalt hallata | [Olekuhaldus](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Brauser/VScode Kood](../../8-code-editor) | Töötamine VScode'iga | Õpi, kuidas kasutada koodiredaktorit| [Kasuta VScode koodiredaktorit](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Brauser/VScode kood](../../8-code-editor) | Töötamine VScode'iga | Õpi, kuidas koodi redaktorit kasutada| [VScode redaktori kasutamine](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [Tehisintellekti assistendid](./9-chat-project/README.md) | Töötamine tehisintellektiga | Õpi, kuidas ehitada oma tehisintellekti assistent | [Tehisintellekti assistendi projekt](./9-chat-project/README.md) | Chris | | 26 | [AI assistendid](./9-chat-project/README.md) | Töötamine tehisintellektiga | Õpi, kuidas luua oma AI assistent | [AI assistendi projekt](./9-chat-project/README.md) | Chris |
## 🏫 Pedagoogika ## 🏫 Pedagoogika
Meie õppekava on kavandatud kahe peamise pedagoogilise põhimõtte järgi: Meie õppekava on kujundatud kahe põhilise pedagoogilise põhimõtte alusel:
* projektipõhine õpe * projektipõhine õpe
* sagedased viktoriinid * sagedased viktoriinid
Programm õpetab JavaScripti, HTML-i ja CSS-i põhialuseid ning uusimaid tööriistu ja tehnikaid, mida kasutavad tänapäeva veebiarendajad. Õpilastel on võimalus praktiliselt kogeda, ehitades tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaiendi, kosmose-invader stiilis mängu ja pangarakenduse ettevõtetele. Perioodi lõpuks omandavad õpilased tugeva arusaama veebiarendusest. Programm õpetab JavaScripti, HTML-i ja CSS-i põhitõdesid ning uusimaid tööriistu ja tehnikaid, mida tänased veebiarendajad kasutavad. Õpilastel on võimalus omandada praktilisi kogemusi, luues tippimismängu, virtuaalse terrariumi, keskkonnasõbraliku brauserilaienduse, ruumivõitlusstiilis mängu ja äripangarakenduse. Sarja lõpuks on õpilased omandanud kindla arusaama veebiarendusest.
> 🎓 Võid esimesed paar õppetükki sellest õppekavast läbida ka [Õppeteekina](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn platvormil! > 🎓 Võid selle õppekava esimesed paar õppetundi võtta Microsoft Learn'i [Õppetee](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) kaudu!
Sisule vastavate projektide abil tehakse õppimisprotsess kaasahaaravamaks ning mõistete meeldejätmine paraneb. Kirjutasime ka mitu algõpetust JavaScripti põhialuste kohta, tutvustamaks mõisteid koos videoga "[Algajate sari: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", mille mõned autorid panustasid sellesse õppekavasse. Tagades, et sisu on projekte nõustav, on õppimisprotsess õpilaste jaoks kaasahaaravam ning kontseptsioonide kinnistumine parem. Kirjutasime ka mitu alustavat õppetundi JavaScripti põhialustega, et tutvustada kontseptsioone, lisaks on videosari "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", mille autorid mõningal määral selle õppekava loomisele kaasa aitasid.
Lisaks seab klassieelse lihtsalt stressivaba viktoriiniga õpilase eesmärgi konkreetse teema õppimiseks, ning teine viktoriin klassijärgsel ajal tagab teadmiste edasi kinnistamise. See õppekava on loodud olema paindlik ja lõbus ning seda saab läbida tervikuna või osaliselt. Projektid alustavad väikestest ja muutuvad 12-nädalase tsükli jooksul järjest keerukamaks. Lisaks seab madala riskiga viktoriin enne tundi õpilasele eesmärgi teemaga tegeleda, samal ajal kui teine viktoriin pärast tundi tagab teadmiste parema kinnistumise. See õppekava on loodud olema paindlik ja lõbus ning seda võib võtta tervikuna või osadena. Projektid algavad väikesena ja muutuvad 12-nädalase tsükli lõpuks järjest keerukamaks.
Kuigi oleme teadlikult hoidunud JavaScripti raamistikest, et keskenduda esmalt vajalikele oskustele veebiarendajana enne raamistikku omaksvõttu, võiks järgmine samm selle õppekava lõpetamisel olla Node.js õppimine teise videosarja kaudu: "[Algajate sari: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". Kuigi oleme teadlikult vältinud JavaScripti raamistike sisseviimist, et keskenduda esmalt veebiarendaja põhilisoskustele enne raamistiku omaksvõttu, oleks hea järgneva sammuna tutvuda Node.js-ga, kasutades teist videosarja: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Vaata meie [käitumisreegleid](CODE_OF_CONDUCT.md) ja [panustamise juhiseid](CONTRIBUTING.md). Oleme avatud konstruktiivsele tagasisidele! > Tutvu meie [Käitumisjuhendiga](CODE_OF_CONDUCT.md) ja [Panustamise juhistega](CONTRIBUTING.md). Ootame sinu konstruktiivset tagasisidet!
## 🧭 Võimalus töötada offline ## 🧭 Offline ligipääs
Seda dokumentatsiooni saad kasutada offline režiimis, kasutades [Docsify](https://docsify.js.org/#/). Hargne see hoidla, [paigalda Docsify](https://docsify.js.org/#/quickstart) oma arvutisse ja seejärel käivita hoidla juurkataloogis käsk `docsify serve`. Veebileht on kättesaadav aadressil `localhost:3000` pordil 3000. Seda dokumentatsiooni saab käivitada ka offline-režiimis, kasutades [Docsify](https://docsify.js.org/#/). Hargi see hoidla, paigalda [Docsify](https://docsify.js.org/#/quickstart) oma lokaalmasinale ja seejärel kirjuta selles hoidla juurkaustas käsk `docsify serve`. Veebileht on kättesaadav pordi 3000 kaudu sinu kohalikus arvutis: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Kõigi õppetundide PDF-versiooni leiate siit [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). Kõikide õppetundide PDF on leitav [siit](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Teised kursused ## 🎒 Teised kursused
Meie meeskond toodab ka teisi kursusi! Vaadake: Meie meeskond toodab ka teisi kursuseid! Vaata:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -233,7 +233,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake:
--- ---
### Generatiivse tehisintellekti seeria ### Generatiivse AI sari
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -241,7 +241,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake:
--- ---
### Põhiline õppimine ### Põhiõpe
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -252,7 +252,7 @@ Meie meeskond toodab ka teisi kursusi! Vaadake:
--- ---
### Copiloti seeria ### Copilot sari
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
@ -260,21 +260,21 @@ Meie meeskond toodab ka teisi kursusi! Vaadake:
## Abi saamine ## Abi saamine
Kui teil tekib takistusi või küsimusi AI-rakenduste loomisel, liituge teiste õppijate ja kogenud arendajatega aruteludes MCP kohta. See on toetav kogukond, kus küsimused on teretulnud ja teadmisi jagatakse vabalt. Kui sa oled kinni jäänud või sul on küsimusi AI rakenduste loomise kohta, tule liitu teiste õppijate ja kogenud arendajatega, kes arutavad MCP-d. See on toetav kogukond, kus küsimusi oodatakse ja teadmisi jagatakse vabalt.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
Kui teil on toodete kohta tagasisidet või ehitamise ajal ilmnevad vead, külastage: Kui sul on produkti tagasisidet või ehitamisel vigu, külasta:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## Litsents ## Litsents
See hoidla on litsentseeritud MIT litsentsi all. Lisateabe saamiseks vaadake faili [LICENSE](../../LICENSE). See hoidla on litsentseeritud MIT litsentsi alusel. Täpsema info saamiseks vaata faili [LICENSE](../../LICENSE).
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vastutusest loobumine**: **Vastutusest loobumine**:
See dokument on tõlgitud kasutades tehisintellekti tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame tagada täpsust, palun pidage meeles, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle algkeeles tuleks pidada autoriteetseks allikaks. Kriitilise informatsiooni puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühegi arusaamatuse ega valesti mõistmise eest, mis võib tuleneda sellest tõlkest. See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi me püüdleme täpsuse poole, olge teadlikud, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle algkeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta võimalike arusaamatuste või väärinterpreteerimiste eest, mis võivad selle tõlke kasutamisest tuleneda.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T23:24:28+00:00", "translation_date": "2026-04-06T18:28:16+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "pcm" "language_code": "pcm"
}, },
@ -516,8 +516,8 @@
"language_code": "pcm" "language_code": "pcm"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T15:33:54+00:00", "translation_date": "2026-04-06T18:25:08+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pcm" "language_code": "pcm"
}, },

224
translations/pcm/AGENTS.md
Unescape View File

@ -2,23 +2,23 @@
## Project Overview ## Project Overview
Dis na educational curriculum repository wey dem take teach web development fundamentals to beginners. Di curriculum na comprehensive 12-week course wey Microsoft Cloud Advocates develop, wey get 24 hands-on lessons wey cover JavaScript, CSS, and HTML. Dis na educational curriculum repository wey teach web development fundamentals to beginners. Di curriculum na full 12-week course wey Microsoft Cloud Advocates develop, get 24 hands-on lessons wey cover JavaScript, CSS, and HTML.
### Key Components ### Key Components
- **Educational Content**: 24 structured lessons wey dem organize into project-based modules - **Educational Content**: 24 arranged lessons wey follow project-based modules
- **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant - **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
- **Interactive Quizzes**: 48 quizzes wey get 3 questions each (pre/post-lesson assessments) - **Interactive Quizzes**: 48 quizzes wey get 3 questions each (pre/post-lesson assessments)
- **Multi-language Support**: Automated translations for 50+ languages via GitHub Actions - **Multi-language Support**: Automated translations for 50+ languages through GitHub Actions
- **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI projects) - **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (for AI projects)
### Architecture ### Architecture
- Educational repository wey get lesson-based structure - Educational repository with lesson-based structure
- Each lesson folder dey contain README, code examples, and solutions - Each lesson folder get README, code examples, and solutions
- Standalone projects dey for separate directories (quiz-app, various lesson projects) - Standalone projects for different directories (quiz-app, various lesson projects)
- Translation system wey dey use GitHub Actions (co-op-translator) - Translation system dey use GitHub Actions (co-op-translator)
- Documentation na Docsify e serve and e dey available as PDF - Documentation dey serve via Docsify and e dey available as PDF
## Setup Commands ## Setup Commands
@ -56,7 +56,7 @@ npm run format # Format wit Prettier
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Follow di way wey each browser de load extensions # Follow di browser-specific extension loading instructions
``` ```
### Space Game Projects ### Space Game Projects
@ -72,7 +72,7 @@ npm install
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# Set GITHUB_TOKEN environment variable na im # Set GITHUB_TOKEN environment variable
python api.py python api.py
``` ```
@ -80,21 +80,21 @@ python api.py
### For Content Contributors ### For Content Contributors
1. **Fork di repository** to your GitHub account 1. **Fork di repository** go your GitHub account
2. **Clone your fork** locally 2. **Clone your fork** for your local machine
3. **Create new branch** for your changes 3. **Create new branch** for your changes
4. Make changes to lesson content or code examples 4. Make changes to lesson content or code examples
5. Test any code changes inside relevant project directories 5. Test any code changes for correct project directories
6. Submit pull requests according to contribution guidelines 6. Submit pull requests wey follow contribution guidelines
### For Learners ### For Learners
1. Fork or clone di repository 1. Fork or clone di repository
2. Enter lesson directories one by one 2. Go lesson directories one by one
3. Read README files for each lesson 3. Read README files for each lesson
4. Complete pre-lesson quizzes for https://ff-quizzes.netlify.app/web/ 4. Do pre-lesson quizzes for https://ff-quizzes.netlify.app/web/
5. Work through code examples inside lesson folders 5. Work through code examples inside lesson folders
6. Finish assignments and challenges 6. Complete assignments and challenges
7. Take post-lesson quizzes 7. Take post-lesson quizzes
### Live Development ### Live Development
@ -102,7 +102,7 @@ python api.py
- **Documentation**: Run `docsify serve` for root (port 3000) - **Documentation**: Run `docsify serve` for root (port 3000)
- **Quiz App**: Run `npm run dev` for quiz-app directory - **Quiz App**: Run `npm run dev` for quiz-app directory
- **Projects**: Use VS Code Live Server extension for HTML projects - **Projects**: Use VS Code Live Server extension for HTML projects
- **API Projects**: Run `npm start` for each API directories - **API Projects**: Run `npm start` for respective API directories
## Testing Instructions ## Testing Instructions
@ -111,30 +111,30 @@ python api.py
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # Check for code style wahala npm run lint # Check for code style wahala
npm run build # Make sure build teyari fine npm run build # Make sure say build dey succeed
``` ```
### Bank API Testing ### Bank API Testing
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Check for code style wahala npm run lint # Check if code style get wahala
node server.js # Make sure server start fine without gbege node server.js # Make sure server start without yawa
``` ```
### General Testing Approach ### General Testing Approach
- Dis na educational repository wey no get comprehensive automated tests - Dis na educational repository wey no get full automated tests
- Manual testing dey focus on: - Manual testing focus on:
- Code examples run without errors - Code examples dey run without error
- Links wey dey documentation dey work well - Links for documentation dey work well
- Project builds complete successful - Project builds dey complete successful
- Examples dey follow best practices - Examples dey follow best practices
### Pre-submission Checks ### Pre-submission Checks
- Run `npm run lint` for directories wey get package.json - Run `npm run lint` for directories wey get package.json
- Check sey markdown links valid - Check say markdown links valid
- Test code examples for browser or Node.js - Test code examples for browser or Node.js
- Confirm translations get proper structure - Confirm translations get proper structure
@ -143,49 +143,49 @@ node server.js # Make sure server start fine without gbege
### JavaScript ### JavaScript
- Use modern ES6+ syntax - Use modern ES6+ syntax
- Follow standard ESLint configurations wey dey projects - Follow standard ESLint configurations from projects
- Use meaningful variable and function names for educational clarity - Use meaningful variable and function names to help learners understand
- Add comments wey explain concepts for learners - Add comments to explain concepts for learners
- Format use Prettier where e set - Format using Prettier where e dey configured
### HTML/CSS ### HTML/CSS
- Semantic HTML5 elements - Use semantic HTML5 elements
- Responsive design principles - Responsive design principles
- Clear class naming conventions - Clear class naming conventions
- Comments wey explain CSS techniques for learners - Comments to explain CSS techniques well for learners
### Python ### Python
- PEP 8 style guidelines - Follow PEP 8 style guidelines
- Clear, educational code examples - Clear, educational code examples
- Type hints where e dey helpful for learning - Put type hints where e dey useful for learning
### Markdown Documentation ### Markdown Documentation
- Clear heading hierarchy - Clear heading hierarchy
- Code blocks wey get language specification - Code blocks wey specify language
- Links to extra resources - Links to more resources
- Screenshots and images for `images/` directories - Screenshots and images for `images/` directories
- Alt text for images for accessibility - Alt text for images to support accessibility
### File Organization ### File Organization
- Lessons dem number one by one (1-getting-started-lessons, 2-js-basics, etc.) - Lessons dey number sequentially (1-getting-started-lessons, 2-js-basics, etc.)
- Each project get `solution/` and often `start/` or `your-work/` directories - Every project get `solution/` and normally `start/` or `your-work/` directories
- Images they keep for lesson-specific `images/` folders - Images dey inside lesson-specific `images/` folders
- Translations dey `translations/{language-code}/` structure - Translations dey in `translations/{language-code}/` folders
## Build and Deployment ## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps) ### Quiz App Deployment (Azure Static Web Apps)
Di quiz-app configure for Azure Static Web Apps deployment: Quiz-app dey ready for Azure Static Web Apps deployment:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Dey create dist/ folder npm run build # Dey create dist/ folder
# E go deploy usin GitHub Actions workflow as you push for main branch # Dey deploy through GitHub Actions workflow when you push for main branch
``` ```
Azure Static Web Apps configuration: Azure Static Web Apps configuration:
@ -204,20 +204,20 @@ npm run convert # Make PDF from docs
```bash ```bash
npm install -g docsify-cli # Install Docsify for everywhere npm install -g docsify-cli # Install Docsify for everywhere
docsify serve # Make e dey serve for localhost:3000 docsify serve # Make e dey run for localhost:3000
``` ```
### Project-specific Builds ### Project-specific Builds
Each project directory fit get him own build process: Each project fit get him own build process:
- Vue projects: `npm run build` dey create production bundles - Vue projects: Run `npm run build` to create production bundles
- Static projects: No build step, dem dey serve files direct - Static projects: No build step, serve files directly
## Pull Request Guidelines ## Pull Request Guidelines
### Title Format ### Title Format
Use clear, descriptive titles wey talk the area wey you change: Use clear, descriptive titles wey show wetin you change:
- `[Quiz-app] Add new quiz for lesson X` - `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo for terrarium project` - `[Lesson-3] Fix typo for terrarium project`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] Add Spanish translation for lesson 5`
@ -228,51 +228,51 @@ Use clear, descriptive titles wey talk the area wey you change:
Before you submit PR: Before you submit PR:
1. **Code Quality**: 1. **Code Quality**:
- Run `npm run lint` for affected project directories - Run `npm run lint` for each project directory wey changes affect
- Fix all linting errors and warnings - Fix all lint errors and warnings
2. **Build Verification**: 2. **Build Verification**:
- Run `npm run build` if e dey apply - Run `npm run build` if e dey necessary
- Make sure no build errors - Make sure no build errors
3. **Link Validation**: 3. **Link Validation**:
- Test all markdown links - Test all markdown links
- Confirm make image references dey work - Confirm image references dey work
4. **Content Review**: 4. **Content Review**:
- Proofread for spelling and grammar - Check for spelling and grammar mistakes
- Confirm code examples dey correct and educational - Confirm code examples dey correct and educational
- Verify translations keep original meaning - Make sure translations maintain correct meaning
### Contribution Requirements ### Contribution Requirements
- Agree to Microsoft CLA (automation go check am for first PR) - You must agree to Microsoft CLA (automatic check for first PR)
- Follow the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Follow the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
- See [CONTRIBUTING.md](./CONTRIBUTING.md) for detailed guidelines - See [CONTRIBUTING.md](./CONTRIBUTING.md) for detailed rules
- Reference issue numbers inside PR description if e relate - Reference issue numbers for PR description if e relate
### Review Process ### Review Process
- PRs go dey reviewed by maintainers and community - Maintainers and community go review PRs
- Educational clarity na priority - Educational clarity dey priority
- Code examples suppose follow current best practices - Code examples suppose follow current best practice
- Translations go dey checked for accuracy and cultural correctness - Translations go review for accuracy and cultural fit
## Translation System ## Translation System
### Automated Translation ### Automated Translation
- E dey use GitHub Actions with co-op-translator workflow - Dey use GitHub Actions with co-op-translator workflow
- E translate to 50+ languages automatically - Translates automatically to 50+ languages
- Source files dey main directories - Source files dey main directories
- Translated files dey inside `translations/{language-code}/` directories - Translated files dey `translations/{language-code}/` folders
### Adding Manual Translation Improvements ### Adding Manual Translation Improvements
1. Locate file inside `translations/{language-code}/` 1. Find the file for `translations/{language-code}/`
2. Make improvements but keep structure intact 2. Make improvements without changing structure
3. Confirm code examples still dey work well 3. Check say code examples still dey work
4. Test any localized quiz content 4. Test localized quiz content
### Translation Metadata ### Translation Metadata
@ -296,74 +296,74 @@ CO_OP_TRANSLATOR_METADATA:
**Quiz app no dey start**: **Quiz app no dey start**:
- Check Node.js version (v14+ na better) - Check Node.js version (v14+ na better)
- Delete `node_modules` and `package-lock.json`, run `npm install` again - Delete `node_modules` and `package-lock.json`, run `npm install` again
- Check if port no dey busy (default: Vite dey use port 5173) - Check for port wahala (Vite by default dey use port 5173)
**API server no dey start**: **API server no dey start**:
- Confirm Node.js version reach minimum (node >=10) - Make sure Node.js version dey ok (node >=10)
- Check if port don already dey use - Check if port dey busy
- Confirm say all dependencies don install with `npm install` - Confirm say all dependencies install with `npm install`
**Browser extension no dey load**: **Browser extension no dey load**:
- Confirm manifest.json dey properly format - Check manifest.json format correct
- Check browser console for errors - Check browser console for errors
- Follow browser-specific extension installation instructions - Follow browser-specific extension installation guide
**Python chat project wahala**: **Python chat project problems**:
- Confirm OpenAI package install: `pip install openai` - Make sure OpenAI package install: `pip install openai`
- Check GITHUB_TOKEN environment variable dey set - Confirm GITHUB_TOKEN environment variable dey set
- Confirm GitHub Models get access permissions - Check GitHub Models access permissions
**Docsify no dey serve docs**: **Docsify no dey serve docs**:
- Install docsify-cli globally: `npm install -g docsify-cli` - Install docsify-cli globally: `npm install -g docsify-cli`
- Run am from repository root directory - Run am from repository root folder
- Check say `docs/_sidebar.md` dey there - Check that `docs/_sidebar.md` dey
### Development Environment Tips ### Development Environment Tips
- Use VS Code plus Live Server extension for HTML projects - Use VS Code with Live Server extension for HTML projects
- Install ESLint and Prettier extensions to keep formatting consistent - Install ESLint and Prettier extensions for uniform formatting
- Use browser DevTools to debug JavaScript - Use browser DevTools for debugging JavaScript
- For Vue projects, install Vue DevTools browser extension - For Vue projects, install Vue DevTools browser extension
### Performance Considerations ### Performance Considerations
- Plenty translated files (50+ languages) mean full clones go big - Plenty translated files (50+ languages) mean clone go big
- Use shallow clone if na only content you wan work on: `git clone --depth 1` - Use shallow clone if you just want content: `git clone --depth 1`
- Exclude translations from searches when you dey work on English content - When you dey work on English content, exclude translations from search
- Build processes fit slow for first run (npm install, Vite build) - Build fit take time first time (npm install, Vite build)
## Security Considerations ## Security Considerations
### Environment Variables ### Environment Variables
- API keys no suppose ever commit to repository - API keys no suppose enter repository commit
- Use `.env` files (dem already inside `.gitignore`) - Use `.env` files (dem already inside `.gitignore`)
- Document environment variables wey project README need - Document environment variables wey project need for README
### Python Projects ### Python Projects
- Use virtual environments: `python -m venv venv` - Use virtual environments: `python -m venv venv`
- Keep dependencies updated - Keep dependencies up to date
- GitHub tokens suppose get only minimal permissions - GitHub tokens get to get smallest necessary permissions
### GitHub Models Access ### GitHub Models Access
- Personal Access Tokens (PAT) necessary for GitHub Models - Personal Access Tokens (PAT) dey needed for GitHub Models
- Tokens suppose dey stored as environment variables - Keep tokens as environment variables
- Never commit tokens or credentials - No ever commit tokens or credentials
## Additional Notes ## Additional Notes
### Target Audience ### Target Audience
- Complete beginners for web development - Complete beginners wey dey learn web development
- Students and self-learners - Students and people wey dey learn by themselves
- Teachers wey dey use curriculum for classrooms - Teachers wey dey use curriculum for classroom
- Content dey designed for accessibility and gradual skill building - Content designed for accessibility and gradual skill building
### Educational Philosophy ### Educational Philosophy
- Project-based learning approach - Project-based learning style
- Frequent knowledge checks (quizzes) - Frequent knowledge checks (quizzes)
- Hands-on coding exercises - Hands-on coding exercises
- Real-world application examples - Real-world application examples
@ -372,37 +372,37 @@ CO_OP_TRANSLATOR_METADATA:
### Repository Maintenance ### Repository Maintenance
- Active community of learners and contributors - Active community of learners and contributors
- Regular updates to dependencies and content - Regular update to dependencies and content
- Issues and discussions dey monitored by maintainers - Maintainers dey monitor issues and discussions
- Translation updates dey automated via GitHub Actions - Translation updates dey automatic with GitHub Actions
### Related Resources ### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) wey dey recommended for learners - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recommended for learners
- Extra courses: Generative AI, Data Science, ML, IoT curricula dey available - Other courses: Generative AI, Data Science, ML, IoT curricula dey available
### Working with Specific Projects ### Working with Specific Projects
For detailed instructions on individual projects, check README files inside: For detailed instructions about individual projects, check the README files inside:
- `quiz-app/README.md` - Vue 3 quiz application - `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - Banking application with authentication - `7-bank-project/README.md` - Banking app with authentication
- `5-browser-extension/README.md` - Browser extension development - `5-browser-extension/README.md` - Browser extension development
- `6-space-game/README.md` - Canvas-based game development - `6-space-game/README.md` - Canvas-based game development
- `9-chat-project/README.md` - AI chat assistant project - `9-chat-project/README.md` - AI chat assistant project
### Monorepo Structure ### Monorepo Structure
Although e no be traditional monorepo, dis repository get multiple independent projects: Even though dis no be traditional monorepo, dis repository get plenty independent projects:
- Each lesson na self-contained - Every lesson dey self-contained
- Projects no dey share dependencies - Projects no dey share dependencies
- You fit work on individual projects without disturbing others - You fit work on each project separately without disturbing others
- Clone whole repo for full curriculum experience - Clone whole repo if you wan complete curriculum experience
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**: **Disclaimer**:
Dis document dem don translate am wit AI translation service wey dem dey call [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we dey try make am correct, abeg make you sabi say automated translations fit get errors or no correct well. The original document wey dey the main language na im you suppose consider as the correct authority. If na important information you dey look for, e better make professional human translation do am. We no go responsible for any misunderstanding or wrong sense wey fit come from using this translation. Dis document na wetin AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator) translate. Even though we dey try make am correct, make you sabi say automated translations fit get some mistakes or no too correct. The original document wey e dey for inside im own language na him be the correct source. If na important info, make person wey sabi translate am for human hand do am. We no go carry any yawa wey fit happen because of how this translation take be.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

186
translations/pcm/README.md
Unescape View File

@ -1,21 +1,24 @@
# Web Development for Beginners - A Curriculum # Web Development for Beginners - Curriculum
Learn di fundamentals of web development wit our 12-week complete course by Microsoft Cloud Advocates. Each of di 24 lessons dey dive into JavaScript, CSS, an HTML through hands-on projects like terrariums, browser extensions, an space games. Engage wit quizzes, discussions, an practical assignments. Enhance your skills an optimize your knowledge retention wit our effective project-based way wey we teach. Start your coding journey today! Learn di fundamentals of web development wit our 12-week complete course by Microsoft Cloud Advocates. Each of di 24 lessons dey dig into JavaScript, CSS, and HTML wit hands-on projects lak terrariums, browser extensions, and space games. Take part for quizzes, discussions, and praktikal assignments. Sharpen your skills and make sure say you sabi well wit our effective project-based learning method. Begin your coding journey today!
Join di Azure AI Foundry Discord Community Join di Azure AI Foundry Discord Community
Follow these steps to get started using these resources: Follow these steps to start to use these resources:
1. **Fork di Repository**: Click [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **Fork di Repository**: Click [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Join The Azure AI Foundry Discord an meet experts an fellow developers**](https://discord.com/invite/ByRwuEEgH4) 3. [**Join Di Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Multi-Language Support ### 🌐 Multi-Language Support
#### Supported via GitHub Action (Automated & Always Up-to-Date) #### Supported via GitHub Action (Automated & Always Up-to-Date)
> **Prefer to Clone Locally?** <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](./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)
> **You Prefer To Clone Locally?**
> >
> Dis repository get 50+ language translations wey dey increase di download size well well. To clone without translations, use sparse checkout: > Dis repository get 50+ language translations wey go make the download size plenty. If you want clone without translations, try sparse checkout:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -31,163 +34,174 @@ Follow these steps to get started using these resources:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Dis go give you everything you need to complete di course wit better faster download. > Dis one go give you everything wey you need to complete the course wit faster download.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**If you want to add more translations languages wey dem support dey listed [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**If you wan get more language translations wey support dey listed [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)
#### 🧑‍🎓 _You be student?_ #### 🧑‍🎓 _You be student?_
Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey you go find beginner resources, Student packs an even ways to get free certificate voucher. Dis na di page you for bookmark an dey check sometimes as we dey switch content monthly. Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey you go find beginner resources, Student packs and ways to get free certificate voucher. Na dis page you go want bookmark and dey check every time as we dey change content monthly.
### 📣 Announcement - New GitHub Copilot Agent mode challenges to complete! ### 📣 Announcement - New GitHub Copilot Agent mode challenges to complete!
New Challenge add, look for "GitHub Copilot Agent Challenge 🚀" inside plenty chapters. Na new challenge you fit complete using GitHub Copilot an Agent mode. If you never use Agent mode before, e fit not only generate text but fit also create an edit files, run commands an more. New Challenge dey inside, look for "GitHub Copilot Agent Challenge 🚀" inside most chapters. Na new challenge for you to complete wit GitHub Copilot and Agent mode. If you never use Agent mode before, e fit not just generate text but e fit create and edit files, run commands and more.
### 📣 Announcement - _New Project to build using Generative AI_ ### 📣 Announcement - _New Project to build using Generative AI_
New AI Assistant project just add, check am [project](./9-chat-project/README.md) New AI Assistant project don add, check am [project](./9-chat-project/README.md)
### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript just release ### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript don release
No miss our new Generative AI curriculum! No miss our new Generative AI curriculum!
Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start! Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) make you start!
![Background](../../translated_images/pcm/background.148a8d43afde5730.webp)
- Lessons cover everything from basics to RAG.
- Interact wit historical characters using GenAI and our companion app.
- Fun and interesting story, you go dey time travel!
- Lessons wey cover everything from basics go RAG. ![character](../../translated_images/pcm/character.5c0dd8e067ffd693.webp)
- Interact wit historical characters usin GenAI an our companion app.
- Fun an engaging story, you go dey time travel!
Each lesson get assignment to complete, knowledge check an challenge to guide you for learning topics like: Each lesson get assignment to complete, knowledge check and challenge to guide you as you dey learn topics like:
- Prompting an prompt engineering - Prompting and prompt engineering
- Text an image app generation - Text and image app generation
- Search apps - Search apps
Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start! Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) make you start!
## 🌱 Getting Started ## 🌱 How To Start
> **Teachers**, wey don [put some suggestions](for-teachers.md) on how to use dis curriculum. We go like hear your feedback [for our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! > **Teachers**, we don [include some suggestions](for-teachers.md) on how you fit use dis curriculum. We go like hear your feedback [for our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for every lesson, start wit pre-lecture quiz an follow through by reading di lecture material, complete di different activities an check your understanding wit di post-lecture quiz. **[Learners](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, for each lesson, start wit pre-lecture quiz then follow by reading the lecture material, finish the different activities and check if you sabi well wit post-lecture quiz.
To better your learning experience, connect wit your peers make una work on di projects together! Discussions dem dey encouraged for our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our moderators go dey ready to answer your questions. Make your learning sweet, join wit your classmates make una work on di projects together! Discussions dey encouraged for our [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) where our moderators team go ready to answer your questions.
To go further your education, we highly recommend say you explore [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for extra study materials. To take your education go higher, we strongly recommend make you check [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for extra study materials.
### 📋 Setting up your environment ### 📋 How to set up your environment
Dis curriculum get development environment ready! As you start you fit choose to run di curriculum in a [Codespace](https://github.com/features/codespaces/) (_na browser-based, no installation environment_), or locally for your computer using text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). Dis curriculum get development environment wey ready! As you start, you fit choose to run di curriculum for inside [Codespace](https://github.com/features/codespaces/) (_browser-base, no need install environment_), or run am for your computer using text editor like [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
#### Create your repository #### Create your repository
Make you fit save your work well well, e good make you create your own copy of this repository. You fit do am by clicking **Use this template** button wey dey top of di page. E go create new repository inside your GitHub account wit copy of di curriculum. To make e easy for you to save your work, e better make you create your own copy of dis repository. You fit do am by clicking di **Use this template** button for top of di page. E go create new repository for your GitHub account wey get copy of di curriculum.
Follow these steps: Follow dis steps:
1. **Fork di Repository**: Click di "Fork" button wey dey top-right corner of this page. 1. **Fork di Repository**: Click di "Fork" button for top-right corner of dis page.
2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **Clone di Repository**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Running di curriculum inside Codespace #### Run di curriculum for Codespace
For your copy of dis repository wey you create, click di **Code** button then select **Open with Codespaces**. E go create new Codespace for you work. For your copy of dis repository wey you create, click di **Code** button then select **Open with Codespaces**. E go create new Codespace for you to work inside.
#### Running di curriculum locally on your computer ![Codespace](../../translated_images/pcm/createcodespace.0238bbf4d7a8d955.webp)
To run dis curriculum locally for your computer, you need text editor, browser an command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), go show you different options for all these tools make you choose wetin best for you. #### Run di curriculum locally for your computer
We recommend say you use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as your editor, wey get built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You fit download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). To run dis curriculum for your computer, you need text editor, browser and command line tool. Our first lesson, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), go show you different options for all these tools make you fit choose wetin go work best for you.
1. Copy yor repository go yor computer. You fit do dis by klik di **Code** button den copy di URL:
We recommend make you use [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) as editor, because e get built-in [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). You fit download Visual Studio Code [here](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Clone your repository for your computer. You fit do dis by clicking di **Code** button den copy di URL:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
Den, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) for [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) den run dis command, change `<your-repository-url>` wit di URL wey you just copy: Den, open [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) inside [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) and run dis command dem, change `<your-repository-url>` wit di URL wey you just copy:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Open di folder inside Visual Studio Code. You fit do dis by clicking **File** > **Open Folder** den select di folder wey you just clone. 2. Open di folder inside Visual Studio Code. You fit do dis by clicking **File** > **Open Folder** and select di folder wey you just clone.
> Recommended Visual Studio Code extensions: > Recommended Visual Studio Code extensions:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages inside Visual Studio Code > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - to preview HTML pages inside Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code quick quick > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - to help you write code quick quick
## 📂 Each lesson get: ## 📂 Every lesson get:
- sketchnote if you want - optional sketchnote
- extra video if you want - optional supplemental video
- quiz to prepare for lesson - pre-lesson warmup quiz
- di lesson wey dem write - written lesson
- for project-based lessons, guide step by step how to build di project - for project-based lessons, step-by-step guides on how to build the project
- knowledge checks - knowledge checks
- challenge - challenge
- extra reading - supplemental reading
- assignment - assignment
- [post-lesson quiz](https://ff-quizzes.netlify.app/web/) - [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
> **Note about quizzes**: All di quizzes dey inside Quiz-app folder, 48 quizzes total and every one get three questions. You fit find dem [here](https://ff-quizzes.netlify.app/web/) quiz app fit run for your own machine or you fit deploy am for Azure; follow instruction for di `quiz-app` folder. > **One note about quizzes**: All di quizzes dey for di Quiz-app folder, 48 total quizzes wey get three questions each. Dem available [here](https://ff-quizzes.netlify.app/web/) di quiz app fit run locally or dem fit deploy am for Azure; follow instruction wey dey inside `quiz-app` folder.
## 🗃️ Lessons ## 🗃️ Lessons
| | Project Name | Concepts Taught | Learning Objectives | Linked Lesson | Author | | | Project Name | Concepts Taught | Learning Objectives | Linked Lesson | Author |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn di basic foundation behind most programming languages and software wey dey help pro developers do their work | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn di basic foundation wey dey behind most programming languages and about software wey dey help professional developers do their jobs | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | Basics of GitHub, dey include work with team | How to use GitHub for your project, how to collaborate wit others for code base | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | Getting Started | Basics of GitHub, including how to work with team | How to use GitHub for your project, how to collaborate wit other people for code base | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | Accessibility | Learn di basics of web accessibility | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Getting Started | Accessibility | Learn di basics of web accessibility | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript Data Types | Di basics of JavaScript data types | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS Basics | JavaScript Data Types | Di basics of JavaScript data types | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | Functions and Methods | Learn about functions and methods to manage an app logic flow | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 05 | JS Basics | Functions and Methods | Learn about functions and methods to manage app logic flow | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | Making Decisions with JS | Learn how to create conditions for your code using decision-making methods | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS Basics | Making Decisions with JS | Learn how to create conditions for your code using decision-making methods | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | Arrays and Loops | Work wit data using arrays and loops inside JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS Basics | Arrays and Loops | Work with data using arrays and loops inside JavaScript | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Practice | Build di HTML to create online terrarium, focus on building layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML in Practice | Build di HTML to create online terrarium, focus on building layout | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Practice | Build di CSS to style the online terrarium, focus on basics of CSS including how to make di page responsive | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS in Practice | Build di CSS to style the online terrarium, focus on di basics of CSS including how to make di page responsive | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Build di JavaScript to make di terrarium work as drag/drop interface, focus on closures and DOM manipulation | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Build di JavaScript to make di terrarium work as drag/drop interface, focus on closures and DOM manipulation | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | Build a Typing Game | Learn how to use keyboard events to drive the logic of your JavaScript app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | Build a Typing Game | Learn how to use keyboard events to drive di logic of your JavaScript app | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Working with Browsers | Learn how browsers dey work, their history, and how to scaffold first elements of browser extension | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Working with Browsers | Learn how browsers dey work, dem history, and how to scaffold first elements of browser extension | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Build form, call API and store variables for local storage | Build di JavaScript elements for your browser extension to call API using variables wey dey inside local storage | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building form, calling API and storing variables for local storage | Build JavaScript parts for your browser extension to call API using variables wey you store for local storage | [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 processes inside browser, web performance | Use browser background processes to manage extension icon; learn about web performance and optimizations | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Background processes for browser, web performance | Use browser background processes to manage extension icon; learn about web performance and some optimization to make | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Learn about Inheritance using Classes and Composition and Pub/Sub pattern, prepare for building a game | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Learn about Inheritance using both Classes and Composition and Pub/Sub pattern, prepare for building game | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | Drawing to canvas | Learn about Canvas API, wey dem use to draw elements for screen | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris | | 16 | [Space Game](./6-space-game/solution/README.md) | Drawing to canvas | Learn about Canvas API, wey dem dey use draw elements for screen | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | Moving elements around screen | Find out how elements fit move using cartesian coordinates and Canvas API | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris | | 17 | [Space Game](./6-space-game/solution/README.md) | Moving elements around screen | Discover how elements fit waka using cartesian coordinates and 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 | Make elements collide and react to each other using keypress and provide cooldown to keep game performance | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | Collision detection | Make elements collide and react to each other using keypresses and add cooldown function to help game performance | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | Keeping score | Do maths calculations based on game's status and performance | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | Keeping score | Do math calculations based on game status and performance | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | Ending and restarting game | Learn about how to end and restart game, including cleaning up assets and reseting variables | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | Ending and restarting the game | Learn about how to end and restart game, including cleaning assets and resetting variable values | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates and Routes for Web App | Learn how to create scaffold for multipage website architecture using routing and HTML templates | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | HTML Templates and Routes for Web App | Learn how to create scaffold of multipage website architecture using routing and HTML templates | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | Build Login and Registration Form | Learn about building forms and how to handle validation routines | [Forms](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Build Login and Registration Form | Learn about form building and handling validation | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | Methods of Fetching and Using Data | How data go inside and outside your app, how to fetch, store am, and clear am | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | Methods of Fetching and Using Data | How data flows in and out of your app, how to fetch am, store am, and dispose am | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepts of State Management | Learn how your app dey keep state and how to manage am programmatically | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | Concepts of State Management | Learn how your app dey retain state and how to manage am programmatically | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to use code editor | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | Working with VScode | Learn how to use code editor| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | Working with AI | Learn how to build your own AI assistant | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogy ## 🏫 Pedagogy
Our curriculum design get two important pedagogical principles in mind: Our curriculum design based on two main pedagogy principles:
* project-based learning * project-based learning
* frequent quizzes * frequent quizzes
Di program dey teach fundamentals of JavaScript, HTML, and CSS, plus di latest tools and techniques wey web developers dey use today. Students go get chance to build hands-on experience by making typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and banking app for business dem. By end of di series, students go sabi web development well well. Di program teach fundamentals of JavaScript, HTML, and CSS, plus di latest tools and techniques wey web developers dey use nowadays. Students go get chance to develop hands-on experience by building typing game, virtual terrarium, eco-friendly browser extension, space-invader style game, plus banking app for business. By di end of di series, students go get solid understanding of web development.
> 🎓 You fit take di first few lessons for dis curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn! > 🎓 You fit take di first few lessons for dis curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn!
By making sure say di content match projects, e make di process beta and more interesting for students and e go help dem remember concepts well. We self write some starter lessons for JavaScript basics to introduce concepts, plus video from "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video collection, wey some authors contribute to this curriculum. By making sure say di content dey align wit projects, di process go dey more engaging for students and e go help dem hold di concepts well well. We still write some starter lessons for JavaScript basics to introduce concepts dem, plus video from di "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" collection of video tutorials, some authors self contribute to dis curriculum.
Also, low-stakes quiz before class set student mind for learning topic, while second quiz after class help increase retention. Dis curriculum get flexible design and na fun to use and you fit take am full or just part. Projects start small and dey grow complex by end of di 12-week cycle.
Plus, a low-stakes quiz before class dey set student mind to learn topic, while second quiz after class go help dem remember am pass. This curriculum design to be flexible and fun and fit be taken as whole or part. The projects start small and go dey more complex by end of 12-week cycle. Even though we try avoid introducing JavaScript frameworks so that you fit focus for basic skills wey web developer need before to adopt framework, next good step to complete dis curriculum na to learn Node.js through another video collection call "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
Even though we no include JavaScript frameworks purposely to focus on basic skills wey web developer suppose get before using framework, next step wey fit make sense after dis curriculum na to learn about Node.js via another video collection: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". > Visit we [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback!
> Check our [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We dey welcome your constructive feedback!
## 🧭 Offline access ## 🧭 Offline access
You fit run dis documentation offline by using [Docsify](https://docsify.js.org/#/). Fork dis repo, [install Docsify](https://docsify.js.org/#/quickstart) for your local machine, then for root folder of this repo, type `docsify serve`. Di website go run for port 3000 on your localhost: `localhost:3000`. You fit run dis documentation offline by using [Docsify](https://docsify.js.org/#/). Fork dis repo, [install Docsify](https://docsify.js.org/#/quickstart) for your local machine, then for di root folder for dis repo, type `docsify serve`. Website go dey serve for port 3000 for your localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
A PDF of all of the lessons fit find [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). You fit find PDF of all di lessons [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Other Courses ## 🎒 Other Courses
Our team dey produce other courses! Check am out: Our team dey make oda courses too! Check am out:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -231,21 +245,21 @@ Our team dey produce other courses! Check am out:
## Getting Help ## Getting Help
If you jam or get any questions about how to build AI apps, join other learners and experienced developers for discussions about MCP. Na supportive community where questions dey welcome and knowledge dey shared freely. If you jam gbe or get any question about how to build AI apps. Join other learners and beta developers for talk about MCP. Na supportive community wey dey welcome questions and dey share knowledge freely.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
If you get product feedback or find errors while you dey build, visit: If you get product feedback or find errors while you dey build, make you visit:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## License ## License
This repository get MIT license. See the [LICENSE](../../LICENSE) file for more info. Dis repository get MIT license. See di [LICENSE](../../LICENSE) file for more info.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**: **Disclaimer**:
Dis document e been translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even tho we dey try make am correct, abeg sabi say automatic translation fit get some mistakes or no too correct. Di original document wey e dey for im correct language na di correct one. For important tins, make person wey sabi translate do di work. We no go responsible if pipo no understand well or if dem misinterpret tins because of dis translation. Dis document don translate wit AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we try make e correct, abeg sabi say automated translations fit get mistakes or wahala. Di original document for im own language na di main correct source. If na serious matter, better make human pro translate am. We no go responsible for any wrong understanding or wrong meaning wey fit show because of dis translation.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-03-27T23:22:51+00:00", "translation_date": "2026-04-06T18:26:31+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "ta" "language_code": "ta"
}, },
@ -516,8 +516,8 @@
"language_code": "ta" "language_code": "ta"
}, },
"README.md": { "README.md": {
"original_hash": "a2c9eed480687319517c08a6319e5536", "original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-03-06T15:19:59+00:00", "translation_date": "2026-04-06T18:20:21+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ta" "language_code": "ta"
}, },

380
translations/ta/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Project Overview ## Project Overview
இது ஆரம்ப நிலைவர்களுக்கு வலை வளர்ச்சியின் அடிப்படைகளை கற்பிக்க பயன்படும் கல்விப் பாடத்திட்ட களஞ்சியம் ஆகும். இந்த பாடத்திட்டம் மைக்ரோசாஃப்ட் கிளவுட் ஆதரவாளர்களால் உருவாக்கப்பட்ட முழுமையான 12 வார பாடநெறி ஆகும், இதில் JavaScript, CSS மற்றும் HTML களை உள்ளடக்கிய 24 கைபுத்தக பாடங்கள் இருக்கும். இது ஆரம்பநிலை பயனாளர்களுக்கு வலை மேம்பாட்டின் அடிப்படைகளை கற்பிக்கும் கல்வி பாடத்திட்ட அட்டவணை சேமிப்பகம் ஆகும். இந்த பாடத்திட்டம் Microsoft Cloud Advocates உருவாக்கிய முழுமையான 12 வார பாடநெறியாகும், இதில் JavaScript, CSS மற்றும் HTML உடன் 24 செய்முறை பாடங்கள் அடங்கும்.
### Key Components ### Key Components
- **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையிலான தொகுதிகளாக ஒழுங்குபடுத்தப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள் - **கல்வி உள்ளடக்கம்**: 24 கட்டமைக்கப்பட்ட பாடங்கள், திட்ட அடிப்படையிலான தொகுதிகளில் ஒழுங்குபடுத்தப்பட்டவை
- **பயிற்சி திட்டங்கள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, மற்றும் AI Chat Assistant - **செய்முறை திட்டங்கள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor மற்றும் AI உரையாடல் துணை
- **இணையாய்வு வினாக்கள்**: 48 வினாக்கள், ஒவ்வொன்றிலும் 3 கேள்விகள் (முன்/பின் பாட வினாக்கள்) - **இணைய கேள்வித்தாள்**: 48 கேள்வித்தாள்கள், ஒவ்வொன்றிலும் 3 கேள்விகள் (முந்தைய/பின்வரும் பாட평மாற்றங்கள்)
- **பலமொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கான தானாக மொழிபெயர்ப்பு - **பல்வேறு மொழி ஆதரவு**: GitHub Actions மூலம் 50+ மொழிகளுக்கு தானாக மொழிபெயர்ப்பு
- **தொழில்நுட்பங்கள்**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI திட்டங்களுக்கு) - **தொழில்நுட்பங்கள்**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI திட்டங்களுக்கு)
### Architecture ### Architecture
- பாடம் அடிப்படையிலான கட்டமைப்புடன் கல்வி களஞ்சியம் - பாடத்திட்ட அடிப்படையிலான கல்வி சேமிப்பகம்
- ஒவ்வொரு பாடம் கோப்பகத்தில் README, குறியீடு எடுத்துக்காட்டுகள் மற்றும் தீர்வுகள் உள்ளன - ஒவ்வொரு பாடத்திட்ட கோப்புறைகளிலும் README, குறியீடு எடுத்துக்காட்டுகள் மற்றும் தீர்வுகள்
- தனித்தனி திட்டங்கள் தனி அடைவுகளில் (quiz-app, பல பாட திட்டங்கள்) - தனித்தனியான திட்டங்கள் தனி அடைவு கோப்புறைகளில் (quiz-app, வெவ்வேறு பாடத் திட்டங்கள்)
- GitHub Actions பயன்படுத்தும் மொழிபெயர்ப்பு அமைப்பு (co-op-translator) - GitHub Actions பயன்படுத்தி மொழிபெயர்ப்பு முறை (co-op-translator)
- Docsify மூலம் ஆவணங்கள் சேவை மற்றும் PDF ஆகக் கிடைக்கும் - Docsify மூலம் ஆவணங்கள் வழங்கப்பட்டு PDF வடிவில் கிடைக்கும்
## Setup Commands ## Setup Commands
இந்தக் களஞ்சியம் முக்கியமாகக் கல்வி உள்ளடக்கங்கள் ஆராய்வுக்காக உள்ளது. குறிப்பிட்ட திட்டங்களுடன் பணியாற்ற: இந்த சேமிப்பகம் முதன்மையாக 교육 உள்ளடக்கம் பயன்படுத்துவதற்காக உள்ளது. குறிப்பிட்ட திட்டங்களுடன் பணியாற்ற:
### Main Repository Setup ### Main Repository Setup
@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # மேம்பாட்டு சேவையகத்தைத் தொடங்கு npm run dev # மேம்பாட்டு சர்வரை தொடங்கு
npm run build # தயாரிப்புக்காக கட்டமைக்கு npm run build # உற்பத்திக்கான கட்டமைப்பு
npm run lint # ESLint ஐ இயக்குக npm run lint # ESLint ஐ இயக்கு
``` ```
### Bank Project API (Node.js + Express) ### Bank Project API (Node.js + Express)
@ -46,8 +46,8 @@ npm run lint # ESLint ஐ இயக்குக
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # API சேவையகத்தை தொடங்கவும் npm start # API சர்வர் துவக்கம்
npm run lint # ESLint ஐ இயக்கு npm run lint # ESLint இயக்கவும்
npm run format # Prettier உடன் வடிவமைக்கவும் npm run format # Prettier உடன் வடிவமைக்கவும்
``` ```
@ -56,7 +56,7 @@ npm run format # Prettier உடன் வடிவமைக்கவும
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# உலாவி-சார்ந்த நீட்டிப்பு ஏற்றும் அறிவுறுத்தல்களை பின்பற்றவும் # உலாவி-சார்ந்த விரிவாக்க ஏற்றும் வழிமுறைகளை பின்பற்றவும்
``` ```
### Space Game Projects ### Space Game Projects
@ -64,7 +64,7 @@ npm install
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# index.htmlஐ உலாவியில் திறக்கவும் அல்லது Live Server ஐ பயன்படுத்தவும் # கணினி உலாவியில் index.html கோப்பை திறக்கவும் அல்லது Live Server ஐ பயன்படுத்தவும்
``` ```
### Chat Project (Python Backend) ### Chat Project (Python Backend)
@ -72,7 +72,7 @@ npm install
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# GITHUB_TOKEN சுற்றுப்புற வேரியபிளை அமைக்கவும் # GITHUB_TOKEN சூழல் மாறியை அமைக்கவும்
python api.py python api.py
``` ```
@ -80,29 +80,29 @@ python api.py
### For Content Contributors ### For Content Contributors
1. **களஞ்சியத்தை** உங்கள் GitHub கணக்கிற்கு பிளான் செய்யுங்கள் 1. **உங்கள் GitHub கணக்கில் சேமிப்பகத்தை Fork செய்யவும்**
2. **உங்கள் பிளானை** உள்ளூரில் கிளோன் செய்யுங்கள் 2. **உங்கள் Fork ஐ உள்ளூரில் Clone செய்யவும்**
3. **உங்கள் மாற்றங்களுக்கு** புதிய கிளை உருவாக்குங்கள் 3. **உங்களுக்கு தேவையான மாற்றங்களுக்கான புதிய branch உருவாக்கவும்**
4. பாட உள்ளடக்கங்கள் அல்லது குறியீடு எடுத்துக்காட்டுகளில் மாற்றங்கள் செய்யுங்கள் 4. பாடக் கட்டுரைகள் அல்லது குறியீடு எடுத்துக்காட்டுகளில் மாற்றங்கள் செய்யவும்
5. தொடர்புடைய திட்ட அடைவுகளில் குறியீடு மாற்றங்களை சோதியுங்கள் 5. தொடர்புடைய திட்டக் கோப்புறைகளில் எந்த குறியீடு மாற்றங்களும் சோதிக்கவும்
6. பங்களிப்பு வழிகாட்டுதல்களை பின்பற்றி புல் கோரிக்கைகள் சமர்ப்பியுங்கள் 6. பங்கீடு வழிகாட்டுதல்களை பின்பற்றி Pull Requests சமர்ப்பிக்கவும்
### For Learners ### For Learners
1. களஞ்சியத்தை பிளான் செய்ய அல்லது கிளோன் செய்யுங்கள் 1. சேமிப்பகத்தை Fork செய்யவோ அல்லது Clone செய்யவோ செய்யவும்
2. பாட அடைவுகளுக்கு முறையே செல்லுங்கள் 2. பாடக் கோப்புறைகளில் தொடர் முறையில் செல்க
3. ஒவ்வொரு பாடத்திற்கும் README கோப்புகளை படியுங்கள் 3. ஒவ்வொரு பாடத்திற்கும் README கோப்புகளை படிக்கவும்
4. https://ff-quizzes.netlify.app/web/ இல் முன்-பாட வினாக்களை முடிக்கவும் 4. முன் பாடக் கேள்வித்தாள்களை https://ff-quizzes.netlify.app/web/ இல் முடிக்கவும்
5. பாடக் கோப்பகங்களில் குறியீடு எடுத்துக்காட்டுகளைப் பயன்படுத்தி பணியாற்றவும் 5. பாடக் கோப்புறைகளில் குறியீடு எடுத்துக்காட்டுகளில் பணியாற்றவும்
6. கடமைகள் மற்றும் சவால்களை முடிக்கவும் 6. பயிற்சிகளையும் சவால்களையும் முடிக்கவும்
7. பிறகு பாட வினாக்களை எடுத்துக்கொள்ளவும் 7. பாடத்திற்குப்பிறகு கேள்வித்தாள்களையும் எடுத்துக் கொள்ளவும்
### Live Development ### Live Development
- **ஆவணங்கள்**: முற்றிலும் கோப்பகத்தில் `docsify serve` ஐ இயக்கவும் (போர்ட் 3000) - **ஆவணங்கள்**: ரூட் கோப்புறையில் `docsify serve` இயக்கவும் (போர்ட் 3000)
- **வினா பயன்பாடு**: quiz-app கோப்பகத்தில் `npm run dev` நடைமுறைப்படுத்தவும் - **Quiz App**: `quiz-app` கோப்புறையில் `npm run dev` இயக்கவும்
- **திட்டங்கள்**: HTML திட்டங்களுக்கு VS Code Live Server நீட்சியைப் பயன்படுத்தவும் - **திட்டங்கள்**: HTML திட்டங்களுக்கு VS Code Live Server விரிவாக்கத்தை பயன்படுத்தவும்
- **API திட்டங்கள்**: சம்பந்தப்பட்ட API அடைவுகளில் `npm start` ஓட்டவும் - **API திட்டங்கள்**: தொடர்புடைய API கோப்புறைகளில் `npm start` இயக்கவும்
## Testing Instructions ## Testing Instructions
@ -110,173 +110,173 @@ python api.py
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # குறியீட்டு பாணி வழு இருப்பதை சரிபார்க்கவும் npm run lint # குறியீடு பாணி பிரச்சனைகள் உள்ளதா என பரிசோதிக்கவும்
npm run build # கட்டுமானம் வெற்றியடையுமா என்று உறுதிப்படுத்தவும் npm run build # கட்டுமானம் வெற்றிபெறுவதை உறுதி செய்க
``` ```
### Bank API Testing ### Bank API Testing
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # குறியீட்டு பாணி பிரச்சனைகள் இருப்பதை சரிபார்க்கவும் npm run lint # குறியீட்டு பாணி சிக்கல்களை சரிபார்க்கவும்
node server.js # சேவையகம் பிழைகள் இல்லாமல் துவங்குகிறதா என்று உறுதிப்படுத்தவும் node server.js # பிழைகள் இல்லாமல் சேவையகம் துவங்குவதை உறுதிப்படுத்தவும்
``` ```
### General Testing Approach ### General Testing Approach
- இது முழுமையான தானியங்கி சோதனைகளற்ற கல்வி களஞ்சியம் ஆகும் - இது முழுமையான தானாக சோதனைகள் இல்லாத கல்வி சேமிப்பகமாகும்
- கையேடு சோதனை கவனம் செலுத்துவது: - கைமுறை சோதனைகள் கவனம் செலுத்தும்:
- குறியீடு எடுத்துக்காட்டுகள் பிழைகளின்றி இயங்குதல் - குறியீடு எடுத்துக்காட்டுகள் பிழை 없이 இயங்குகின்றன
- ஆவணங்களின் இணைப்புகள் சரியாக வேலை செய்யும் - ஆவணங்களில் உள்ள இணைப்புகள் சரியாக செயல்படுகின்றன
- திட்ட கட்டமைப்புகள் வெற்றிகரமாக முடியும் - திட்ட கட்டமைப்பு வெற்றிகரமாக முடிவடைகிறது
- எடுத்துக்காட்டுகள் சிறந்த நடைமுறைகள் பின்பற்றுதல் - எடுத்துக்காட்டுகள் சிறந்த நடைமுறைகளை பின்பற்றுகின்றன
### Pre-submission Checks ### Pre-submission Checks
- package.json இருக்கும் அடைவுகளில் `npm run lint` இயக்கவும் - பாகெஜ்.json உள்ள கோப்புறைகளில் `npm run lint` ஓடு
- மார்க்க்டவுன் இணைப்புகள் செல்லுபடிபடுத்தவும் - மார்க்டவுன் இணைப்புகள் செல்லுபடியாக உள்ளதா என சரிபார்க்கவும்
- குறியீடு எடுத்துக்காட்டுகளை உலாவியில் அல்லது Node.js இல் சோதிக்கவும் - குறியீடு எடுத்துக்காட்டுகளை உலாவியும் Node.js இலும் சோதிக்கவும்
- மொழிபெயர்ப்புகள் மூலம் உருவாக்கும் கட்டமைப்பு சரியாக உள்ளதா என்பதைக் கவனிக்கவும் - மொழிபெயர்ப்பு வடிவமைப்பு சரியானதை உறுதி செய்யவும்
## Code Style Guidelines ## Code Style Guidelines
### JavaScript ### JavaScript
- நவீன ES6+ உரைகுழுவை பயன்படுத்தவும் - ES6+ நவீன இலக்கணம் பயன்படுத்தவும்
- திட்டங்களில் வழங்கப்படும் стандарт ESLint கட்டளைகளை பின்பற்றவும் - திட்டங்களில் கொடுக்கப்பட்ட படி ESLint கட்டமைப்புகளை பின்பற்றவும்
- கல்விக்கான தெளிவுக்கும் அர்த்தமுள்ள மாறி மற்றும் செயல் பெயர்களை பயன்படுத்தவும் - கல்வி தெளிவுக்கு பொருத்தமான மாறிலிகள் மற்றும் செயல்பாட்டு பெயர்களை பயன்படுத்தவும்
- மாணவர்கள் கற்றுக்கொள்ள கருத்துக்கள் சேர்க்கவும் - கற்றுக்கொள்ளும் பயனாளர்களுக்கு கருத்துக்களைச் சேர்க்கவும்
- Prettier கொண்டு படி வகையில் அமைக்கவும் - Prettier பயன்படுத்தப்படும்படி வடிவமைக்கவும்
### HTML/CSS ### HTML/CSS
- பொருத்தமான HTML5 கூறுகள் - அர்த்தமுள்ள HTML5 கூறுகள்
- பதிலளிக்கும் வடிவமைப்பு கோட்பாட்டுக்கள் - பதிலளிக்கும் வடிவமைப்பு 원칙
- தெளிவான வகுப்பு பெயர்ப்பாணிகள் - தெளிவான வகுப்பு பெயரிடுதல்
- CSS தொழில்நுட்பங்களுக்கு ஒரு விளக்கம் வகையில் கருத்துக்கள் - CSS தொழில்நுட்பங்களை விளக்கும் கருத்துக்கள்
### Python ### Python
- PEP 8 நடைமுறைகள் - PEP 8 முறைநெறிகள்
- தெளிவான, கல்வி குறியீடு எடுத்துக்காட்டுகள் - தெளிவான கல்வி குறியீடு எடுத்துக்காட்டுகள்
- கற்றலுக்கு உதவிகள் போல வகை குறிப்புகள் - கற்றல் உதவிக் குறிப்பு வகைப் பகுக்கைகள்
### Markdown Documentation ### Markdown Documentation
- தெளிவான தலைப்பு வரிசை - தெளிவான தலைப்பு அமைப்பு
- மொழி விவரிக்கப்பட்ட குறியீடு தொகுதிகள் - மொழி குறிப்புடன் குறியீடு தொகுதிகள்
- கூடுதல் வளங்களுக்கு இணைப்புகள் - கூடுதல் வளங்களுக்கான இணைப்புகள்
- `images/` கோப்பகங்களில் ஸ்க்ரீன் ஷாட்கள் மற்றும் படங்கள் - `images/` கோப்புறைகளில் ஸ்கிரீன்ஷாட்கள் மற்றும் படங்கள்
- படங்களுக்கு மாற்று உரை அணுகலை மேம்படுத்த - அணுகல் உதவிக்காக படங்களுக்கு Alt உரை
### File Organization ### File Organization
- பாடங்கள் தொடர் எண்கள் (1-getting-started-lessons, 2-js-basics, மற்றும் பல) - பாடங்கள் தொடர்ச்சியான எண்ணிக்கைகளில் (1-getting-started-lessons, 2-js-basics போன்றவை)
- ஒவ்வொரு திட்டத்துக்கும் `solution/` மற்றும் பெரும்பாலும் `start/` அல்லது `your-work/` கோப்பகங்கள் - ஒவ்வொரு திட்டத்திற்கும் `solution/` மற்றும் பெரும்பாலும் `start/` அல்லது `your-work/` அடைவுகள்
- பாட விசேஷமான `images/` கோப்பகங்களில் படங்கள் சேமிக்கப்படுகின்றன - பாடத்திட்ட குறிப்பான `images/` கோப்புறைகளில் படங்கள்
- மொழிபெயர்ப்புகள் `translations/{language-code}/` அமைப்பில் உள்ளன - மொழிபெயர்ப்புகள் `translations/{language-code}/` அமைப்பில்
## Build and Deployment ## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps) ### Quiz App Deployment (Azure Static Web Apps)
quiz-app Azure Static Web Apps தளத்தில் பிரசுரிக்க அமைக்கப்பட்டுள்ளது: quiz-app Azure Static Web Apps க்கான கட்டமைப்புடன் உள்ளது:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # dist/ கோப்பகத்தை உருவாக்குகிறது npm run build # dist/ கோப்பகத்தை உருவாக்குகிறது
# main க்கு push செய்ததும் GitHub Actions workflow மூலம் அப்லோடுசெய்கிறது # முக்கிய கிளைக்கு தள்ளும்போது GitHub Actions பணியினூடாக орналுத்துகிறது
``` ```
Azure Static Web Apps அமைப்புகள்: Azure Static Web Apps அமைப்பு:
- **அப் இருப்பிடம்**: `/quiz-app` - **App இடம்**: `/quiz-app`
- **வெளியீட்டு இடம்**: `dist` - **வெளியீட்டு இடம்**: `dist`
- **நடவடிக்கை வரிசை**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **பணி ஓட்டம்**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation ### Documentation PDF Generation
```bash ```bash
npm install # docsify-to-pdf ஐ நிறுவுக npm install # docsify-to-pdfஐ நிறுவவும்
npm run convert # docs இலிருந்து PDF உருவாக்குக npm run convert # டாக்ஸ்-இல் இருந்து PDF உருவாக்கவும்
``` ```
### Docsify Documentation ### Docsify Documentation
```bash ```bash
npm install -g docsify-cli # Docsify ஐ உலகளாவிய முறையில் நிறுவுக npm install -g docsify-cli # Docsify-ஐ உலகளாவிய இடத்தில் நிறுவுக
docsify serve # localhost:3000 இல் சேவை செய்யவும் docsify serve # localhost:3000 இல் சேவை செய்க
``` ```
### Project-specific Builds ### Project-specific Builds
ஒவ்வொரு திட்டத்திற்கும் தனிப்பட்ட கட்டுமான செயல்முறை இருக்கலாம்: ஒவ்வொரு திட்டக் கோப்புறைக்கும் தனிப்பட்ட கட்டுமான செயல்முறை இருக்கலாம்:
- Vue திட்டங்கள்: `npm run build` மூலம் தயாரிப்பு தொகுதிகள் உருவாகிறது - Vue திட்டங்கள்: `npm run build` உற்பத்தி தொகுப்புகளை உருவாக்கும்
- நிலையான (static) திட்டங்கள்: கட்டுமான படி இல்லை, கோப்புகள் நேரடியாக வழங்கப்படுகின்றன - நிலைபேறு திட்டங்கள்: எந்த கட்டுமான படியும் தேவையில்லை, நேரடியாக கோப்புகளை சேவை செய்கின்றது
## Pull Request Guidelines ## Pull Request Guidelines
### Title Format ### Title Format
மாற்றம் செய்யப்பட்ட பகுதி தெளிவாகக் காட்டும் தலைப்புகளைப் பயன்படுத்தவும்: மாற்றம் செய்யப்பட்ட பகுதியை தெளிவான, விளக்கமான தலைப்புகளில் குறிப்பிடவும்:
- `[Quiz-app] Lesson X க்கான புதிய வினா சேர்க்கவும்` - `[Quiz-app] பாடம் X க்கான புதிய கேள்வித்தாள் சேர்க்கவும்`
- `[Lesson-3] Terrarium திட்டத்தில் எழுத்துப்பிழை சரி செய்க` - `[Lesson-3] terrarium திட்டம் பிழை திருத்தப்பட்டது`
- `[Translation] பாடம் 5க்கான ஸ்பானிஷ் மொழிபெயர்ப்பு சேர்க்கவும்` - `[Translation] பாடம் 5 இற்கான ஸ்பானிஷ் மொழிபெயர்ப்பைச் சேர்க்கவும்`
- `[Docs] அமைப்பு அறிவுறுத்தலை புதுப்பிக்கவும்` - `[Docs] அமைப்பு அறிவுறுத்தல்களை புதுப்பிக்கவும்`
### Required Checks ### Required Checks
PR சமர்ப்பிப்பதற்கு முன்: PR சமர்ப்பிக்குமுன்பு:
1. **குறியீடு தரம்**: 1. **குறியீடு தரம்**:
- பாதிக்கப்பட்ட திட்ட அடைவுகளில் `npm run lint` இயக்கவும் - பாதிக்கப்பட்ட திட்டக் கோப்புறைகளில் `npm run lint` ஓடு
- அனைத்து பிழைகூறுகளையும் சரி செய்யவும் - அனைத்து பிழை மற்றும் எச்சரிக்கைகளை சரி செய்யவும்
2. **கட்டுமான சரிபார்ப்பு**: 2. **கட்டுமான சரிபார்ப்பு**:
- பொருந்துமானால் `npm run build` இயக்கவும் - பொருந்துமானால் `npm run build` ஓடு
- கட்டுமான பிழைகள் இல்லை என்பதைக் உறுதிசெய்க - கட்டுமான பிழைகள் இல்லாது இருப்பதை உறுதி செய்க
3. **இணைப்பு செல்லுபடித்தல்**: 3. **இணைப்பு சரிபார்ப்பு**:
- அனைத்து மார்க்க்டவுன் இணைப்புகளையும் சோதிக்கவும் - அனைத்து மார்க்டவுன் இணைப்புகளையும் சோதிக்கவும்
- படக் குறிப்பு வேலை செய்கிறது என உறுதிசெய்க - படங்கள் சரியாக உள்ளதா என உறுதி செய்யவும்
4. **உள்ளடக்கம் ஆய்வு**: 4. **உள்ளடக்கம் சோதனை**:
- எமெயில் மற்றும் இலக்கண பிழைகள் பரிசீலனை செய்யவும் - எழுத்துப் பிழைகள் மற்றும் இலக்கண பிழைகள் இல்லாததை உறுதி செய்யவும்
- குறியீடு எடுத்துக்காட்டுகள் சரி மற்றும் கல்வி தரமானதா பாருங்கள் - குறியீடு எடுத்துக்காட்டுகள் சரியாகவும் கல்விக்காக பொருத்தமாகவும் இருக்க வேண்டும்
- மொழிபெயர்ப்புகள் அசல் பொருளைத் தக்கவைக்கின்றன என்பதை உறுதிசெய்க - மொழிபெயர்ப்புகள் கோட்பாடு மாற்றம் இல்லாமல் இருக்க வேண்டும்
### Contribution Requirements ### Contribution Requirements
- Microsoft CLA ஐ ஏற்றுக்கொள்ளுங்கள் (முதற் PR இல் தானாக சோதனை) - Microsoft CLA க்கு உடன்படுதல் (முதல் PR இல் தானாக பரிசோதனை)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) பின்பற்றவும் - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) பின்பற்றுதல்
- விரிவான வழிகாட்டல்களுக்கு [CONTRIBUTING.md](./CONTRIBUTING.md) பார்க்கவும் - விரிவான வழிகாட்டல்களுக்கு [CONTRIBUTING.md](./CONTRIBUTING.md) பார்க்கவும்
- பொருந்துமானால் PR விவரத்தில் பிரச்சினை எண்களை குறிப்பிடவும் - தேவையானால் PR விளக்கத்தில் விவகார எண்களை குறிப்பிடவும்
### Review Process ### Review Process
- PRகள் பராமரிப்பவர்களால் மற்றும் சமுதாயத்தால் பரிசீலிக்கப்படும் - PR களை பராமரிப்பவர்களும் சமூகமும் மதிப்பாய்வு செய்கின்றனர்
- கல்வி தெளிவு முக்கியமாக கருதப்படும் - கல்வி தெளிவுக்கு முன்னுரிமை வழங்கப்படுகிறது
- குறியீடு எடுத்துக்காட்டுகள் தற்போதைய சிறந்த நடைமுறைகளை பின்பற்ற வேண்டும் - குறியீடு எடுத்துக்காட்டுகள் நடந்துறை சிறந்த நடைமுறைகளுக்கு ஏற்ப இருக்க வேண்டும்
- மொழிபெயர்ப்புகள் துல்லியமாகவும் பண்பாட்டு பொருத்தமாகவும் இருக்கும் - மொழிபெயர்ப்புகள் துல்லியமும் பண்பாட்டு பொருத்தமும் ஏற்கப்பட்டுள்ளது
## Translation System ## Translation System
### Automated Translation ### Automated Translation
- GitHub Actions மற்றும் co-op-translator செயல்முறையை பயன்படுத்துகிறது - co-op-translator பணிமுறை கொண்ட GitHub Actions பயன்படுத்தப்படுகிறது
- தானாக 50+ மொழிகளுக்கு மொழிபெயர்க்கிறது - 50+ மொழிகளுக்கு தானாக மொழிபெயர்ப்பு செய்கிறது
- மூல கோப்புகள் முக்கிய அடைவுகளில் உள்ளன - மூல கோப்புகள் பிரதான கோப்புறைகளில்
- மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` அடைவுகளில் உள்ளன - மொழிபெயர்க்கப்பட்ட கோப்புகள் `translations/{language-code}/` கோப்புறைகளில்
### Adding Manual Translation Improvements ### Adding Manual Translation Improvements
1. `translations/{language-code}/` கோப்பகத்தில் கோப்பை உறுதிப்படுத்து 1. `translations/{language-code}/` இல் கோப்பை கண்டறியவும்
2. கட்டமைப்பை காப்பாற்றி மேம்பாடுகள் செய்யவும் 2. கட்டமைப்பை பாதுகாத்து மேம்படுத்தல்கள் செய்யவும்
3. குறியீடு எடுத்துக்காட்டுகள் செயல்திறன் இழக்காமல் இருக்கவும் 3. குறியீடு எடுத்துக்காட்டுகள் செயல்படும் நிலையை உறுதி செய்யவும்
4. உள்ளூர் வினா உள்ளடக்கத்தை சோதிக்கவும் 4. உள்ளூர் கேள்வித்தாள் உள்ளடக்கங்களைக் சோதிக்கவும்
### Translation Metadata ### Translation Metadata
மொழிபெயர்க்கப்பட்ட கோப்புகளில் metadata தலைப்பு உள்ளது: மொழிபெயர்க்கப்பட்ட கோப்புகளில் பின்வரும் மெட்டா தகவல் தலைப்பு உள்ளது:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
### Common Issues ### Common Issues
**வினா பயன்பாட்டை துவங்க முடியவில்லை**: **Quiz app துவங்கவில்லை**:
- Node.js பதிப்பு (v14+ பரிந்துரைக்கப்பட்டது) சரிபார்க்கவும் - Node.js பதிப்பு (v14+ பரிந்துரைக்கப்படுகிறது) சரிபார்க்கவும்
- `node_modules` மற்றும் `package-lock.json` அழித்து `npm install` இயக்கவும் - `node_modules` மற்றும் `package-lock.json` ஐ நீக்கி மீண்டும் `npm install` ஒதுக்கவும்
- போர்ட் மோதல்கள் உள்ளதா எப்படி பார்க்கவும் (இயல்புநிலை: Vite போர்ட் 5173 பயன்படுத்துகிறது) - போர்ட் மாறுபாடுகள் உள்ளதா என பார்க்கவும் (இயல்புநிலை: Vite போர்ட் 5173 பயன்படுத்துகிறது)
**API சர்வர் துவங்கவில்லை**: **API சர்வர் துவங்கவில்லை**:
- குறைந்த பட்சம் Node.js பதிப்பு (node >=10) உள்ளது என்பதை உறுதிசெய்க - Node.js குறைந்தபட்ச பதிப்பு (node >=10) இருக்கிறது என உறுதி செய்யவும்
- போர்ட் ஏற்கனவே பயன்படுத்தப்படுகிறதா பாருங்கள் - போர்ட் ஏற்கனவே பயன்படுத்தப்படுகிறதா என பார்க்கவும்
- அனைத்து சார்புகளை `npm install` மூலம் நிறுவியுள்ளீர்களா என்பது பரிசோதிக்கவும் - அனைத்து பிணையதளங்கள் `npm install` மூலம் நிறுவப்பட்டுள்ளன என உறுதி செய்யவும்
**உலாவி நீட்சிகள் ஏற்றப்படவில்லை**: **Browser extension ஏற்றப்படவில்லை**:
- manifest.json சரியாக வடிவமைக்கப்பட்டுள்ளதா என பரிசீலிக்கவும் - manifest.json முறையாக வடிவமைக்கப்பட்டுள்ளது என சரிபார்க்கவும்
- உலாவி கன்சோலில் பிழைகள் உள்ளதா என்பதைக் கவனிக்கவும் - உலாவி கண்டோலை பிழைத் தகவலுக்காக பார்க்கவும்
- உலாவித்திறன் நீட்சிகளை நிறுவும் வழிகாட்டுதலை பின்பற்றவும் - உலாவி தனித்துவ நீட்டிப்பு நிறுவல் வழிகாட்டுதலை பின்பற்றவும்
**Python அரட்டை திட்ட பிழைகள்**: **Python உரையாடல் திட்ட பிழைகள்**:
- OpenAI தொகுப்பை நிறுவி உள்ளதா: `pip install openai` - OpenAI பைதான் தொகுப்பு நிறுவியுள்ளீர்களா: `pip install openai`
- GITHUB_TOKEN சுற்றுப்புற மாறி அமைந்திருகிறதா பாருங்கள் - GITHUB_TOKEN சூழல் மாறிலி அமைக்கப்பட்டுள்ளது என்பதை உறுதி செய்யவும்
- GitHub மாதிரிகள் அணுகல் அங்கீகாரம் சரிபார்க்கவும் - GitHub Models அணுகல் அனுமதிகளைச் சரிபார்க்கவும்
**Docsify ஆவண சேவை இல்லை**: **Docsify ஆவணங்கள் வழங்கவில்லை**:
- docsify-cli வை முழுக்க நிறுவவும்: `npm install -g docsify-cli` - globals ஆக docsify-cli நிறுவவும்: `npm install -g docsify-cli`
- களஞ்சியத்தின் அடிப்பகுதியில் இருந்து இயக்கவும் - சேமிப்பகத்தின் ரூட் கோப்புறையில் இருந்து இயக்கவும்
- `docs/_sidebar.md` இருக்கிறதா பாருங்கள் - `docs/_sidebar.md` உள்ளது என உறுதி செய்யவும்
### Development Environment Tips ### Development Environment Tips
- HTML திட்டங்களுக்கு VS Code மற்றும் Live Server நீட்சியைப் பயன்படுத்தவும் - HTML திட்டங்களுக்கு VS Code Live Server விரிவாக்கம் பயன்படுத்தவும்
- ஒரே மாதிரி வடிவமைப்புக்கு ESLint மற்றும் Prettier நீட்சிகளை நிறுவவும் - ஒருமையான வடிவமைப்புக்கு ESLint மற்றும் Prettier விரிவாக்கங்களை நிறுவவும்
- ஜாவாஸ்கிரிப்ட் பிழையினை கண்டறிய உலாவி DevTools ஐ பயன்படுத்தவும் - JavaScript பிழைத்திருத்தத்திற்கு உலாவி DevTools பயன்படுத்தவும்
- Vue திட்டங்களுக்கு Vue DevTools உலாவி நீட்சியை நிறுவவும் - Vue திட்டங்களுக்கு Vue DevTools உலாவி விரிவாக்கம் நிறுவவும்
### Performance Considerations ### Performance Considerations
- மொழிபெயர்க்கப்பட்ட கோப்புகளின் அதிக எண்ணிக்கை (50+ மொழிகள்) முழு கிளோன்களை பெரிதாக்குகிறது - 50+ மொழிகளில் மொழிபெயர்க்கப்பட்ட கோப்புகளின் பெரும் எண்ணிக்கை முழு clone யை பெரிதாக்குகிறது
- உள்ளடக்கத்தில் மட்டும் பணியாற்ற shallow clone ஐப் பயன்படுத்தவும்: `git clone --depth 1` - உள்ளடக்கம் வேலை செய்வதால் மட்டுமே நேர்மறை clone பயன்படுத்தவும்: `git clone --depth 1`
- ஆங்கில உள்ளடக்கத்திற்கான தேடல்களில் மொழிபெயர்ப்புகளை தவிர்க்கவும் - ஆங்கில உள்ளடக்கத்துடன் செயல்படும் பொழுது மொழிபெயர்ப்புகளைத் தேடல்களில் தவிர்க்கவும்
- முதல் ஓட்டத்தில் (npm install, Vite build) கட்டுமான செயல்முறை மெதுவாக இருக்கலாம் - முதல் முறையில் கட்டுமான செயல்முறைகள் மெல்லியதாக இருக்கலாம் (npm install, Vite கட்டமைப்பு)
## Security Considerations ## Security Considerations
### Environment Variables ### Environment Variables
- API விசைகளை களஞ்சியத்தில் விடாது - API விசைகள் எப்போதும் சேமிப்பகத்தில் commit செய்யக்கூடாது
- `.env` கோப்புகளை பயன்படுத்தவும் (இவை `.gitignore` இல் உள்ளன) - `.env` கோப்புகளை பயன்படுத்தவும் (இவை `.gitignore` இல் உள்ளன)
- தேவையான சுற்றுப்புற மாறிகளை திட்ட README கோப்புகளில் ஆவணப்படுத்தவும் - தேவையான சூழல் மாறிலிகள் திட்ட README களில் ஆவணப்படுத்தவும்
### Python Projects ### Python Projects
- வேர்ச்சுவல் சுற்றுப்புறங்களை பயன்படுத்தவும்: `python -m venv venv` - மெய்நிகர் சூழல்கள் பயன்படுத்து: `python -m venv venv`
- சார்புகள் புதுப்பிக்கப்படுகின்றன என்பதை உறுதிசெய்க - பிணையதளங்கள் புதுப்பிக்கப்பட்டவையாக வைத்திருங்கள்
- GitHub டோக்கன்கள் குறைந்தபட்ச தேவைகளுடன் இருக்க வேண்டும் - GitHub குறிப்பளை குறைந்த அனுமதிகளுடன் வைத்திருங்கள்
### GitHub Models Access ### GitHub Models Access
- GitHub மாதிரிகளுக்கு தனிப்பட்ட அணுகல் டோக்கன்கள் (PAT) தேவை - GitHub Models க்கான தனிப்பட்ட அணுகல் குறிகள் (PAT) தேவை
- டோக்கன்கள் சுற்றுப்புற மாறிகளாக வாங்கப்பட வேண்டும் - குறிகள் சூழல் மாறிலிகளில் பயன்படுத்தப்பட வேண்டும்
- டோக்கன்கள் அல்லது அங்கீகாரங்கள் ஒருபோதும் களஞ்சியத்தில் சேர்க்கப்படக்கூடாது - குறிகள் அல்லது கடவுச்சொற்கள் commit செய்யப்படக்கூடாது
## Additional Notes ## Additional Notes
### Target Audience ### Target Audience
- வலை வளர்ச்சியில் முழுமையாக புதியவர்கள் - வலை மேம்பாட்டில் முழுமை ஆரம்பவர்கள்
- மாணவர்கள் மற்றும் சுய கற்றல் செய்பவர்கள் - மாணவர்கள் மற்றும் சுயபடிப்பாளர்கள்
- வகுப்பறையில் பாடத்திட்டத்தைப் பயன்படுத்தும் ஆசிரியர்கள் - வகுப்பறைகளில் பாடத்திட்டத்தைப் பயன்படுத்தும் ஆசிரியர்கள்
- உள்ளடக்கம் அணுகல் சாதகத்துக்கும் மெதுவாக திறன்களை வளர்க்கவும் வடிவமைக்கப்பட்டுள்ளது - உள்ளடக்கம் அணுகல் மற்றும் படிப்படியாக திறன்களை உருவாக்க வடிவமைக்கப்பட்டுள்ளது
### Educational Philosophy ### Educational Philosophy
- திட்ட அடிப்படையிலான கற்றல் முறைகள் - திட்ட அடிப்படையிலான கற்றல் முறைகள்
- அடிக்கடி அறிவு பரிசோதனைகள் (வினாக்கள்) - அடிக்கடி அறிவுத் திருத்தங்கள் (கேள்வித்தாள்கள்)
- கைபுத்தக குறியீடு பயிற்சிகள் - கைமுறை குறியீடு பயிற்சிகள்
- உலகத் தளத்தில் பயன்பாடுகள் எடுத்துக்காட்டுகள் - உண்மையான பயன்பாட்டு எடுத்துக்காட்டுகள்
- கட்டமைப்புகளுக்கு முன்பாக அடிப்படைகளை கவனித்தல் - கட்டமைப்புகள் முன் அடிப்படைகளில் கவனம் செலுத்துதல்
### Repository Maintenance ### Repository Maintenance
- பயில்வோர் மற்றும் பங்களிப்பாளர்களின் செயற்பாட்டுத் சமூகம் - செயல்பாட்டில் உள்ள கற்றல் மற்றும் பங்களிப்பாளர் சமூகம்
- சார்புகள் மற்றும் உள்ளடக்கங்களுக்கான திட்டமான புதுப்பிப்புகள் - பிணையதளங்கள் மற்றும் உள்ளடக்கங்களில் தவணம் மற்றும் புதுப்பிப்புகள்
- பராமரிப்பாளர்களால் பிரச்சனைகள் மற்றும் விவாதங்கள் கண்காணிப்பு - குறியீடு மற்றும் விவாதங்கள் பராமரிப்பாளர்களால் கண்காணிக்கப்படுகின்றன
- GitHub Actions மூலம் தானாக மொழிபெயர்ப்பு புதுப்பிப்புகள் - மொழிபெயர்ப்பு புதுப்பிப்புகள் GitHub Actions மூலம் தானாக நடைபெறுகின்றன
### Related Resources ### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Microsoft Learn செயல்முறை](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [மாணவர் ஹப் வளங்கள்](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) மாணவர்களுக்கு பரிந்துரைக்கப்படுகிறது - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) கற்றலுக்கான பரிந்துரை
- கூடுதல் பாடநெறிகள்: Generative AI, Data Science, ML, IoT பாடத்திட்டங்கள் கிடைக்கின்றன - கூடுதல் பாடநெறிகள்: Generative AI, தரவு அறிவியல், இயந்திர கற்றல், IoT கற்கைத் தொகுப்புகள்
### Working with Specific Projects ### Working with Specific Projects
தனிநபர் திட்டங்களுக்கு விரிவான அறிவுறுத்தல்களுக்கு README கோப்புகளைக் காட்டு: தனித்தனியாய் திட்டங்களைச் செயல்படுத்த Readme கோப்புக்கள் பார்க்கவும்:
- `quiz-app/README.md` - Vue 3 வினா பயன்பாடு - `quiz-app/README.md` - Vue 3 கேள்வித்தாள் செயலி
- `7-bank-project/README.md` - அங்கீகாருடன் வங்கி பயன்பாடு - `7-bank-project/README.md` - அங்கீகாரம் உடன் வங்கி செயலி
- `5-browser-extension/README.md` - உலாவி நீட்சிகள் வளர்ப்பு - `5-browser-extension/README.md` - உலாவி நீட்டிப்பு மேம்பாடு
- `6-space-game/README.md` - கான்வாஸ் அடிப்படையிலான விளையாட்டு மேம்பாடு - `6-space-game/README.md` - கேன்வாஸ் அடிப்படையிலான கேம் மேம்பாடு
- `9-chat-project/README.md` - AI அரட்டை உதவியாளர் திட்டம் - `9-chat-project/README.md` - AI உரையாடல் உதவியாளர் திட்டம்
### Monorepo Structure ### Monorepo Structure
சாதாரண மொனோரெப்போ அல்ல, ஆனால் இதில் பல தனித்தனி திட்டங்கள் உள்ளன: சாதாரண மொனோரோப்பாக இல்லாவிட்டாலும், இந்த சேமிப்பகத்தில் பல தனித்தந் திட்டங்கள் உள்ளன:
- ஒவ்வொரு பாடமும் தனிபட்டது - ஒவ்வொரு பாடமும் தனித்தனியாக உள்ளது
- திட்டங்கள் சார்புகளை பகிரவில்லை - திட்டங்கள் பிணையதளங்களை பகிர்ந்து கொள்வதில்லை
- தனி திட்டங்களில் வேறு திட்டங்களை பாதிக்காமல் பணியாற்றலாம் - ஒரே நேரத்தில் பலத்த திட்டங்களில் வேலை செய்யாமல் தனித்தனியே பணிசெய்யலாம்
- முழு பாடத்திட்ட அனுபவத்திற்கு முழு களஞ்சியத்தை கிளோன் செய்யவும் - முழு பாடத்திட்ட அனுபவத்திற்கு முழு சேமிப்பகத்தை கிளோன் செய்யவும்
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**சுட்டுரை**: **சிலசார்பு**:
இந்த ஆவணம் AI மொழிபெயர்ப்பு சேவையான [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் சரியானதாக இருக்க முயற்சித்தாலும், தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்க வாய்ப்பு உள்ளது என்பதை தயவுசெய்து கவனிக்கவும். அதன் சொந்த மொழியில் உள்ள மூல ஆவணம் அதிகாரபூர்வமான மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைக்கின்றோம். இந்த மொழிபெயர்ப்பை பயன்படுத்துவதிலிருந்து ஏற்படும் எந்த தவறெதிர்வு அல்லது தவறான விளக்கங்களுக்கும் நாங்கள் பொறுப்பானவர்கள் அல்ல. இந்த ஆவணம் AI மொழிபெயர்ப்பு சேவையான [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்துக்காக முயற்சிக்கிறோம் என்றாலும், தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்க வாய்ப்பு உள்ளது. அதன் உடன் மொழியில் உள்ள அசல் ஆவணம் அதிகாரப்பூர்வத் தாக்குத்தளமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பின் பயன்பாட்டால் ஏற்பட்ட ஏதேனும் தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பில்லை.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

243
translations/ta/README.md
Unescape View File

@ -10,29 +10,29 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ஆரம்பநிலை நெட்வெர் மேம்பாட்டுக்கான பாடத்திட்டம் # தொடக்கத்திற்கான வலை வளர்ப்பு - ஒரு பாடத்திட்டம்
Microsoft Cloud Advocates வழங்கும் 12 வார விரிவான பாடநெறியுடன் வலை மேம்பாட்டின் அடிப்படைகளை கற்றுக்கொள்க. 24 பாடங்களின் ஒவ்வொன்றும் ஜாவாஸ்கிரிப்ட், CSS மற்றும் HTML ஐ கரைதிருக்கும் திட்டங்களான டெராரியம்கள், உலாவி நீட்சிகள் மற்றும் விண்வெளி விளையாட்டுகள் மூலம் கையடக்கப் பயிற்சிகளுடன் ஆராய்கிறது. கேள்வி கேட்கிற, விவாதம் செய்க, மற்றும் நடைமுறை பணிகளை மேற்கொள். உங்கள் திறன்களை மேம்படுத்தவும் உங்கள் அறிவு நினைவாற்றலை எங்கள் பயிற்சி திட்டத்தின் மூலம் மேம்படுத்தவும். இன்று உங்கள் குறியீட்டு பயணம் தொடங்குங்கள்! Microsoft Cloud Advocates வழங்கும் 12 வார விரிவான பாடத்திட்டத்தில் வலை வளர்ப்பின் அடிப்படைகளை கற்றுக்கொள்ளுங்கள். 24 பாடங்களின் ஒவ்வொன்றும் JavaScript, CSS மற்றும் HTML-இன் நடைமுறை திட்டங்கள் மூலம் கற்கப்படுகின்றன, அவற்றில் டெரேரியம், உலாவி நீட்டிப்புகள் மற்றும் விண்வெளி விளையாட்டுகள் அடங்கும். கேள்வியெழுத்துக்கள், விவாதங்கள் மற்றும் நடைமுறை பணிகளைச் செய்து ஈடுபடுங்கள். எங்கள் விளைவு மிக்க திட்ட அடிப்படையிலான ஞானம் முறையால் உங்கள் திறன்களை மேம்படுத்தி, அறிவை சிறந்த முறையில் ரெட்டென்ஷன் செய்யுங்கள். உங்கள் குறியீட்டு பயணத்தை இன்று தொடங்குங்கள்!
Azure AI Foundry Discord சமூகத்தில் சேரவும் Azure AI Foundry Discord சமூகத்தில் இணையவும்
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
இந்த வளங்களை பயன்படுத்தத் தொடங்க இந்த படிகள் பின்பற்றவும்: இந்த வளங்களைப் பயன்படுத்த தொடங்கவிருந்து பின்வரும் படிகளை பின்பற்றவும்:
1. **காப்பகத்தை 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) 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. **காப்பகத்தை கிளோன் செய்யவும்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **பதிவகத்தை Clone செய்யவும்**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord இல் கலந்துகொள் மற்றும் நிபுணர்களை மற்றும் இணை உருவாக்குநர்களை சந்தி**](https://discord.com/invite/ByRwuEEgH4) 3. [**Azure AI Foundry Discord-இல் இணையவும் மற்றும் நிபுணர்களும் மற்ற டெவலப்பர்களும் சந்திக்கவும்**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 பலமொழி ஆதரவு ### 🌐 பல் மொழி ஆதரவு
#### GitHub செயல்பாட்டின் மூலம் ஆதரவு (தானியங்கி & எப்போதும் கன்டேட்) #### GitHub Action மூலம் ஆதரிக்கப்படுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படும்)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [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) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](./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+ மொழி மொழிபெயர்ப்புகளை உள்ளடக்கியது, இது பதிவிறக்கத்தின் அளவுக்கு பெரிதும் பொறுப்பாகிறது. மொழிபெயர்ப்புகள் இல்லாமல் கிளோன் செய்ய சிறப்பு தேர்வு பயன்பாடு பயன்படுத்தவும்:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,175 +48,174 @@ Azure AI Foundry Discord சமூகத்தில் சேரவும்
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> இது விரைவான பதிவிறக்கத்துடன் படிப்பை முடிப்பதற்கான அனைத்து தேவைகளையும் உங்களுக்கு வழங்கும். > இது உங்களுக்கு பாடத்திட்டத்தை நிறைவேற்ற அவசியமான அனைத்தையும் வேகமாக பதிவிறக்க உதவும்.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**மேலும் மொழிபெயர்ப்புகளுக்காக ஆதரவு தேவையெனில், இங்கு பட்டியலிட்டுள்ளன [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **மேலும் மொழிபெயர்ப்பு மொழிகள் ஆதரிக்கப்பட விரும்பின், அவை இங்கே பட்டியலிடப்பட்டுள்ளன [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _நீங்கள் மாணவரா?_ #### 🧑‍🎓 நீங்கள் ஒரு மாணவரா?
[**மாணவர் ஹப் பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்க்கவும், அங்கே நீங்கள் ஆரம்பநிலை வளங்கள், மாணவர் பேக்குகள் மற்றும் இலவச சான்றிதழ் வவுச்சர் பெறும் வழிகளையும் காண்பீர்கள். மாதந்தோறும் உள்ளடக்கங்கள் மாறும் என்பதால் இந்தப் பக்கத்தைக் குறிச்சொல் வைத்து உடனுக்குடன் பார்க்கவும். [**Student Hub பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்க்கவும். இதில் நீங்கள் தொடக்க வளங்கள், மாணவர் தொகுப்புகள் மற்றும் இலவச சான்றிதழ் வோச்சர் பெறும் வழிகளையும் காணலாம். மாதாந்திரமாக உள்ளடக்கத்தை மாற்றும் போது நீங்கள் அடிக்கடி இந்த பக்கத்தை புத்திசாலித்தனமாக சந்திக்கவும்.
### 📣 அறிவிப்பு - புதிய GitHub Copilot Agent முறையிலான சவால்கள் நிறைவு செய்க! ### 📣 அறிவிப்பு - புதிய GitHub Copilot Agent பயன்முறை சவால்கள் உள்ளன!
புதிய சவால் சேர்க்கப்பட்டது, பெரும்பாலான அத்தியாயங்களில் "GitHub Copilot Agent Challenge 🚀" என்பதைத் தேடுங்கள். இது GitHub Copilot மற்றும் Agent முறையைப் பயன்படுத்தி முடிக்க புதிய சவாலாகும். நீங்கள் முன்பு Agent முறையைப் பயன்படுத்தவில்லையெனில், இது உரையை உருவாக்குவததற்கு மட்டுமல்லாமல் கோப்புகளை உருவாக்கி மாற்றவும், கட்டளைகளை நடத்தவும் முடியும். புதிய சவால் சேர்க்கப்பட்டது, பெரும்பாலான அத்தியாயங்களில் "GitHub Copilot Agent Challenge 🚀" எனக் காணவும். இது GitHub Copilot மற்றும் Agent முறைபடி நீங்கள் நிறைவேற்ற வேண்டிய புதிய சவாலை குறிக்கிறது. நீங்கள் இதுவரை Agent முறைபயன்படுத்தவில்லை என்றால், இது உரை உருவாக்குவதற்கோ மட்டுமல்லாமல், கோப்புகளை உருவாக்கவும் திருத்தவும், கட்டளைகளை இயக்கவும் மற்றும் இன்னும் பலவற்றைக் கூடிய திறன் கொண்டது.
### 📣 அறிவிப்பு - _உருவாக்கும் AI பயன்படுத்தும் புதிய திட்டம்_ ### 📣 அறிவிப்பு - _புதிய திட்டம் ஜனரேட்டிவ் AI-யைப் பயன்படுத்தி கட்டும்_
புதிய AI உதவியாளர் திட்டம் சேர்க்கப்பட்டது, சரிபார்க்கவும் [project](./9-chat-project/README.md) புது AI உதவியாளர் திட்டம் இப்போது சேர்க்கப்பட்டது, பாருங்கள் [project](./9-chat-project/README.md)
### 📣 அறிவிப்பு - _புதிய பாடத்திட்டம்_ ஜாவாஸ்கிரிப்டுக்கான உருவாக்கும் AI பற்றியவை வெளியிடப்பட்டது ### 📣 அறிவிப்பு - _புதிய பாடத்திட்டம்_ ஜனரேட்டிவ் AI JavaScript க்கானவை வெளியிடப்பட்டது
எங்கள் புதிய உருவாக்கும் AI பாடத்திட்டம் தவறவிடாதீர்கள்! எங்கள் புதிய ஜனரேட்டிவ் AI பாடத்திட்டத்தை தவறவிட வேண்டாம்!
தொடங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பார்க்கவும்! தொடங்க https://aka.ms/genai-js-course ஐ பார்வையிடவும்!
![Background](../../translated_images/ta/background.148a8d43afde5730.webp) ![Background](../../translated_images/ta/background.148a8d43afde5730.webp)
- அடிப்படைகள் முதல் RAG வரை பாடங்கள். - அடிப்படைகளிலிருந்து RAG வரை அனைத்து பாடங்களும் உள்ளன.
- GenAI மற்றும் எங்கள் துணை செயலியுடன் பண்புமிகு கதாப்பாத்திரங்களுடன் முத்திரை அமைத்து தொடர்பு கொள்ளுங்கள். - GenAI மற்றும் எங்கள் தொடை செயலியைப் பயன்படுத்தி வரலாற்று கதாப்பாத்திரங்களுடன் தொடர்பு கொள்ளுங்கள்.
- சுவையாகவும் ஈர்க்கும் கதைக்களம், நீங்கள் காலப்பயணம் செய்யப் போகிறீர்கள்! - வினோதமான மற்றும் ஈடுபடுத்தும் கதை, நீங்கள் நேரம் பயணம் செய்யப்படுவீர்கள்!
![character](../../translated_images/ta/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/ta/character.5c0dd8e067ffd693.webp)
ஒவ்வொரு பாடமும் ஒரு பணிகளை நிறைவேற்றவும், அறிவு சரிபார்ப்பையும் சவாலைச் சொல்லும், பின்வரும் தலைப்புகளில் கற்றல் வழிகாட்டியாக இருக்கும்:
ஒவ்வொரு பாடத்திலும் ஒரு பணியை நிறைவு செய்ய வேண்டும், அறிவு பரிசோதனை மற்றும் சில சவால்கள் உண்டாகும், அவை கீழ்காணும் தலைப்புகளில் உங்களுக்கு வழிகாட்டும்: - ப்ராம்ப்டிங் மற்றும் ப்ராம்ப்ட் பொறியியல்
- ஃப்ராம்ட் மற்றும் ஃப்ராம்ட் என்ஜினியரிங் - உரை மற்றும் உருவ பட செயலி உருவாக்கல்
- உரை மற்றும் பட செயலி உருவாக்கம்
- தேடல் செயலிகள் - தேடல் செயலிகள்
தொடங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பாருங்கள்! தொடங்க https://aka.ms/genai-js-course ஐ பார்வையிடவும்!
## 🌱 தொடங்குதல் ## 🌱 தொடங்குதல்
> **ஆசிரியைர்கள்**, இந்த பாடத்திட்டத்தை எப்படி பயன்படுத்துவது என்பதற்கான சில பரிந்துரைகளை நாங்கள் [இதில் சேர்த்துள்ளோம்](for-teachers.md). உங்கள் கருத்துக்களை [எமது விவாத மன்றத்தில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிர்வீர்கள் என நம்புகிறோம்! > **ஆசிரியர்கள்**, இந்த பாடத்திட்டத்தை எளிதாக பயன்படுத்த சில பரிந்துரைகளை [சேர்க்கப்பட்டுள்ளது](for-teachers.md). உங்கள் கருத்துக்களை எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிரவும்!
**[கற்றவர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்-கல்வி வினோதையுடன் ஆரம்பித்து, பாடத்திட்ட வாசிப்பை தொடரவும், பல்வேறு செயல்பாடுகளை முடிக்கவும் மற்றும் பின்கல்வி வினோதையுடன் உங்கள் புரிதலை சோதிக்கவும். **[கற்றுக்கொள்பவர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்பு ஒரு முன்-வாய்ப்பு வினாடி வினா செய்யவும், அதன் பிறகு பாடக் குறிப்புகளைப் படியுங்கள், பல்வேறு செயல்பாடுகளை முடித்துக் கொண்டு உங்கள் புரிதலை பின்வரும் பிறகு வினாடி வினாக்களால் சரிபார்க்கவும்.
உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, திட்டங்களில் சேர்ந்து செயல்படும் சக மாணவர்களுடன் இணைந்து உழைக்கவும்! விவாதங்கள் எங்கள் [விவாத மன்றத்தில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ஊக்கப்படுத்தப்படுகின்றன, அங்கு எமது மைதான அறிவாளிகள் உங்கள் கேள்விகளுக்கு பதில் அளிக்க காத்திருக்கிறார்கள். உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, உங்கள் தோழர்களுடன் இணைந்து திட்டங்களைச் செய்யவும்! எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) விவாதங்களை ஊக்குவிக்கின்றோம், இதற்காக நமது குழுவின் மேடிடர்கள் உங்களுடைய கேள்விக்கு பதிலளிக்க தயாராக இருப்பர்.
உங்கள் கல்வியை இன்னும் விரிவுபடுத்த, கூடுதல் படிப்பு பொருட்களுக்காக [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ஐ கண்டறிய பரிந்துரைக்கிறோம். உங்களுடைய கல்வியை மேலும் மேம்படுத்த, மேலதிக படிப்பு வளங்களுக்கு [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ஆராய்வதை நாங்கள் மிகுந்த பரிந்துரைக்கிறோம்.
### 📋 உங்கள் சுற்றுப்புறத்தை அமைத்தல் ### 📋 உங்கள் சுற்றுச்சூழலை அமைத்தல்
இந்த பாடத்திட்டத்துக்கு முன்னேற்ற சூழல் தயார் நிலையில் உள்ளது! ஆரம்பிக்கும் போது நீங்கள் பாடத்திட்டத்தை [Codespace](https://github.com/features/codespaces/) (_உலாவி அடிப்படையிலான, நிறுவல்கள் தேவையில்லாத சூழல்_) அல்லது உங்கள் கணினியில் உள்ளே [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) போன்ற உரை தொகுப்பாளரைப் பயன்படுத்தி இயக்க முடியும். இந்த பாடத்திட்டம் ஒரு விரைவான மேம்பாட்டு சூழலை உடையது! தொடங்கும்போது, [Codespace](https://github.com/features/codespaces/) (_உலாவி அடிப்படையிலான, பரிந்துரைகள் தேவையற்ற சூழல்_), அல்லது உள்ளூர் உங்கள் கணினியில் [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) போன்ற உரை தொகுப்பியைப் பயன்படுத்தி இயக்க முடியும்.
#### உங்கள் காப்பகத்தை உருவாக்கல் #### உங்கள் பதிவகத்தை உருவாக்குதல்
உங்கள் பணி சேமிக்க எளிதாக, உங்கள் சொந்த காப்பகத்தை உருவாக்க பரிந்துரைக்கப்படுகிறது. உள் பக்கத்தின் மேல் பகுதியில் உள்ள **Use this template** பொத்தானை அழுத்தி இதை செய்யலாம். இது பாடத்திட்ட காப்பளிக்காக உங்களது GitHub கணக்கில் புதிய காப்பகத்தை உருவாக்கும். உங்கள் பணிகளை எளிதாகச் சேமிப்பதற்கு, இந்த பதிவகத்தின் உங்கள் நகலை உருவாக்க பரிந்துரைக்கப்படுகிறது. இதனை இப்பட்டி பக்கத்தின் மேல் **Use this template** பொத்தானைக் கிளிக் செய்து செய்யலாம். இது உங்கள் GitHub கணக்கில் புதிய பதிவகத்தை உருவாக்கி பாடத்திட்டத்தின் நகலை ஏற்கும்.
இந்த படிகளை பின்பற்றவும்: பின்வரும் படிகளை பின்பற்றவும்:
1. **காப்பகத்தை Fork செய்க**: இந்த பக்கத்தின் வலது மேல் மூலையில் உள்ள "Fork" பொத்தானை அழுத்தவும். 1. **பதிவகத்தை Fork செய்யவும்**: இப்பட்டி பக்கத்தின் மேல் வலப்புற மூலையில் உள்ள "Fork" பொத்தானை கிளிக் செய்யவும்.
2. **காப்பகத்தை கிளோன் செய்க**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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) ![Codespace](../../translated_images/ta/createcodespace.0238bbf4d7a8d955.webp)
#### உங்கள் கணினியில் உள்ளே பாடத்திட்டத்தை இயக்குதல் #### உங்கள் கணினியில் உள்ளூர் பாடத்திட்டத்தை இயக்குதல்
இந்த பாடத்திட்டத்தை உள்ளே இயக்க, உங்கள் கணினியில் உரை தொகுப்பாளர், உலாவி மற்றும் கட்டளை வரி கருவி தேவை. எமது முதல் பாடம் [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) இவற்றை தேர்வு செய்யும் அறிவுரைகளை வழங்கும். இந்த பாடத்திட்டத்தை உங்கள் கணினியில் இயக்க, நீங்கள் உரை தொகுப்பி, ஒரு உலாவி மற்றும் கட்டளை வரிசை கருவி தேவைப்படும். எங்கள் முதல் பாடம், [Programming Languages and Tools of the Trade அறிமுகம்](../../1-getting-started-lessons/1-intro-to-programming-languages), இவை ஒவ்வொன்றிற்கும் விருப்பங்களை விளக்குகிறது, நீங்கள் உங்களுக்கு ஏற்றதைத் தேர்வு செய்யலாம்.
நாங்கள் பரிந்துரைக்குவது [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) என்ற தொகுப்பாளர். இது கட்டமைக்கப்பட்ட [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) உடன் வருகிறது. Visual Studio Code ஐ [இங்கே](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) பதிவிறக்கம் செய்யலாம். எங்கள் பரிந்துரை [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) என்பதை உங்கள் தொகுப்பியாக பயன்படுத்துவது, இது உடன் ஒரு [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) கொண்டுள்ளது. Visual Studio Code-ஐ நீங்கள் [இங்கே](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இருந்து பதிவிறக்கம் செய்யலாம்.
1. உங்கள் களஞ்சியத்தை உங்கள் கணினியில் கிளோன் செய்யுங்கள். நீங்கள் இதை **Code** பொத்தானை கிளிக் செய்து URLஐ நகலெடுத்துக்கொள்வதும் மூலம் செய்யலாம்: 1. உங்கள் கணினிக்கு உங்கள் களஞ்சியத்தை நகலெடுக்கவும். இது செய்யும் போது **Code** பொத்தானை கிளிக் செய்து URL-ஐ நகலெடுக்கலாம்:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
பிறகு, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐத் திறந்து, கீழ்கண்ட கட்டளையை இயக்குங்கள், `<your-repository-url>` என்பதற்கு நீங்கள் நடப்பில் நகலெடுத்த URLஐ மாற்றி: பின்னர், [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 ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Visual Studio Code இல் கோப்புறை(ஐ) திறக்கவும். நீங்கள் இதை **File** > **Open Folder** என்பவற்றை கிளிக் செய்து, நீங்கள் கிளோன் செய்த கோப்புறை(ஐ) தேர்ந்தெடுக்கவும் செய்யலாம். 2. Visual Studio Code இல் கோப்புறை திறக்கவும். இது செய்ய, **File** > **Open Folder** என்பதை கிளிக் செய்து நீங்கள் தற்போது நகலெடுத்த கோப்புறையை தேர்ந்தெடுக்கவும்.
> பரிந்துரைக்கப்பட்ட Visual Studio Code நீட்சிகள்: > பரிந்துரைக்கப்பட்ட Visual Studio Code விரிவாக்கங்கள்:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code இல் HTML பக்கங்களை முன்னோட்டம் காண > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code இல் HTML பக்கங்களை முன்னோட்டம் செய்ய
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - உங்கள் குறியீட்டை வேகமாக எழுத உதவும் > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - உங்கள் குறியீட்டை விரைவாக எழுத உதவும்
## 📂 ஒவ்வொரு பாடமும் அடங்கும்: ## 📂 ஒவ்வொரு பாடத்திலும் அடங்கும்:
- விருப்பமான ஸ்கெட்ச் நோட் - விருப்பமான ஸ்கெட்ச் நோட்
- விருப்பமான கூடுதல் வீடியோ - விருப்பமான இணை වීடியோ
- பாடத்திற்கு முந்தின ஆய்வுக் கேள்வி - பாடத்திற்கு முன் வெப்பப்பயிற்சி வினாத்தாள்
- எழுதிய பாடம் - எழுதப்பட்ட பாடம்
- திட்ட அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை கட்டடண பயிற்சிகள் - திட்ட அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை கட்டமைக்கும் படி படிநிலை வழிகாட்டிகள்
- அறிவு பரிசோதனைகள் - அறிவு சோதனைகள்
- ஒரு சவால் - ஒரு சவால்
- கூடுதல் வாசிப்பு - இணை வாசிப்பு
- பணிஎழுத்து - பணியளிப்பு
- [பாடம் முடித்த பிறகு கேள்வி](https://ff-quizzes.netlify.app/web/) - [பாடத்திற்குப் பிறகு வினாத்தாள்](https://ff-quizzes.netlify.app/web/)
> **கேள்விகளுக்கு ஒரு குறிப்பு**: அனைத்து கேள்விகள் Quiz-app கோப்புறையில் உள்ளன, ஒவ்வொன்றும் மூன்று கேள்விகளால் ஆன 48 கேள்விகள். இவற்றை [இங்கே](https://ff-quizzes.netlify.app/web/) பெறலாம். கேள்வி செயலியை உள்ளகமாக இயக்கவோ அல்லது Azure இல் வெளியிடவோ செய்யலாம்; `quiz-app` கோப்புறையில் உள்ள வழிமுறைகளை பின்பற்றவும். > **வினாத்தாளர் குறிப்பு**: அனைத்து வினாத்தாள்களும் Quiz-app என்ற கோப்புறையில் உள்ளன, ஒவ்வொன்றிலும் மூன்று வினாக்கள் கொண்ட 48 வினாத்தாள்கள். இவை [இங்கே](https://ff-quizzes.netlify.app/web/) கிடைக்கின்றன. வினாத்தாள் பயன்பாடு உள்ளூர் ஆக இயக்க அல்லது Azure க்கு நியமிக்கலாம்; `quiz-app` கோப்புறையில் உள்ள விளக்கங்களை பின்பற்றவும்.
## 🗃️ பாடங்கள் ## 🗃️ பாடங்கள்
| | திட்டத்தின் பெயர் | கற்பிக்கப்பட்ட கருத்துக்கள் | கற்றல் நோக்கங்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் | | | திட்டத்தின் பெயர் | கற்றுக் கொடுக்கப்படும் கருத்துக்கள் | கற்றல் நோக்கங்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :----------------------------------------------------------: | :---------------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: |
| 01 | Getting Started | நிரலாக்க அறிமுகம் மற்றும் கருவிகள் | பெரும்பாலான நிரலாக்க மொழிகளின் அடிப்படைகளை அறிந்து, தொழில்முறை டெவலப்பர்களின் பணிக்கான மென்பொருட்களைப் பற்றி அறிதல் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | | 01 | துவக்கம் | நிரல் மொழிகள் மற்றும் தொழில்நுட்பங்களுக்கான அறிமுகம் | பெரும்பாலான நிரல் மொழிகளின் அடிப்படைகளை கற்றல் மற்றும் தொழில்முறை டெவலப்பர்களுக்கு உதவும் மென்பொருள் பற்றி அறிதல் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ஜாஸ்மின் |
| 02 | Getting Started | GitHub அடிப்படைகள், குழுவுடன் பணியாற்றுதல் | உங்கள் திட்டத்தில் GitHub ஐ எப்படி பயன்படுத்துவது, மற்றவர்களுடன் குறியீட்டு தளத்தில் கூட்டிணைவது | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor | | 02 | துவக்கம் | GitHub அடிப்படைகள், குழுவுடன் பணியாற்றுவது | உங்கள் திட்டத்தில் GitHub பயன்படுத்துவது மற்றும் மற்றவர்களுடன் குறியீடு அடிப்படையில் கூட்டு செயல்பாடு செய்யும் விதம் | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ஃப்லோர் |
| 03 | Getting Started | அணுகல்திறன் | வலை அணுகல்திறன் அடிப்படைகளை கற்றுக்கொள்ளவும் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | துவக்கம் | அணுகல் மலிவு | வலை அணுகல் மலிவின் அடிப்படைகளை கற்றல் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | கிரிஸ்டோஃபர் |
| 04 | JS Basics | ஜாவாஸ்கிரிப்ட் தரவுகளின் வகைகள் | ஜாவாஸ்கிரிப்ட் தரவுகளின் அடிப்படைகள் | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine | | 04 | JS அடிப்படைகள் | JavaScript தரவுத் தகுதிகள் | JavaScript தரவுத் தகுதிகளின் அடிப்படைகள் | [Data Types](./2-js-basics/1-data-types/README.md) | ஜாஸ்மின் |
| 05 | JS Basics | செயல்பாடுகள் மற்றும் முறைகள் | பயன்பாட்டின் காரியஒழுங்கை நிர்வகிக்கும் செயல்பாடுகள் மற்றும் முறைகள் பற்றி கற்றுக்கொள்ளவும் | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | | 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | செயல்பாடுகள் மற்றும் செயல்முறைகள் மூலம் செயலியின் தர்க்கத்தை நிர்வகிப்பது | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ஜாஸ்மின் மற்றும் கிரிஸ்டோஃபர் |
| 06 | JS Basics | JS ஆகிய மூலம் முடிவெடுத்தல் | உங்கள் குறியீட்டில் முடிவெடுத்தல் முறைகளைப் பயன்படுத்தி நிபந்தனைகளை உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine | | 06 | JS அடிப்படைகள் | JS மூலம் முடிவெடுக்குதல் | உங்கள் குறியீட்டில் முடிவெடுக்கும் விதிகளை உருவாக்கும் வழிகள் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ஜாஸ்மின் |
| 07 | JS Basics | வரிசைகள் மற்றும் மீண்டும் சுழற்சிகள் | ஜாவாஸ்கிரிப்ட் வரிசைகள் மற்றும் மீண்டும் சுழற்சிகளைப் பயன்படுத்தி தரவை கையாளவும் | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine | | 07 | JS அடிப்படைகள் | வரிசைகள் மற்றும் மடக்குகளும் | JavaScript இல் வரிசைகள் மற்றும் மடக்குகளுடன் தரவை கையாளுதல் | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ஜாஸ்மின் |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML நடைமுறை | ஆன்லைன் டெரேரியத்தை உருவாக்க HTML உருவாக்கு, அமைப்பை கட்டமைப்பதில் கவனம் செலுத்துக | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML நடைமுறை | ஆன்லைன் டெரேரியம் உருவாக்க HTML கட்டமைக்க, அமைப்பின் கட்டமைப்பில் கவனம் செலுத்தி | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ஜென் |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS நடைமுறை | ஆன்லைன் டெரேரியத்தை வடிவமைக்க CSS உருவாக்கு, அடிப்படைகள் மற்றும் பக்கத்தை பதிலளிக்கும் முறைகள் பற்றியும் கவனம் செலுத்துக | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS நடைமுறை | ஆன்லைன் டெர்ரீரியத்தை ஸ்டைல் செய்ய CSS கட்டமைக்க, பெற்றோடியான CSS அடிப்படைகளுடன் பக்கம் பொறுத்து விளையாடுதல் | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ஜென் |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ஜாவாஸ்கிரிப்ட் மூடுபனிகள், DOM கையாள்தல் | டெரேரியத்தை ஒரு டிராக்/டிராப் இடைமுகமாக செயல்படுத்த ஜாவாஸ்கிரிப்டை உருவாக்கு, மூடுபனிகள் மற்றும் DOM கையாள்தலில் கவனம் செலுத்துக | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/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) | ஜென் |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | தட்டச்சு விளையாட்டை உருவாக்கு | கீபோர்டு நிகழ்வுகளைப் பயன்படுத்தி உங்கள் ஜாவாஸ்கிரிப்ட் செயலியின் கோட்பாட்டை இயக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும் | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Typing Game](./4-typing-game/solution/README.md) | தட்டச்சு விளையாட்டை உருவாக்குதல் | உங்கள் JavaScript செயலிக்கு விசைப்பலகை நிகழ்வுகளைப் பயன்படுத்திக் குறியீட்டு தர்க்கத்தை இயக்குவது | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | கிரிஸ்டோஃபர் |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவிகளுடன் பணியாற்றுதல் | உலாவிகள் எப்படி செயல்படுகின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்சியின் முதல் கூறுகளை உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும் | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவிகள் பற்றிய அறிவு | உலாவிகள் எப்படிப் பணி செய்யின்றன, வரலாறு மற்றும் ஒரு உலாவி நீட்டிப்பை உருவாக்க ஆரம்ப நிலைப் பகுதிகளை உருவாக்குவது | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ஜென் |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API அழைக்கல் மற்றும் உள்ளூர் சேமிப்பில் மாறிகள் சேமித்தல் | உள்ளூர் சேமிப்பில் சேமித்த மாறிகளைப் பயன்படுத்தி API அழைக்க உலாவி நீட்சியின் ஜாவாஸ்கிரிப்ட் கூறுகளை உருவாக்குங்கள் | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API க்கு அழைப்பு மற்றும் உள்ளூர் சேமிப்பில் மாறிலிகளை சேமித்தல் | உங்கள் உலாவி நீட்டிப்பின் JavaScript கூறுகளை உருவாக்கி API அழைக்கிறது, உள்ளூர் சேமிப்பில் சேமிக்கப்பட்ட மாறிலிகளை இந்தச் செயலில் பயன்படுத்துகிறது | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ஜென் |
| 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 | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவி பின்னணி செயல்பாடுகள், வலை செயல்திறன் | நீட்டிப்பின் ஐகானை நிர்வகிக்க உலாவி பின்னணி செயல்பாடுகளைப் பயன்படுத்துதல்; வலை செயல்திறன் மற்றும் சில மேம்பாடுகள் பற்றி அறிதல் | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ஜென் |
| 15 | [Space Game](./6-space-game/solution/README.md) | ஜாவாஸ்கிரிப்ட் மூலமாக மேம்பட்ட விளையாட்டு உருவாக்குதல் | வகுப்புகள் மற்றும் உருவாக்கலைப் பயன்படுத்தி ஒத்திசைக்கையாள்கையைப் பற்றியும் Pub/Sub மாதிரியைப் பற்றியும் கற்றுக்கொள்ளவும் | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris | | 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript மூலம் மேம்பட்ட விளையாட்டு மேம்பாடு | வகுப்புகள் மற்றும் கூட்டு முறைகளைப் பயன்படுத்தி வாரிசாக பெற்றல் மற்றும் Pub/Sub முறை பற்றி கற்றல்; விளையாட்டை உருவாக்கும் முன்னேற்பாடு | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | கிரிஸ் |
| 16 | [Space Game](./6-space-game/solution/README.md) | கேன்வாஸ் வரைபடம் | திரைக்கு கூறுகளை வரைய கண்வாஸ் API பற்றி கற்றுக்கொள்ளவும் | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/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) | கிரிஸ் |
| 17 | [Space Game](./6-space-game/solution/README.md) | திரையில் கூறுகளை நகர்த்தல் | கார்டீசியன் இணைவரிசைகள் மற்றும் கேன்வாஸ் APIஐப் பயன்படுத்தி கூறுகள் எப்படி இயக்கம் பெறுகின்றன என்பதை அறிக | [Moving Elements Around](./6-space-game/3-moving-elements-around/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) | கிரிஸ் |
| 18 | [Space Game](./6-space-game/solution/README.md) | மோதல் கண்டறிதல் | முக்கிய அழுத்தங்களைப் பயன்படுத்தி கூறுகள் ஒருமொருவற்குப் பதிலளித்து மோதச் செய்க; விளையாட்டு செயல்திறனை உறுதி செய்ய ஒரு குளிர்ச்சி செயல்பாட்டைச் செய்க | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris | | 18 | [Space Game](./6-space-game/solution/README.md) | மோதல் கண்டறிதல் | விசைப்பலகை அழுத்தங்களைப் பயன்படுத்தி கூறுகளை மோதவைத்து, விளையாட்டின் செயல்திறனை உறுதி செய்ய குளிர் பொதி செயல்பாடு வழங்குதல் | [Collision Detection](./6-space-game/4-collision-detection/README.md) | கிரிஸ் |
| 19 | [Space Game](./6-space-game/solution/README.md) | மதிப்பெண் கண்காணித்தல் | விளையாட்டின் நிலை மற்றும் செயல்திறன் அடிப்படையில் கணிதக் கணக்கீடுகளைச் செய்க | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris | | 19 | [Space Game](./6-space-game/solution/README.md) | மதிப்பெண் காப்பது | விளையாட்டு நிலை மற்றும் செயல்திறனை அடிப்படையாக கொண்டு கணித கணக்கீடுகளை செய்யுதல் | [Keeping Score](./6-space-game/5-keeping-score/README.md) | கிரிஸ் |
| 20 | [Space Game](./6-space-game/solution/README.md) | விளையாட்டை முடித்தல் மற்றும் மீண்டும் துவக்கல் | விளையாட்டை முடித்தல் மற்றும் மீண்டும் துவக்குவது பற்றி கற்றுக்கொள்ளவும், சொந்தச் சொத்துகளை சுத்தம் செய்யவும் மற்றும் மாறி மதிப்புகளை மீட்டமைக்கவும் | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris | | 20 | [Space Game](./6-space-game/solution/README.md) | விளையாட்டை நிறுத்துதல் மற்றும் மறுதொடக்கம் | விளையாட்டை நிறுத்தவும் மறுதொடக்கம் செய்யவும் கற்றல், நேர்முகக் கூறுகளை சுத்தம் செய்தல் மற்றும் மாறிலி மதிப்புகளை மீட்டமைத்தல் | [The Ending Condition](./6-space-game/6-end-condition/README.md) | கிரிஸ் |
| 21 | [Banking App](./7-bank-project/solution/README.md) | வலை செயலியில் HTML மாதிரிகள் மற்றும் பாதைகள் | நெடுஞ்சாலைகளையும் HTML மாதிரிகளையும் பயன்படுத்தி பலப் பக்க வலைத்தள உருவமைப்பை உருவாக்குவது எப்படி என்பதைக் கற்றுக்கொள்ளவும் | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan | | 21 | [Banking App](./7-bank-project/solution/README.md) | வலை பயன்பாட்டில் HTML வடிவ naqைகள் மற்றும் பாதைகள் | வலைதள கட்டமைப்பை உருவாக்க HTML வடிவ naqைகள் மற்றும் பாதைகளைப் பயன்படுத்தி உருவாக்குதல் | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | யோஹான் |
| 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழைவும் பதிவு படிவமும் உருவாக்கல் | படிவங்களை உருவாக்குவது மற்றும் சரிபார்ப்பு நடைமுறைகளை கையாள்வது பற்றி கற்றுக்கொள்ளவும் | [Forms](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழைவு மற்றும் பதிவு படிவம் கட்டமைத்தல் | படிவங்களை உருவாக்கவும் சரிபார்ப்பு நடைமுறைகளை கையாளவும் கற்றல் | [Forms](./7-bank-project/2-forms/README.md) | யோஹான் |
| 23 | [Banking App](./7-bank-project/solution/README.md) | தரவு பெற்றலும் பயன்பாடும் முறைகள் | உங்கள் செயலியில் தரவு எப்படி போகிறது, அதை எவ்வாறு பெறுவது, சேமிப்பது மற்றும் நீக்கும் முறைகள் | [Data](./7-bank-project/3-data/README.md) | Yohan | | 23 | [Banking App](./7-bank-project/solution/README.md) | தரவை எவ்வாறு கொண்டு மற்றும் பயன்படுத்துவது | உங்கள் பயன்பாட்டில் தரவு எவ்வாறு புகுந்து வெளியேறும், அதை எவ்வாறு பெறுவது, சேமிப்பது மற்றும் அகற்றுவது பற்றி | [Data](./7-bank-project/3-data/README.md) | யோஹான் |
| 24 | [Banking App](./7-bank-project/solution/README.md) | மாநில மேலாண்மை கருத்துக்கள் | உங்கள் செயலி மாநிலத்தை எவ்வாறு பராமரிக்கிறது மற்றும் அதை நிரலாக்க முறையில் எவ்வாறு நிர்வகிப்பது | [State Management](./7-bank-project/4-state-management/README.md) | Yohan | | 24 | [Banking App](./7-bank-project/solution/README.md) | நிலை மேலாண்மை கருத்துக்கள் | உங்கள் பயன்பாடு நிலையை எவ்வாறு காக்கிறது மற்றும் அதனை நிரல்பாகமாக எவ்வாறு நிர்வகிப்பது | [State Management](./7-bank-project/4-state-management/README.md) | யோஹான் |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் பணியாற்றுதல் | குறியீடு ஆசிரியரை பயன்படுத்துவது எப்படி கற்றுக்கொள்ளவும் | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris | | 25 | [Browser/VScode Code](../../8-code-editor) | VScode உடன் பணிபுரிதல் | குறியீட்டுத்தொகுப்பி பயன்படுத்துவது கற்று கொள்| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | கிரிஸ் |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI உடன் பணியாற்றுதல் | உங்கள் சொந்த AI உதவியாளரை உருவாக்குவது எப்படி கற்றுக்கொள்ளவும் | [AI Assistant project](./9-chat-project/README.md) | Chris | | 26 | [AI Assistants](./9-chat-project/README.md) | செயற்கைக்கையாக செயற்படும் உதவியாளர்கள் | உங்கள் சொந்த செயற்கைக் உதவியாளரை உருவாக்க கற்றல் | [AI Assistant project](./9-chat-project/README.md) | கிரிஸ் |
## 🏫 கல்வி தத்துவம் ## 🏫 கல்வி முறைகள்
எங்கள் பாடத்திட்டம் இரண்டு முக்கிய கல்வி தத்துவங்கள் மனதில் கொண்டு வடிவமைக்கப்பட்டுள்ளது: எங்கள் பாடத் திட்டம் இரண்டு முக்கியக் கல்வித்தத்துவக் கொள்கைகளுடன் வடிவமைக்கப்பட்டுள்ளது:
* திட்ட அடிப்படையிலான கற்பித்தல் * திட்ட அடிப்படையிலான கற்றல்
* அடிக்கடி கேள்விகள் * அடிக்கடி வினாத்தாள்கள்
இந்தத் திட்டம் ஜாவாஸ்கிரிப்ட், 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) ஆகக் கற்றுக்கொள்ளலாம்!
திட்டங்களுக்கு உள்ளடடை ஒப்பிடுவதால், மாணவர்களுக்கு கற்றல் செயல்முறை சுவாரஸ்யமாகவும் கருத்துக்கள் நிலைத்திருக்கும் வகையாகவும் அமைக்கப்படுகிறது. நாங்கள் சில ஆரம்ப ஜாவாஸ்கிரிப்ட் அடிப்படை பாடங்களை உருவாக்கி, "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" என்ற வீடியோ பாட தொகுப்பில் இருந்து ஒரு வீடியோவுடன் இணைத்துள்ளோம், இதில் சில ஆசிரியர்கள் இதற்கான பாடத்திட்டத்தில் பங்களித்துள்ளனர். திட்டங்களுடன் உள்ளடக்கம் நன்றாக இணைக்கப்படுவதால் மாணவர்கள் மிகவும் ஈடுபடுவார்கள் மற்றும் கருத்துகள் எளிதில் மனசாட்சியாக்கப்படும். JavaScript அடிப்படைகளை அறிமுகப்படுத்த சில தொடக்க பாடங்களும், "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" என்ற வீடியோ பாடங்களின் தொகுப்புடன் இணைந்து வழங்கப்பட்டுள்ளன, இதில் சில ஆசிரியர்கள் இந்த பாடத்திட்ட உருவாக்கத்தில் பங்கு கொண்டனர்.
மேலும், வகுப்புக்கு முன்னர் குறைந்த மோசடியான வினாடி வினா மாணவரின் கற்கும் நோக்கத்தை நிறுவுவதாகும், வகுப்புக்குப் பிறகு இரண்டாம் வினாடி வினா கூடுதல் நினைவைக் உறுதி செய்கிறது. இந்த பாடத்திட்டம் நெகிழ்வுடையது மற்றும் வேடிக்கையாக வடிவமைக்கப்பட்டது; முழுவதும் அல்லது பகுதியாய் எடுத்துக்கொள்ளலாம். திட்டங்கள் சிறிது அளவில் துவங்கி, 12 வார காலக்கட்டம் முடிவில் progressively சிக்கலானவையாக மாறுகின்றன. மேலும், வகுப்புக்கு முன் குறிமதிப்பற்ற வினாத்தாள் மாணவரின் சிந்தனை தலைப்பு கற்றல் நோக்கத்தில் அமைக்கிறது; வகுப்புக்கு பிறகு இரண்டாவது வினாத்தாள் இன்னும் ஆழமான மனசாட்சியைக் கொடுக்கும். இந்த பாடத்திட்டம் நெகிழ்வாகவும் சிலைக்குரியதாகவும் வடிவமைக்கப்பட்டுள்ளது மற்றும் முழுமையாக அல்லது அंशமாகக் கற்கப்படலாம். 12 வாரக் காலஒழுங்கின் கடைசியில் திட்டங்கள் சிறியதாக இருந்து வளர்ந்து பெரிதும் சிக்கலானதாக மாறும்.
நாங்கள் தயாராக ஜாவாஸ்கிரிப்ட் கட்டமைப்புகளை அறிமுகப்படுத்தாமல், ஒரு கட்டமைப்பை ஏற்குமாறு முன்னர் அடிப்படை திறன்களை கவனிக்கவுள்ளோம். இந்த பாடத்திட்டத்தை முடித்த பிறகு அடுத்த நல்ல படி Node.js பற்றி மற்றொரு வீடியோ தொகுப்பாகவும் "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" கற்றுக்கொள்ளலாம். JavaScript கட்டமைப்புகளை அறிமுகப்படுத்தாமல் இந்தக் கல்வித்திட்டம் வலை டெவலப்பராக தேவைப்படும் அடிப்படை திறன்களைக் கற்றுத்தர கவனம் செலுத்தியுள்ளது; அடுத்த கட்டமாக, Node.js-ஐப் பற்றிய "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" வீடியோ தொகுப்பைக் கற்றுக்கொள்ளலாம்.
> எங்கள் [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டிகளுக்கு பார்வையிடவும். உங்கள் கட்டுமான கருத்துக்களை வரவேற்கின்றோம்! > எங்களுடைய [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டுதல்களைப் பார்வையிடவும். உங்கள் கட்டுமானமான கருத்துக்களை எங்கள் குழு வரவேற்கிறது!
## 🧭 ஆஃப்லைன் அணுகல் ## 🧭 ஆஃப்லைன் அணுகல்
[Docsify](https://docsify.js.org/#/) ஐப் பயன்படுத்தி இந்த அறிக்கையை ஆஃப்லைனில் இயக்கலாம். இந்த களஞ்சியத்தை ஃபோர்க் செய்து, உங்கள் உள்ளூர் இயந்திரத்தில் [Docsify ஐ நிறுவி](https://docsify.js.org/#/quickstart), பின்னர் இக்களஞ்சியத்தின் அடிப்புற கோப்புறையில் `docsify serve` என்ற கட்டளையை தட்டுங்கள். இந்த வலைத்தளம் பங்கேற்பாளரின் உள்ளூரில் port 3000 இல் வழங்கப்படும்: `localhost:3000`. [Docsify](https://docsify.js.org/#/) பயன்படுத்தி இந்த ஆவணத்தை ஆஃப்லைனில் இயக்கலாம். இந்தக் களஞ்சியத்தை Fork செய்து, [Docsify-யை நிறுவி](https://docsify.js.org/#/quickstart) உங்கள் உள்ளூர் கணினியில் `docsify serve` என்ற கட்டளை மூலம் root கோப்புறையில் இயக்கவும். இணையதளம் உங்கள் கணினியில் $3000 போர்ட்-ல் சேவை செய்யப்படும்: `localhost:3000`.
## 📘 PDF ## 📘 PDF
அனைத்துப் பாடங்களின் PDF இங்கே [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) காணப்படலாம். A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 பிற பாடநெறிகள் ## 🎒 மற்ற பாடங்கள்
எங்கள் குழு பிற பாடநெறிகளையும் உருவாக்குகிறது! பாருங்கள்: எங்கள் குழு பிற பாடங்களையும் தயாரிக்கிறது! இதை சரிபார்க்கவும்:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -233,7 +232,7 @@ Azure AI Foundry Discord சமூகத்தில் சேரவும்
--- ---
### Generative AI Series ### Generative AI தொடர்
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -241,7 +240,7 @@ Azure AI Foundry Discord சமூகத்தில் சேரவும்
--- ---
### Core Learning ### மைய கற்கை
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -252,29 +251,29 @@ Azure AI Foundry Discord சமூகத்தில் சேரவும்
--- ---
### Copilot Series ### Copilot தொடர்
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## உதவி பெறுதல் ## உதவிக்குறிப்பு பெறுதல்
நீங்கள் சிக்கிக்கொள்ளலா அல்லது AI செயலிகளை உருவாக்குவதில் ஏதேனும் கேள்விகள் உள்ளதா? MCP பற்றி fellow learners மற்றும் அனுபவித்துள்ள டெவலப்பர்களுடன் விவாதிக்க இணைகவும். இது கேள்விகள் கேட்கப்படக்கூடிய மற்றும் அறிவு சுதந்திரமாக பகிரப்பட்டு வருகிற ஒருங்கிணைந்த கருச்சுற்றுச்சூழல் ஆகும். நீங்கள் படிக்கும்போது சிக்கல் ஏற்பட்டால் அல்லது AI பயன்பாடுகளை உருவாக்குவதற்கு ஏதேனும் கேள்விகள் உள்ளவராக இருந்தால். MCP பற்றிய விவாதங்களில் துறையினர் மற்றும் அனுபவம் வாய்ந்த டெவலப்பர்களுடன் சேரவும். இது கேள்விகள் வரவேற்கப்படும் மற்றும் அறிவு சுதந்திரமாக பகிரப்படும் ஒரு ஆதரவான சமுதாயம் ஆகும்.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
உங்கள் தயாரிப்பு பின்னூட்டங்கள் அல்லது கட்டுமானத்தில் பிழைகள் இருந்தால் பார்வையிடவும்: உங்கள் தயாரிப்பின் பின்னூட்டங்கள் அல்லது பிழைகள் இருந்தால், இதில் செல்லவும்:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## உரிமை ## உரிமம்
இந்த அருங்கட்டமைப்பு MIT உரிமையளிப்பு மூலம் உரிமம் பெற்றது. மேலும் தகவலுக்கு [LICENSE](../../LICENSE) கோப்பை பார்க்கவும். இந்த நிரலுக்கட்டமைப்பு MIT உரிமத்தில் வழங்கப்படுகிறது. மேலும் தகவலுக்கு [LICENSE](../../LICENSE) கோப்பைப் பார்க்கவும்.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**குறிப்பு**: **தயவுசெய்து கவனிக்கவும்**:
இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) எனும் செயற்கை நுண்ணறிவு மொழி மாற்ற சேவையை பயன்படுத்தி மொழிமாற்றம் செய்யப்பட்டதாகும். துல்லியத்திற்காக முயலினாலும், தானாக உருவாகும் மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்க வாய்ப்பு உள்ளதை நினைவில் கொள். அசல் ஆவணம் அதன் சொந்த மொழியில் அதிகாரப்பூர்வ ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பை பரிந்துரைப்போம். இந்த மொழிபெயர்ப்பைப் பயன்படுத்தியதில் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பாளர்கள் அல்ல. இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற ஏ.ஐ மொழிபெயர்ப்பு சேவையை பயன்படுத்தி மொழி மாற்றப்பட்டுள்ளது. நாங்கள் துலலத்திற்காக முயற்சி செய்கிறோம் என்றாலும், தானியங்கி மொழிபெயர்ப்புகளில் தவறுகள் அல்லது பிழைகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனிக்கவும். அடிப்படையான ஆவணத்தில் உள்ள மொழி ஆவணத்தையே அதிகாரப்பூர்வ வலுவான ஆதாரமாக கருத வேண்டும். மிக முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது அர்த்தவிவராதிகளுக்கும் நாம் பொறுப்பல்ல.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save