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

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

Browse Source
update-translations
localizeflow[bot] 5 months ago
parent ec9eadbd72
commit 7b5d2809f4
12 changed files with 935 additions and 884 deletions
Show Stats Download Patch File Download Diff File

10
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-04-20T16:05:07+00:00", "translation_date": "2026-04-24T13:49:20+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": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T18:22:07+00:00", "translation_date": "2026-04-24T13:41:51+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "et" "language_code": "et"
}, },
@ -564,8 +564,8 @@
"language_code": "et" "language_code": "et"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-10-11T11:48:06+00:00", "translation_date": "2026-04-24T13:42:02+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "et" "language_code": "et"
}, },

364
translations/et/AGENTS.md
Unescape View File

@ -2,42 +2,42 @@
## Projekti ülevaade ## Projekti ülevaade
See on hariduslik õppekava hoidla veebiarenduse aluste õpetamiseks algajatele. Õppekava on Microsoft Cloud Advocatesi poolt välja töötatud põhjalik 12-nädalane kursus, mis sisaldab 24 praktilist õppetundi JavaScripti, CSSi ja HTMLi kohta. See on õppekava hoidla veebiarenduse alusteadmiste õpetamiseks algajatele. Õppekava on põhjalik 12-nädalane kursus, mille on välja töötanud Microsoft Cloud Advocates, sisaldades 24 praktilist tundit JavaScripti, CSS-i ja HTML-i kohta.
### Peamised komponendid ### Peamised komponendid
- **Hariduslik sisu**: 24 struktureeritud õppetundi projektipõhistes moodulites - **Õppe sisu**: 24 struktureeritud tundi, organiseeritud projektipõhistesse moodulitesse
- **Praktilised projektid**: Terrarium, Trükkimismäng, Brauserilaiendus, Kosmosemäng, Pangaäpp, Koodiredaktor ja AI vestlusassistent - **Praktilised projektid**: Terrarium, Klahvivajutuse mäng, Brauserilaiendus, Kosmosemäng, Panga rakendus, Koodiredaktor ja tehisintellekti vestlusassistent
- **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne ja pärast õppetundi hindamised) - **Interaktiivsed viktoriinid**: 48 viktoriini, igaühes 3 küsimust (enne/järgi tunni hindamine)
- **Mitmekeelne tugi**: 50+ keele automaatne tõlge GitHub Actions abil - **Mitmekeelsus**: 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 - Õppehoidla, millel on tunnipõhine struktuur
- Igas õppetunni kaustas on README, koodinäited ja lahendused - Igas tunni kaustas on README, koodinäited ja lahendused
- Eraldiseisvad projektid eraldi kataloogides (quiz-app, erinevad õppetunniprojektid) - Iseseisvad projektid eraldi kataloogides (quiz-app, erinevad tundide projektid)
- Tõlkesüsteem GitHub Actions (co-op-translator) abil - Tõlkesüsteem kasutades GitHub Actions (co-op-translator)
- Dokumentatsioon esitatakse Docsify kaudu ja on saadaval PDF-formaadis - Dokumentatsioon on kättesaadav läbi Docsify ja PDF-vormingus
## Paigaldus käsud ## Seadistuskäsud
See hoidla on mõeldud peamiselt haridussisu tarbimiseks. Spetsiifiliste projektidega töötamiseks: See hoidla on peamiselt mõeldud õppe sisuga tutvumiseks. Konkreetsete projektidega töötamiseks:
### Peamise hoidla seadistamine ### Peahoidla seadistus
```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
``` ```
### Quiz App seadistamine (Vue 3 + Vite) ### Viktoriini rakenduse seadistus (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
``` ```
@ -51,12 +51,12 @@ npm run lint # Käivita ESLint
npm run format # Vorminda Prettieriga npm run format # Vorminda Prettieriga
``` ```
### Brauserilaienduse projektid ### Brauserilaienduste projektid
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# Järgige brauserispetsiifilisi laienduse laadimise juhiseid # Järgige brauserispetsiifilisi laienduste laadimisjuhiseid
``` ```
### Kosmosemängu projektid ### Kosmosemängu projektid
@ -67,46 +67,46 @@ npm install
# Ava index.html brauseris või kasuta Live Serverit # Ava index.html brauseris või kasuta Live Serverit
``` ```
### Vestlusprojekti tagaplaan (Python) ### Vestlusprojekti (Python taust)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# Määra keskkonnamuutuja GITHUB_TOKEN # Sea GITHUB_TOKEN keskkonnamuutuja
python api.py python api.py
``` ```
## Arendustöövoog ## Arendusprotsess
### Sisuloomele ### Sisulooja jaoks
1. **Forki hoidla** oma GitHub kontole 1. **Looge hoidla forkitus** oma GitHubi kontole
2. **Klooni oma fork lokaalselt** 2. **Kloonige oma fork kohalikult**
3. **Loo uus haru** oma muudatuste jaoks 3. **Looge uus haru** oma muudatuste jaoks
4. Tee muudatusi õppe sisu või koodinäidetes 4. Tehke muudatusi tunni sisus või koodinäidetes
5. Testi muudatusi vastavates projektikaustades 5. Testige koodimuudatusi vastavates projektikaustades
6. Esita pull request vastavalt panustamise juhistele 6. Esitage pull requestid vastavalt panustamise juhistele
### Õppijatele ### Õppija jaoks
1. Forki või klooni hoidla 1. Forkige või kloonige hoidla
2. Liigu õppetundide kaustades järjekorras 2. Liikuge järjestikku läbi tunnikaustade
3. Loe iga õppetunni README faile 3. Lugege iga tunni README-faile
4. Täida eelnevad viktoriinid aadressil https://ff-quizzes.netlify.app/web/ 4. Täitke enne tundi viktoriinid aadressil https://ff-quizzes.netlify.app/web/
5. Töötle läbi õppetunni koodinäited 5. Töötage läbi koodinäited tunnikaustades
6. Täida ülesanded ja väljakutsed 6. Täitke ülesanded ja väljakutsed
7. Tee lõppviktoriinid 7. Tehke pärast tundi viktoriinid
### Reaalajas arendus ### Reaalajas arendus
- **Dokumentatsioon**: käivita juurkataloogis `docsify serve` (port 3000) - **Dokumentatsioon**: Käivitage `docsify serve` juurkataloogis (port 3000)
- **Quiz App**: käivita `npm run dev` quiz-app kataloogis - **Viktoriinirakendus**: Käivitage `npm run dev` quiz-app kaustas
- **Projektid**: kasuta VS Code Live Server laiendust HTML projektide jaoks - **Projektid**: Kasutage VS Code Live Server laiendit HTML projektide jaoks
- **API projektid**: käivita vastavates API kaustades `npm start` - **API projektid**: Käivitage `npm start` vastavates API kaustades
## Testimisjuhised ## Testimise juhised
### Quiz App testimine ### Viktoriinirakenduse testimine
```bash ```bash
cd quiz-app cd quiz-app
@ -118,165 +118,165 @@ npm run build # Kontrolli, kas ehitus õnnestub
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Kontrolli koodi stiiliprobleeme npm run lint # Kontrolli koodistiili vigu
node server.js # Kontrolli, et server käivitub ilma vigadeta node server.js # Kontrolli, et server käivitub ilma vigadeta
``` ```
### Üldine testimisviis ### Üldine testimislähenemine
- See on hariduslik hoidla ilma põhjalike automatiseeritud testideta - See on õppehoidla ilma täielike automatiseeritud testideta
- Käsitsi testimine keskendub: - Käsitsi testimisel keskendutakse:
- Koodinäited töötavad ilma vigadeta - Koodinäited töötavad vigadeta
- Dokumentatsiooni lingid töötavad korrektselt - Dokumentatsiooni lingid toimivad korrektselt
- Projektide ehitused õnnestuvad - Projektide ehitused lõppevad edukalt
- Näited järgivad parimaid tavasid - Näited järgivad parimaid tavasid
### Enne esitamist kontroll ### Enne esitamist kontrollid
- Käivita kataloogides, kus on package.json, `npm run lint` - Käivitage `npm run lint` kaustades, kus on package.json
- Kontrolli markdown linkide korrasolekut - Kontrollige markdowni lingid kehtivust
- Testi koodinäiteid brauseris või Node.js-s - Testige koodi näited brauseris või Node.js-s
- Veendu, et tõlked säilitavad õige struktuuri - Veenduge, et tõlked säilitavad õige struktuuri
## Koodistiili juhised ## Koodistiili juhised
### JavaScript ### JavaScript
- Kasuta kaasaegset ES6+ süntaksit - Kasutage kaasaegset ES6+ süntaksit
- Järgi projektides olevaid standardseid ESLint konfiguratsioone - Järgige projektides olevaid standardseid ESLint konfiguratsioone
- Kasuta tähenduslikke muutujate ja funktsioonide nimesid selguse huvides - Kasutage tähenduslikke muutujate ja funktsioonide nimesid hariduse lihtsustamiseks
- Lisa kommentaare, mis selgitavad mõisteid õppijatele - Lisage kommentaare kontseptsioonide selgitamiseks õppijatele
- Vorminda koodi Prettieriga, kus see on seadistatud - Vormindage Prettier abil, kui see on seadistatud
### HTML/CSS ### HTML/CSS
- Semantiline HTML5 elementide kasutus - Semeantiline HTML5 kasutamine
- Reageeriv disainiprintsiip - Reageeriv disaini põhimõtted
- Selged klassinimede reeglid - Selged klassinimed
- Kommentaarid, mis selgitavad CSS tehnikaid õppijatele - Kommentaarid CSS tehnikate selgitamiseks õppijatele
### Python ### Python
- Järgi PEP 8 stiilijuhiseid - PEP 8 stiiljuhised
- Selged ja hariduslikud koodinäited - Selged, hariduslikud koodinäited
- Kasuta tüübiviiteid, kus õppimiseks kasulik - Kui kasulik, siis tüüpi vihjed õppe hõlbustamiseks
### Markdown dokumentatsioon ### Markdown dokumentatsioon
- Selge pealkirjade hierarhia - Selge pealkirjastruktuur
- Koodiplokid koos keelespetsifikatsiooniga - Koodiblokid keelespetsiifikatsiooniga
- Lingid lisamaterjalidele - Lingid täiendavatele ressurssidele
- Ekraanipildid ja pildid `images/` kaustades - Ekraanipildid ja pildid `images/` kaustades
- Piltide jaoks alternatiivtekst ligipääsetavuse tagamiseks - Piltide alt-tekst ligipääsetavuse tagamiseks
### Failide organiseerimine ### Failide organiseerimine
- Õppetunnid nummerdatud järjestikku (1-getting-started-lessons, 2-js-basics jne) - Tunnid nummerdatud järjestikku (1-getting-started-lessons, 2-js-basics jne)
- Igal projektil on `solution/` ja sageli `start/` või `your-work/` kaustad - Igal projektil on `solution/` ja sageli `start/` või `your-work/` kaustad
- Pildid salvestatud õppetundide spetsiifilistesse `images/` kaustadesse - Pildid on salvestatud konkreetse tunni `images/` kaustadesse
- Tõlked `translations/{language-code}/` struktuuris - Tõlked struktuuris `translations/{language-code}/`
## Ehitamine ja juurutamine ## Ehitus ja juurutamine
### Quiz App juurutamine (Azure Static Web Apps) ### Viktoriinirakenduse juurutamine (Azure Static Web Apps)
Quiz-app on konfigureeritud Azure Static Web Apps juurutamiseks: Viktoriinirakendus on seadistatud Azure Static Web Apps jaoks:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # Loob dist/ kausta npm run build # Loob kausta dist/
# Paigaldab GitHub Actions töövoo kaudu, kui tehakse push main harusse # Käivitab juurutamise GitHub Actions töövoo kaudu, kui tehakse push main harusse
``` ```
Azure Static Web Apps konfiguratsioon: Azure Static Web Apps seadistus:
- **Rakenduse asukoht**: `/quiz-app` - **Rakenduse asukoht**: `/quiz-app`
- **Väljundasukoht**: `dist` - **Väljundi asukoht**: `dist`
- **Töövoog**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` - **Töövoog**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### 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 # Genereeri PDF docs-ist
``` ```
### Docsify dokumentatsioon ### Docsify dokumentatsioon
```bash ```bash
npm install -g docsify-cli # Paigalda Docsify ülemaailmselt npm install -g docsify-cli # Installi Docsify globaalselt
docsify serve # Serveeri aadressil localhost:3000 docsify serve # Serveri aadressil localhost:3000
``` ```
### Projekti-spetsiifilised ehitused ### Projektipõhised ehitused
Igal projekti kaustal võib olla oma ehitusprotsess: Igal projekti kaustal võib olla oma ehitusprotsess:
- Vue projektid: `npm run build` loob tootmispaketid - Vue projektid: `npm run build` loob tootmisversiooni pakid
- Staatilised projektid: eraldi ehitusetappi ei ole, faile serveeritakse otse - Staatilised projektid: ehitusetapp puudub, failid serveeritakse otse
## Pull requesti juhised ## Pull requestide juhised
### Pealkirja formaat ### Pealkirja vorming
Kasuta selgeid ja kirjeldavaid pealkirju, mis näitavad muudatuse valdkonda: Kasutage selgeid, kirjeldavaid pealkirju muudatuse teema täpsustamiseks:
- `[Quiz-app] Lisa uus viktoriin õppetunnile X` - `[Quiz-app] Lisa uus viktoriin tunnile X`
- `[Lesson-3] Paranda kirjaviga terrarium projekti juures` - `[Lesson-3] Paranda kirjaviga terrarium projekti juures`
- `[Translation] Lisa hispaania tõlge õppetunnile 5` - `[Translation] Lisa hispaania tõlge tunnile 5`
- `[Docs] Uuenda paigaldusjuhiseid` - `[Docs] Uuenda seadistamise juhiseid`
### Nõutavad kontrollid ### Vajalikud kontrollid
Enne PR-i esitamist: Enne PR esitamist:
1. **Koodi kvaliteet**: 1. **Koodi kvaliteet**:
- Käivita mõjutatud projektikaustades `npm run lint` - Käivitage `npm run lint` mõjutanud projektikaustades
- Paranda kõik lintimise vead ja hoiatused - Parandage kõik lintimise vead ja hoiatused
2. **Ehituse kontroll**: 2. **Ehituse kontroll**:
- Käivita `npm run build`, kui see kehtib - Käivitage `npm run build` kui rakendub
- Veendu, et ehitus ei anna vigu - Veenduge, et ehitus ei ole ebaõnnestunud
3. **Linkide kontroll**: 3. **Linkide kontroll**:
- Testi kõiki markdown linke - Testige kõiki markdowni lingid
- Kontrolli pildi viidete toimimist - Kontrollige piltide viited töötavad
4. **Sisu ülevaade**: 4. **Sisu ülevaatus**:
- Tee õigekirja ja grammatika ülevaade - Toimetage õigekirja ja grammatika osas
- Veendu, et koodinäited on korrektsed ja hariduslikud - Veenduge, et koodinäited on korrektsed ja õpetlikud
- Kontrolli, et tõlked säilitavad algse tähenduse - Kontrollige, et tõlked säilitavad algse tähenduse
### Panustamise nõuded ### Panustamise tingimused
- Nõustu Microsoft CLA-ga (automaatselt esimese PR-i juures) - Nõustuge Microsoft CLA-ga (automaatne kontroll esimesel PR-il)
- Järgi [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) - Järgige [Microsofti avatud lähtekoodi käitumisreegleid](https://opensource.microsoft.com/codeofconduct/)
- Vaata [CONTRIBUTING.md](./CONTRIBUTING.md) üksikasjalike juhiste jaoks - Vaadake üksikasjalikke juhiseid failist [CONTRIBUTING.md](./CONTRIBUTING.md)
- Viita PR kirjelduses vajadusel issue numbritele - Viidake probleeminumbritele PR kirjelduse juures, kui asjakohane
### Ülevaatusprotsess ### Ülevaatusprotsess
- PR-e vaatavad läbi hoidla hooldajad ja kogukond - PR-e vaatavad üle hoidjate ja kogukonna liikmed
- Eesmärk on haridusliku selguse tagamine - Eetiline hariduslik selgus on prioriteet
- Koodinäited peavad järgima parimaid tänaseid tavasid - Koodinäited peaksid järgima parimaid praktikaid
- Tõlked üle vaadatakse täpsuse ja kultuurilise sobivuse osas - Tõlked kontrollitakse täpsuse ja kultuurilise sobivuse suhtes
## Tõlkesüsteem ## Tõlkesüsteem
### Automaatne tõlge ### Automaatne tõlge
- Kasutab GitHub Actions koos co-op-translator töövooga - Kasutatakse GitHub Actions koos co-op-translator töövooga
- Tõlgib automaatselt 50+ keelde - Tõlgib automaatselt enam kui 50 keelde
- Algfailid peamistest kataloogidest - Allikfailid asuvad põhikaustades
- Tõlgitud failid `translations/{language-code}/` kataloogides - Tõlgitud failid asuvad struktuuris `translations/{language-code}/`
### Käsitsi tõlkete parandused ### Käsitsi tõlkeparanduste lisamine
1. Leia fail `translations/{language-code}/` kataloogis 1. Leidke fail kaustast `translations/{language-code}/`
2. Tee parandused, hoides struktuuri muutumatuna 2. Tehke parandused säilitades struktuuri
3. Veendu, et koodinäited jäävad toimima 3. Veenduge, et koodinäited jäävad töökorras
4. Testi lokaliseeritud viktoriini sisu 4. Testige tõlgitud 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:
@ -291,118 +291,118 @@ CO_OP_TRANSLATOR_METADATA:
## Silumine ja probleemide lahendamine ## Silumine ja probleemide lahendamine
### Levinud probleemid ### Tavalised probleemid
**Quiz app ei käivitu**: **Viktoriinirakendus ei käivitu**:
- Kontrolli Node.js versiooni (soovituslik v14+) - Kontrollige Node.js versiooni (soovitatav v14+)
- Kustuta `node_modules` ja `package-lock.json`, käivita uuesti `npm install` - Kustutage `node_modules` ja `package-lock.json`, käivitage uuesti `npm install`
- Kontrolli portide konflikte (vaikimisi: Vite kasutab porti 5173) - Kontrollige pordi konflikte (vaikimisi Vite kasutab porti 5173)
**API server ei käivitu**: **API server ei käivitu**:
- Kontrolli, et Node.js versioon on minimaalne (node >=10) - Kontrollige, et Node.js versioon on minimaalne (node >=10)
- Veendu, et port ei ole juba kasutusel - Veenduge, et port ei ole juba kasutusel
- Kontrolli, et kõik sõltuvused on paigaldatud `npm install` abil - Veenduge, et kõik sõltuvused on installitud käsuga `npm install`
**Brauserilaiend ei laaditu**: **Brauserilaiendus ei laadi**:
- Kontrolli, et manifest.json on korrektselt vormindatud - Kontrollige, et manifest.json on õigesti vormindatud
- Vaata brauseri konsooli vigade jaoks - Vaadake brauseri konsooli vigade osas
- Järgi brauserispetsiifilisi laienduste paigaldusjuhiseid - Järgige konkreetse brauseri laienduse paigaldamise juhiseid
**Python vestlusprojekti 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 määratud - Veenduge, et keskkonnamuutuja GITHUB_TOKEN on määratud
- Vaata GitHub Models juurde pääsemise õigusi - Kontrollige GitHubi mudelite ligipääsu õigusi
**Docsify ei serveeri dokumente**: **Docsify ei serveeri dokumente**:
- Paigalda docsify-cli globaalset: `npm install -g docsify-cli` - Installige globaalne docsify-cli: `npm install -g docsify-cli`
- Käivita hoidla juurkataloogist - Käivitage hoidla juurkataloogist
- Veendu, et `docs/_sidebar.md` fail on olemas - Kontrollige, et `docs/_sidebar.md` on olemas
### Arenduskeskkonna nõuanded ### Arenduskeskkonna nõuanded
- Kasuta VS Code Live Server laiendust HTML projektide jaoks - Kasutage VS Code ja Live Server laiendit HTML projektide jaoks
- Paigalda ESLint ja Prettier laiendused konsistentseks vormindamiseks - Installige ESLint ja Prettier laiendid ühtlase vorminduse tagamiseks
- Kasuta brauseri DevTools JavaScripti silumiseks - Kasutage brauseri arendajatööriistu JavaScripti silumiseks
- Vue projektide jaoks installi Vue DevTools brauserilaiendus - Vue projektide puhul installige Vue DevTools brauserilaiendus
### Tulemuslikkuse kaalutlused ### Jõudluse kaalutlused
- Suur hulk tõlgitud faile (50+ keelt) teeb täielikud kloonid mahukaks - Paljud tõlgitud failid (50+ keelt) muudavad täiskloonimise suureks
- Kasuta sumbunud klooni, kui töötad ainult sisuga: `git clone --depth 1` - Kasutage sügava klooni asemel madalat klooni, kui töötate ainult sisuga: `git clone --depth 1`
- Väldi tõlgete otsinguid, kui töötad ingliskeelse sisuga - Välistage tõlked otsingutest, kui töötate ingliskeelse sisuga
- Ehitusteenused võivad esimesel käivitamisel olla aeglased (npm install, Vite build) - Ehitused võivad olla esineb esmakordsel käivitamisel aeglased (npm install, Vite build)
## Turvanõuded ## Turvakaalutlused
### Keskkonnamuutujad ### Keskkonnamuutujad
- API võtmeid ei tohi kunagi hoidlas hoida - API võtmeks ei tohi kunagi olla kodeeritud hoidlas
- Kasuta `.env` faile (mida on juba `.gitignore`-s) - Kasutage `.env` faile (juba .gitignore-s)
- Dokumenteeri vajalikud keskkonnamuutujad projektide README-des - Dokumenteerige nõutavad keskkonnamuutujad projekti README-des
### Python projektid ### Python projektid
- Kasuta virtuaalkeskkonda: `python -m venv venv` - Kasutage virtuaalseid keskkondi: `python -m venv venv`
- Hoia sõltuvused värskendatud - Hoidke sõltuvused ajakohasena
- GitHub tokenitel peaksid olema minimaalsed õigused - GitHubi tokenid peaksid olema minimaalsete õigustega
### GitHub Models ligipääs ### GitHub mudelite ligipääs
- Isiklikud ligipääsu tokenid (PAT) on vajalikud GitHub Models jaoks - Isiklikud ligipääsu tokenid (PAT) on vajalikud GitHubi mudelite jaoks
- Tokenid salvestada keskkonnamuutujatena - Tokenid tuleb hoida keskkonnamuutujatena
- Tokenid ega mandaadid ei tohi kunagi hoidlasse jõuda - Ärge kunagi pange tokeneid ega mandaate hoidlasse
## Lisamärkused ## Lisamärkused
### Sihtgrupp ### Sihtgrupp
- Täielikud algajad veebiarenduses - Täielikud algajad veebiarenduses
- Õpilased ja iseseisvad õppijad - Õpilased ja iseseisvalt õppijad
- Õpetajad, kes kasutavad õppekava klassiruumis - Õpetajad, kes kasutavad õppekava klassiruumis
- Sisu on loodud ligipääsetavaks ja samm-sammuliseks oskuste kasvatamiseks - Sisu on loodud ligipääsetavaks ja järkjärguliseks oskuste arendamiseks
### Haridusfilosoofia ### Haridusfilosoofia
- Projektipõhine õppimisviis - Projektipõhine õpe
- Sageli teadmiste kontrollid (viktoriinid) - Sageli teadmiste kontrollid (viktoriinid)
- Praktiseerivad kodeerimise harjutused - Praktilised kodeerimise harjutused
- Reaalsed näited rakendustest - Reaalmaailma rakenduste näited
- Keskendutakse alustele enne raamistikke - Fookus algteadmistel enne raamistikke
### Hoidla hooldus ### Hoidla hooldus
- Aktiivne õppijate ja panustajate kogukond - Aktiivne õppijate ja panustajate kogukond
- Regulaarne sõltuvuste ja sisu uuendamine - Regulaarne sisu ja sõltuvuste uuendamine
- Probleemid ja arutelud hooldajate jälgimisel - Probleemide ja arutelude jälgimine hoidjate poolt
- Tõlkeuuendused automatiseeritud GitHub Actions kaudu - Tõlke uuendused automatiseeritud GitHub Actions abil
### Seotud ressursid ### Seotud ressursid
- [Microsoft Learn moodulid](https://docs.microsoft.com/learn/) - [Microsoft Learn moodulid](https://docs.microsoft.com/learn/)
- [Student Hub ressursid](https://docs.microsoft.com/learn/student-hub/) - [Õpilaste tugikeskuse ressursid](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) soovitatav õppijatele - [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: generatiivne AI, andmeteadus, ML, IoT õppekavad kättesaadavad
### Töö spetsiifiliste projektidega ### Konkreetsete projektidega töötamine
Detailseid juhiseid üksikute projektide jaoks leiad nende README failidest: Üksikasjalikeks juhisteks konkreetsetes projektides vaadake README-faile:
- `quiz-app/README.md` - Vue 3 viktoriinirakendus - `quiz-app/README.md` - Vue 3 viktoriinirakendus
- `7-bank-project/README.md` - Panga rakendus autentimisega - `7-bank-project/README.md` - Panga rakendus autentimisega
- `5-browser-extension/README.md` - Brauserilaienduse arendus - `5-browser-extension/README.md` - Brauserilaienduse arendus
- `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 vestlusassistiendi projekt - `9-chat-project/README.md` - Tehisintellekti vestlusassistent
### Monorepo struktuur ### Monorepo struktuur
Kuigi see ei ole traditsiooniline monorepo, sisaldab see hoidla mitmeid iseseisvaid projekte: Kuigi ei ole traditsiooniline monorepo, sisaldab see hoidla mitut iseseisvat projekti:
- Iga õppetund on eraldiseisev - Iga tund on iseseisev
- Projektid ei jaga sõltuvusi - Projektid ei jaga sõltuvusi
- Töötada saab üksikute projektidega mõjutamata teisi - Tööta üksikute projektidega mõjutamata teisi
- Klooni kogu hoidla tervikliku õppekava kogemiseks - Klooni kogu hoidla, et saada kogu õppekava kogemus
--- ---
<!-- 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 me püüame täpsust, palun arvestage, et automaatsed tõlked võivad sisaldada vigu või ebatäpseid osi. Originaaldokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste ega väärarusaamade eest. 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 arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument selle emakeeles tuleks lugeda autoriteetse allikana. Kriitilise info puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühegi arusaamatuse või valesti mõistmise eest, mis võib tekkida selle tõlke kasutamisest.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

217
translations/et/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)
# Veebiarendus algajatele - õppekava # Veebiarendus algajatele – õppematerjal
Õ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! Õpi veebiarenduse põhitõdesid meie 12-nädalase põhjaliku kursusega, mille on koostanud Microsoft Cloud Advocates. Iga 24-st õppetunnist süüvib JavaScripti, CSS-i ja HTML-i käsipõhiste projektide kaudu, näiteks terrariumid, brauserilaiendid ja kosmosemängud. Osale viktoriinides, aruteludes ja praktilistes ülesannetes. Paranda oma oskusi ja loo teadmiste paremat kinnistamist tõhusa projektipõhise õpetamismeetodi abil. Alusta oma kodeerimisteekonda juba täna!
Liituge Azure AI Foundry Discordi kogukonnaga Liitu Azure AI Foundry Discordiga ja kohtle eksperte ning kaasprogrammeerejaid.
[![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 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) 1. **Tee hoidlast oma versioon (fork)**: Vajuta [![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. **Klooni 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 teiste arendajatega**](https://discord.com/invite/ByRwuEEgH4) 3. [**Liitu Azure AI Foundry Discordiga ja kohtle eksperte ning kaasprogrammeerejaid**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Mitmekeelne tugi ### 🌐 Mitmekeelne tugi
#### Toetatud GitHub Actioni kaudu (automatiseeritud ja alati ajakohane) #### Toetatud GitHub Actioni kaudu (automaatne 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../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 kloonida lokaalselt?** > **Eelistad kloonimist kohapeal?**
> >
> See hoidla sisaldab üle 50 keele tõlget, mis suurendab oluliselt allalaaditava faili suurust. Tõlgeteta kloonimiseks kasutage sparse checkouti: > See hoidla sisaldab üle 50 keele tõlkeid, mis suurendab oluliselt allalaadimismahtu. Kui soovid kloonida ilma tõlgeteta, kasuta sparse checkouti:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,175 +48,174 @@ Järgige neid samme, et alustada nende ressursside kasutamist:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> See annab teile kõik vajaliku kursuse läbimiseks palju kiirema allalaadimisega. > See annab sulle kõik vajaliku, et kursuse lõpetada palju kiirema allalaadimisega.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**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)** **Kui soovid lisatõlkeid, siis toetatud keeled on loetletud siin. [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)
#### 🧑‍🎓 _Kas oled õpilane?_ #### 🧑‍🎓 _Oled tudeng?_
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. Külasta [**Student Hub lehekülge**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kus leiad algajale mõeldud ressursse, tudengipakette ja isegi võimalusi saada tasuta tunnistuse vautšer. See on lehekülg, mida tasub järjehoidjates hoida ja aeg-ajalt kontrollida, sest sisu uuendatakse igakuiselt.
### 📣 Teade - Uued GitHub Copilot agendi režiimi väljakutsed täitmiseks! ### 📣 Teade – Uued väljakutsed GitHub Copilot Agent režiimis!
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. Lisandunud on uus väljakutse, otsi enamikust peatükkidest "GitHub Copilot Agent Challenge 🚀". See on uus väljakutse, mille saad lahendada GitHub Copiloti ja Agendi režiimis. Kui sa pole Agendi režiimi varem kasutanud, siis see suudab mitte ainult teksti genereerida, vaid ka luua ja muuta faile, käivitada käske ja palju muud.
### 📣 Teade - _Uus Projekt generatiivse tehisintellekti kasutamiseks_ ### 📣 Teade – _uus projekt generatiivse tehisintellekti abil arendamiseks_
Lisatud on uus AI abiprojekt, vaata [projekti](./9-chat-project/README.md) Täiesti uus AI assistendi projekt lisatud, vaata [projekti](./9-chat-project/README.md)
### 📣 Teade - _Uus õppekava_ generatiivse tehisintellekti kohta JavaScripti jaoks on just välja antud ### 📣 Teade – _uus õppekava_ generatiivsele tehisintellektile JavaScripti jaoks avaldatud
Ära jäta vahele meie uut generatiivse tehisintellekti õppekava! Ära jäta tähelepanuta meie uut generatiivse tehisintellekti õppekava!
Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! Alusta siin: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
![Taust](../../translated_images/et/background.148a8d43afde5730.webp) ![Background](../../translated_images/et/background.148a8d43afde5730.webp)
- Õppetunnid hõlmavad kõike alates põhialustest kuni RAG-ini. - Õppetunnid katavad kõike alates algtõdedest kuni RAG-ini.
- Suhtle ajalooliste tegelastega GenAI ja meie kaasrakenduse abil. - Suhtle ajalooliste tegelastega GenAI ja meie kaasrakenduse abil.
- Lõbus ja kaasahaarav narratiiv, sa rändad ajas! - Lõbus ja kaasahaarav jutustus, mis viib sind ajas rändama!
![tegelane](../../translated_images/et/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/et/character.5c0dd8e067ffd693.webp)
Iga õppetund sisaldab lõpetamiseks ülesannet, teadmiste kontrolli ja väljakutset, mis juhendab teemasid nagu:
Iga õppetund sisaldab ülesannet, teadmiste kontrolli ja väljakutset, mis juhib sind järgmiste teemade õppimisel: - Päringud ja päringu inseneriteadus
- Päringute koostamine ja päringute inseneritöö - Teksti- ja pildirakenduste genereerimine
- Teksti ja pildi rakenduste genereerimine
- Otsingurakendused - Otsingurakendused
Alusta aadressil [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! Alusta siin: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
## 🌱 Alustamine ## 🌱 Alustamine
> **Õ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)! > **Õpetajad**, me oleme lisanud [mõned soovitused](for-teachers.md) selle õppekava kasutamiseks. Ootame teie tagasisidet [meie aruteluvõrgustikus](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 juures alustage eelloenguviktoriiniga ja jätkake loengumaterjali lugemise, erinevate tegevuste lõpetamise ja järelviktoriini tegemisega oma arusaamise kontrollimiseks. **[Õppijad](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, iga õppetunni puhul alusta eelloenguviktoriinist ja jätka loengumaterjalide lugemisega, erinevate tegevuste lõpetamisega ning testi oma arusaamist järelloengu viktoriiniga.
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. Õppimise rikastamiseks seo end eakaaslastega, et töötada projektide kallal koos! Arutelud on soovitatavad meie [arutelufoorumis](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kus meie moderaatorid aitavad sul küsimustele vastuseid leida.
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. Edasise hariduse jaoks soovitame tungivalt uurida [Microsoft Learn’i](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) lisamaterjale.
### 📋 Keskkonna seadistamine ### 📋 Keskkonna seadistamine
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. See õppekava on varustatud arenduskeskkonnaga, mis on kohe kasutusvalmis! Alguses saad otsustada, kas jooksutad õppekava [Codespaces’is](https://github.com/features/codespaces/) (_brauseripõhine, ilma paigaldusteta keskkond_) või kohapeal oma arvutis tekstiredaktori nagu [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) abil.
#### Loo oma hoidla #### Loo oma hoidla
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. Selleks, et saaksid oma tööd mugavalt salvestada, soovitame teha sellest hoidlast oma koopia. Seda saad teha, klikkides lehe ülaosas **Use this template** nupule. See loob sinu GitHubi kontole uue hoidla koos selle õppekava koopiaga.
Järgige neid samme: Järgi järgmisi samme:
1. **Tehke Fork hoidlast**: Klõpsake selle lehe paremas ülanurgas nuppu "Fork". 1. **Tee hoidlast oma versioon (fork)**: Vajuta nupule "Fork" selle lehe paremas ülanurgas.
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`
#### Kursuse käivitamine Codespace'is #### Õppekava jooksutamine Codespaces’is
Oma loodud hoidla koopias klõpsake nupul **Code** ja valige **Open with Codespaces**. See loob teile uue Codespace'i töötamiseks. Loetud hoidlas, mille lõid, kliki nupul **Code** ja vali **Open with Codespaces**. See loob uue Codespace’i, kus saad töötada.
![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/et/createcodespace.0238bbf4d7a8d955.webp)
#### Kursuse käivitamine lokaalselt arvutis #### Õppekava jooksutamine kohalikus arvutis
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. Selle õppekava kohalikuks jooksutamiseks vajad tekstiredaktorit, veebibrauserit ja käsurea tööriista. Meie esimene õppetund, [Sissejuhatus programmeerimiskeeltesse ja tööriistadesse](../../1-getting-started-lessons/1-intro-to-programming-languages), juhatab sind nende tööriistade erinevate valikuvõimalusteni, et saaksid valida enda jaoks sobivaima.
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). Soovitame kasutada [Visual Studio Code’i](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) tekstiredaktorina, mis sisaldab ka integreeritud [terminali](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code’i saad alla laadida [siit](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. Kopeeri oma hoidla oma arvutisse. Seda saad teha, klõpsates nuppu **Code** ja 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’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: 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 ja käivita järgmine käsk, asendades `<your-repository-url>` äsja kopeeritud URL-iga:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Ava kaust Visual Studio Code’is. Seda saad teha, klõpsates **File** > **Open Folder** ja valides hiljuti kloonitud kausta. 2. Ava kaust Visual Studio Code'is. Seda saad teha, valides **File** > **Open Folder** ja valides äsja kloonitud kausta.
> Soovitatud Visual Studio Code 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’i sees > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - HTML-lehtede eelvaate jaoks Visual Studio Code'is
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab koodi kiiremini kirjutada > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - aitab sul koodi kiiremini kirjutada
## 📂 Iga õppetund sisaldab: ## 📂 Igas õppetükis sisaldub:
- valikulist visandimärkmikku - valikuline sketšimärkme
- valikulist täiendavat videot - valikuline täiendav video
- tunni eelset soojenduse viktoriini - soojenduskvizz enne tundi
- kirjalikku õppetundi - kirjalik õppetükk
- projektipõhiste tundide puhul samm-sammult juhendeid, kuidas projekti koostada - projektipõhiste õppetükkide korral samm-sammulised juhised projekti loomiseks
- teadmiste kontrolli - teadmiste kontrollid
- väljakutset - väljakutse
- täiendavat lugemist - täiendav lugemine
- ülesannet - ülesanne
- [tunni järgset viktoriini](https://ff-quizzes.netlify.app/web/) - [järgnev kvizz](https://ff-quizzes.netlify.app/web/)
> **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`. > **Märkuse kvizzide kohta**: Kõik kvizzid on Quiz-app kaustas, kokku 48 kvizzi, igaühes kolm küsimust. Need on saadaval [siin](https://ff-quizzes.netlify.app/web/), kvizzi rakendust saab käivitada lokaalselt või paigutada Azure'i; jälgi juhiseid `quiz-app` kaustas.
## 🗃️ Õppetunnid ## 🗃️ Õppetükid
| | Projekti nimi | Õpitud kontseptsioonid | Õpieesmärgid | Lingitud õppetund | Autor | | | Projekti nimi | Õpitud kontseptsioonid | Õpieesmärgid | Lingitud õppetükk | Autor |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :-------------------------------------------------------: | :-------------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 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 | | 01 | Esimesed sammud | Programmeerimise ja tööriistade tutvustus | Õpi programmeerimiskeelte põhitõdesid ja tarkvara, mis aitab professionaalseid arendajaid | [Programmeerimiskeelte ja tööriistade tutvustus](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 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 | | 02 | Esimesed sammud | GitHub'i alused, meeskonnatöö | Kuidas kasutada GitHubi oma projektis ja teha koostööd koodibaasil | [GitHubi sissejuhatus](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Alustamine | Juurdepääsetavus | Õpi veebisaidi juurdepääsetavuse aluseid | [Juurdepääsetavuse põhitõed](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | | 03 | Esimesed sammud | Juurdepääsetavus | Õpi veebipõhise juurdepääsetavuse põhialuseid | [Juurdepääsetavuse alused](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 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 | | 04 | JS alused | JavaScript 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 rakenduse loogika haldamiseks funktsioonide ja meetodite kohta | [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher | | 05 | JS alused | Funktsioonid ja meetodid | Õpi funktsioone ja meetodeid rakenduse loogika juhtimiseks | [Funktsioonid ja meetodid](./2-js-basics/2-functions-methods/README.md) | Jasmine ja Christopher |
| 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 | | 06 | JS alused | Otsuste tegemine JavaScriptiga | Õpi, kuidas luua tingimusi oma koodis otsustamise abil | [Otsuste tegemine](./2-js-basics/3-making-decisions/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 | | 07 | JS alused | Massiivid ja tsüklid | Töötle andmeid massiivide ja tsüklite abil 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 | [HTML sissejuhatus](./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 alustele ja veebilehe reageerivusele | [CSS sissejuhatus](./3-terrarium/2-intro-to-css/README.md) | Jen | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS praktikas | Ehita CSS, et kujundada veebiterrarium, keskendudes CSS põhialustele ja lehe kohandamisele | [CSS sissejuhatus](./3-terrarium/2-intro-to-css/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 | | 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScripti sulgud, DOM-i manipuleerimine | Tee terrarium funktsionaalseks lohistamisliidese abil, keskendudes sulgude ja DOM-i manipuleerimise õppimisele | [JavaScripti sulgud, 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 klahvisündmusi JavaScripti rakenduse loogika juhtimiseks | [Sündmustepõhine programmeerimine](./4-typing-game/typing-game/README.md) | Christopher | | 11 | [Trükkimismäng](./4-typing-game/solution/README.md) | Trükkimismängu loomine | Õpi kasutama klaviatuuri sündmusi oma JavaScripti rakenduse loogika juhtimiseks | [Sündmuspõhine programmeerimine](./4-typing-game/typing-game/README.md) | Christopher |
| 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 | | 12 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Brauseritega töötamine | Õpi, kuidas brauserid töötavad, nende ajalugu ja kuidas üles ehitada brauserilaiendi esimesed elemendid | [Brauseritest](./5-browser-extension/1-about-browsers/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 | | 13 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Vormide loomine, API kutsumine ja andmete salvestamine kohalikku mällu | Ehita oma brauserilaiendi JavaScripti osad, mis kutsuvad API-t ja kasutavad kohalikus mälus hoitavaid muutujaid | [API-d, vormid ja kohalik mälu](./5-browser-extension/2-forms-browsers-local-storage/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 | | 14 | [Roheline brauserilaiend](./5-browser-extension/solution/README.md) | Brauseri taustaprotsessid ja veebipõhine jõudlus | Kasuta brauseri taustaprotsesse laiendi ikooni haldamiseks; õpi veebijõudluse kohta ja mõningaid optimeerimisi | [Taustaprotsessid ja jõudlus](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 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 | | 15 | [Kosmosemäng](./6-space-game/solution/README.md) | Täiustatud mänguarendus JavaScriptiga | Õpi pärimist nii klasside kui kompositsiooni kaudu ning Pub/Sub mustrit, valmistudes mängu loomiseks | [Täiustatud mänguarenduse sissejuhatus](./6-space-game/1-introduction/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 | | 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 |
| 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 | | 17 | [Kosmosemäng](./6-space-game/solution/README.md) | Elementide liigutamine ekraanil | Avasta, kuidas elementidele anda liikumist koordinaatide ja Canvas API abil | [Elementide liigutamine](./6-space-game/3-moving-elements-around/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 | | 18 | [Kosmosemäng](./6-space-game/solution/README.md) | Kokkupõrgete tuvastamine | Pane elemendid põrkuma ning reageerima üksteisele võtmete vajutuste abil; lisa cooldown funktsioon mängu jõudluse tagamiseks | [Kokkupõrgete tuvastamine](./6-space-game/4-collision-detection/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 | | 19 | [Kosmosemäng](./6-space-game/solution/README.md) | Punktide lugemine | Tee arvutusi mängu oleku ja soorituse põhjal | [Punktide lugemine](./6-space-game/5-keeping-score/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 | | 20 | [Kosmosemäng](./6-space-game/solution/README.md) | Mängu lõpetamine ja taaskäivitamine | Õpi mängu lõpetamist ja taaskäivitamist, sealhulgas varade puhastamist ja muutujate lähtestamist | [Lõpetingimus](./6-space-game/6-end-condition/README.md) | Chris |
| 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 | | 21 | [Pangarakendus](./7-bank-project/solution/README.md) | HTML mallid ja marsruudid veebirakenduses | Õpi looma mitmeleheküljelise veebilehe arhitektuuri marsruutimise ja HTML mallide abil | [HTML mallid ja marsruudid](./7-bank-project/1-template-route/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 | | 22 | [Pangarakendus](./7-bank-project/solution/README.md) | Sisselogimise ja registreerimisvormi loomine | Õpi vormide loomist ja valideerimise teostamist | [Vormid](./7-bank-project/2-forms/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 | | 23 | [Pangarakendus](./7-bank-project/solution/README.md) | Andmete pärimise ja kasutamise meetodid | Kuidas andmed rakenduses voolavad, neid pärida, salvestada ja eemaldada | [Andmed](./7-bank-project/3-data/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 | | 24 | [Pangarakendus](./7-bank-project/solution/README.md) | Oleku halduse kontseptsioonid | Õpi, kuidas rakendus säilitab olekut ja kuidas seda programmeeritult hallata | [Oleku haldus](./7-bank-project/4-state-management/README.md) | Yohan |
| 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 | | 25 | [Brauser/VScode kood](../../8-code-editor) | VScode kasutamine | Õpi kasutama koodi redaktorit | [VScode koodi redaktori kasutamine](./8-code-editor/1-using-a-code-editor/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 | | 26 | [AI assistendid](./9-chat-project/README.md) | Töötamine tehisintellektiga | Õpi looma oma AI assistenti | [AI assistendi projekt](./9-chat-project/README.md) | Chris |
## 🏫 Pedagoogika ## 🏫 Pedagoogika
Meie õppekava on kujundatud kahe põhilise pedagoogilise põhimõtte alusel: Meie õppekava põhineb kahel peamisel pedagoogilisel põhimõttel:
* projektipõhine õpe * projektipõhine õppimine
* sagedased viktoriinid * sagedased kvizzid
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. Programm õpetab JavaScripti, HTML-i ja CSS-i põhialuseid ning ka tänapäevaste veebiarendajate kasutatavaid uusimaid tööriistu ja tehnikaid. Õpilastel on võimalus praktiliste kogemuste saamiseks luua trükkimismängu, virtuaalne terrarium, keskkonnasõbralik brauserilaiend, kosmosesõdalase stiilis mäng ning äripangarakendus. Sarja lõpus on tudengitel hea arusaam veebiarendusest.
> 🎓 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! > 🎓 Saad esimeseid õppetükke selles õppekavas võtta ka [õppeteekidena](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) Microsoft Learn'is!
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. Sisuga projektide sobitamine muudab õppimise huvitavamaks ja tugevdab mõistete meeldejätmist. Kirjutasime ka mitu algajatele mõeldud JavaScripti põhialuste õppetükki, mis tutvustavad kontseptsioone koos videoga „[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)“ videotest, mille mõningaid autoreid kaasasime ka sellesse õppekavasse.
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. Lisaks seab madala panusega kvizz enne tundi õpilasele eesmärgi teemat õppida, ning teine kvizz tunni järel aitab teadmisi kinnistada. See õppekava on loodud olema paindlik ja lõbus ning seda võib läbida tervikuna või ositi. Projektid algavad lihtsamatena ja muutuvad 12 nädala jooksul järjest keerukamaks.
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)". Kuigi me teadlikult vältisime JavaScripti raamistikku tutvustamist, et keskenduda esmalt põhioskustele veebiarendajana enne raamistikku kasutama hakkamist, oleks järgmiseks loogiliseks sammuks selles õppekavas õppida Node.js teistest videotest koosneva kogumiku abil: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Tutvu meie [Käitumisjuhendiga](CODE_OF_CONDUCT.md) ja [Panustamise juhistega](CONTRIBUTING.md). Ootame sinu konstruktiivset tagasisidet! > Tutvu meie [käitumisreeglite](CODE_OF_CONDUCT.md) ja [panustamise](CONTRIBUTING.md) juhistega. Ootame konstruktiivset tagasisidet!
## 🧭 Offline ligipääs ## 🧭 Offline ligipääs
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`. Seda dokumentatsiooni saab vaadata ka võrguühenduseta, kasutades [Docsify](https://docsify.js.org/#/). Tee repo fork, [paigalda Docsify](https://docsify.js.org/#/quickstart) oma lokaalsele masinale ja seejärel selle repo juurkaustas kirjuta käsureale `docsify serve`. Veebileht jookseb sinu lokaalarvutis pordi 3000 peal: `localhost:3000`.
## 📘 PDF ## 📘 PDF
Kõikide õppetundide PDF on leitav [siit](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). Kõikide õppetundide PDF-fail on leitav [siit](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Teised kursused ## 🎒 Teised kursused
Meie meeskond toodab ka teisi kursuseid! Vaata: Meie meeskond teeb ka teisi kursuseid! Vaata:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -233,7 +232,7 @@ Meie meeskond toodab ka teisi kursuseid! Vaata:
--- ---
### Generatiivse AI sari ### Generatiivse tehisintellekti 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)
@ -260,21 +259,21 @@ Meie meeskond toodab ka teisi kursuseid! Vaata:
## Abi saamine ## Abi saamine
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. Kui takerduse või küsimusi tehisintellektirakenduste loomisel tekib, liitu teiste õppurite ja kogenud arendajatega MCP aruteludes. See on toetav kogukond, kus küsimused on teretulnud 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 sul on produkti tagasisidet või ehitamisel vigu, külasta: Kui sul on 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 alusel. Täpsema info saamiseks vaata faili [LICENSE](../../LICENSE). See hoidla on litsentseeritud MIT litsentsi alusel. Lisateabe saamiseks vaata [LICENSE](../../LICENSE) faili.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Vastutusest loobumine**: **Lahtiütlus**:
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. See dokument on tõlgitud kasutades tehisintellektil põhinevat tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüame täpsust, palun arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Originaaldokument oma emakeeles on autoriteetne allikas. Olulise info puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tingitud arusaamatuste ega valesti mõistmiste eest.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

67
translations/et/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [Õppetunni teema] # Õppetunni teema
![Lisa siia video](../../../lesson-template/video-url) ## 🎥 Video
## [Eelloengu viktoriin](../../../lesson-template/quiz-url) > Lisa siia manustatud video või õppetunni link.
[Kirjeldage, mida me õpime] ---
## Eelloengu viktoriin
> Lisa siia viktoriini link, kui see on saadaval.
---
Esita lühike ülevaade, mida õpilased selles õppetunnis õpivad.
---
### Sissejuhatus ### Sissejuhatus
Kirjeldage, mida käsitletakse Esita lühike sissejuhatus, mis kirjeldab, mida selles õppetunnis käsitletakse.
> Märkused > Märkmed
### Eeltingimused ---
### Eeldused
Millised sammud peaksid olema enne seda õppetundi läbitud? Loetle mõisted või teemad, millega õpilased peaksid enne selle õppetunni alustamist juba kursis olema.
---
### Ettevalmistus ### Ettevalmistus
Ettevalmistavad sammud õppetunni alustamiseks Loetle kõik seadistamise sammud või tööriistad, mida on vaja enne õppetunni alustamist.
--- ---
[Jagage sisu plokkideks] ### Sisu
Järgi õppetunni sisu struktureeritud osadena.
---
## [Teema 1] ## Teema 1
### Ülesanne: ### Ülesanne:
Töötage koos, et järk-järgult täiustada oma koodibaasi ja ehitada projekt jagatud koodiga: Töötage koos, et järk-järgult täiustada oma koodibaasi, ehitades projekti ühiselt kasutatava koodiga:
```html ```html
code blocks code blocks
``` ```
✅ Teadmiste kontroll - kasutage seda hetke, et laiendada õpilaste teadmisi avatud küsimustega ✅ Teadmiste kontroll
Kasuta seda hetke, et laiendada õpilaste teadmisi avatud küsimustega.
## [Teema 2] ## Teema 2
## Teema 3
## [Teema 3] 🚀 Väljakutse
Lisa koostööl põhinev väljakutse, et õpilased saaksid projekti täiustada.
🚀 Väljakutse: Lisage väljakutse, mille kallal õpilased saavad klassis koostööd teha, et projekti täiustada Valikuline: Lisa ekraanipilt valminud õppetunni kasutajaliidest, kui see on sobiv.
Valikuline: lisage ekraanipilt lõpetatud õppetunni kasutajaliidesest, kui see on asjakohane ## Järelviktoriin
## [Pärast loengut viktoriin](../../../lesson-template/quiz-url) Lisa viktoriini link pärast õppetunni lõpetamist.
## Ülevaade ja iseseisev õppimine ## Ülevaade & Iseseisev õpe
**Ülesande tähtaeg [MM/AA]**: [Ülesande nimi](assignment.md) **Ülesande tähtaeg [KK/AA]**: [Ülesande nimi](assignment.md)
--- ---
**Lahtiütlus**: <!-- CO-OP TRANSLATOR DISCLAIMER START -->
See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi püüame tagada täpsust, palume arvestada, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle algses keeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitame kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste või valesti tõlgenduste eest. **Vastutusest loobumine**:
See dokument on tõlgitud kasutades tehisintellektil põhinevat tõlketeenust [Co-op Translator](https://github.com/Azure/co-op-translator). Kuigi püüdleme täpsuse poole, palun arvestage, et automatiseeritud tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle emakeeles tuleks pidada autoriteetseks allikaks. Olulise info puhul soovitatakse kasutada professionaalset inimtõlget. Me ei vastuta ühtegi arusaamatust ega valesti mõistmist, mis võivad tekkida selle tõlke kasutamisest.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

10
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-04-20T16:06:12+00:00", "translation_date": "2026-04-24T13:50:25+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": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T18:25:08+00:00", "translation_date": "2026-04-24T13:45:54+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "pcm" "language_code": "pcm"
}, },
@ -564,8 +564,8 @@
"language_code": "pcm" "language_code": "pcm"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-01-08T11:40:47+00:00", "translation_date": "2026-04-24T13:46:03+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "pcm" "language_code": "pcm"
}, },

222
translations/pcm/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Project Overview ## Project Overview
Dis na wan educational curriculum repository wey dem dey use teach web development fundamentals to beginners. Di curriculum na big 12-week course wey Microsoft Cloud Advocates make, get 24 hands-on lessons covering JavaScript, CSS, and HTML. Dis na wan educational curriculum repository wey dem use teach web development fundamentals to beginners. Di curriculum na one complete 12-week course wey Microsoft Cloud Advocates develop, e get 24 hands-on lessons wey cover JavaScript, CSS, and HTML.
### Key Components ### Key Components
- **Educational Content**: 24 structured lessons wey dem organize inside project-based modules - **Educational Content**: 24 structured lessons wey dem organize into 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 through GitHub Actions - **Multi-language Support**: Automated translations for 50+ languages via 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 wey get lesson-based structure
- Every lesson folder get 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 dey for separate directories (quiz-app, various lesson projects)
- Translation system dey use GitHub Actions (co-op-translator) - Translation system dey use GitHub Actions (co-op-translator)
- Documentation dey serve through Docsify and e dey available as PDF - Documentation dey serve through Docsify and e dey available as PDF
## Setup Commands ## Setup Commands
Dis repository na mainly for educational content consumption. For to work with specific projects: Dis repository mainly for educational content consumption. If you wan work with specific projects:
### Main Repository Setup ### Main Repository Setup
@ -36,7 +36,7 @@ cd Web-Dev-For-Beginners
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # Start di development server npm run dev # Begin development server
npm run build # Build for production npm run build # Build for production
npm run lint # Run ESLint npm run lint # Run ESLint
``` ```
@ -46,9 +46,9 @@ npm run lint # Run ESLint
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # Start API server npm start # Start di API server
npm run lint # Run ESLint npm run lint # Run ESLint
npm run format # Format wit Prettier npm run format # Format am wit Prettier
``` ```
### Browser Extension Projects ### Browser Extension Projects
@ -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 browser-specific extension loading instructions # Follow how for put extension for browser wey you dey use
``` ```
### Space Game Projects ### Space Game Projects
@ -80,29 +80,29 @@ python api.py
### For Content Contributors ### For Content Contributors
1. **Fork di repository** go your GitHub account 1. **Fork di repository** to your GitHub account
2. **Clone your fork** for your machine 2. **Clone your fork** for your local machine
3. **Create new branch** for your changes 3. **Create wan new branch** for your changes
4. Make changes for lesson content or code examples 4. Change lesson content or code examples
5. Test any code changes inside the relevant project directories 5. Test any code changes inside the relevant project directories
6. Submit pull requests based on 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. Go through lesson directories one by one 2. waka go lesson directories one by one
3. Read README files for each lesson 3. Read README files for each lesson
4. Do pre-lesson quizzes at https://ff-quizzes.netlify.app/web/ 4. Complete pre-lesson quizzes at 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. Do post-lesson quizzes 7. Take post-lesson quizzes
### Live Development ### Live Development
- **Documentation**: Run `docsify serve` for root (port 3000) - **Documentation**: Run `docsify serve` for root (port 3000)
- **Quiz App**: Run `npm run dev` inside quiz-app directory - **Quiz App**: Run `npm run dev` inside 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 the API directories - **API Projects**: Run `npm start` for the correct API folders
## Testing Instructions ## Testing Instructions
@ -111,7 +111,7 @@ 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 dey successful npm run build # Make sure build go succeed
``` ```
### Bank API Testing ### Bank API Testing
@ -119,73 +119,73 @@ npm run build # Make sure build dey successful
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # Check for code style wahala npm run lint # Check for code style wahala
node server.js # Make sure say server fit start without any kasala node server.js # Make sure server start without any gbege
``` ```
### General Testing Approach ### General Testing Approach
- Dis na educational repository wey no get full automatic tests - Dis na educational repository wey no get full automated tests
- Manual testing dey focus on: - Manual testing dey focus on:
- Code examples dey run without wahala - Code examples wey run without wahala
- Links for documentation dey work well - Links for documentation dey work well
- Project build dey complete successful - Project builds complete normally
- Examples follow best practices - Examples 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 say markdown links dey valid - Check say markdown links dey valid
- Test code examples for browser or Node.js - Test code examples inside browser or Node.js
- Confirm say translations keep correct structure - Make sure translations keep proper structure
## Code Style Guidelines ## Code Style Guidelines
### JavaScript ### JavaScript
- Use modern ES6+ syntax - Use modern ES6+ syntax
- Follow standard ESLint config wey projects get - Follow standard ESLint rules wey projects provide
- Use meaningful variable and function names for educational clarity - Use meaningful variable and function names for educational clarity
- Add comments wey explain concepts for learners - Add comments wey explain concepts for learners
- Format using Prettier if e dey setup - Format with Prettier where e dey setup
### HTML/CSS ### HTML/CSS
- Use semantic HTML5 elements - Semantic HTML5 elements
- Responsive design principles - Responsive design principles
- Clear class naming conventions - Clear class naming conventions
- Comments wey dey explain CSS techniques for learners - Comments wey dey explain CSS techniques for learners
### Python ### Python
- PEP 8 style guidelines - PEP 8 style guide
- Clear, educational code examples - Clear, educational code examples
- Type hints where e go help learning - Type hints where e fit help learning
### Markdown Documentation ### Markdown Documentation
- Clear heading hierarchy - Clear heading hierarchy
- Code blocks with language specification - Code blocks wey get language tag
- Links to extra resources - Links to extra resources
- Screenshots and images inside `images/` directories - Screenshots and images for `images/` folders
- Alt text for images to support accessibility - Alt text for images so e go accessible
### File Organization ### File Organization
- Lessons dey numbered one by one (1-getting-started-lessons, 2-js-basics, etc.) - Lessons dey number one by one (1-getting-started-lessons, 2-js-basics, etc.)
- Every project get `solution/` and sometimes `start/` or `your-work/` directories - Each project get `solution/` and often `start/` or `your-work/` directories
- Images for lesson-specific `images/` folders - Images dey store inside lesson-specific `images/` folders
- Translations dey inside `translations/{language-code}/` structure - Translations for `translations/{language-code}/` folder structure
## Build and Deployment ## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps) ### Quiz App Deployment (Azure Static Web Apps)
The quiz-app dey configured for Azure Static Web Apps deployment: The quiz-app dey setup 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
# Dey put for ground wit GitHub Actions workflow wen dem push for main # Dey deploy wit GitHub Actions workflow wen you push to main
``` ```
Azure Static Web Apps configuration: Azure Static Web Apps configuration:
@ -203,23 +203,23 @@ npm run convert # Make PDF from docs
### Docsify Documentation ### Docsify Documentation
```bash ```bash
npm install -g docsify-cli # Install Docsify all over di system npm install -g docsify-cli # Install Docsify for everywhere
docsify serve # Run for localhost:3000 docsify serve # Make e dey serve for localhost:3000
``` ```
### Project-specific Builds ### Project-specific Builds
Every project directory fit get their own build process: Each project directory fit get im own build process:
- Vue projects: `npm run build` dey create production bundles - Vue projects: `npm run build` go create production bundles
- Static projects: No build step, just serve files directly - Static projects: No build step, serve files directly
## Pull Request Guidelines ## Pull Request Guidelines
### Title Format ### Title Format
Use clear, descriptive titles wey show wetin change be: Use clear, descriptive titles wey show the area wey 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 inside terrarium project`
- `[Translation] Add Spanish translation for lesson 5` - `[Translation] Add Spanish translation for lesson 5`
- `[Docs] Update setup instructions` - `[Docs] Update setup instructions`
@ -228,51 +228,51 @@ Use clear, descriptive titles wey show wetin change be:
Before you submit PR: Before you submit PR:
1. **Code Quality**: 1. **Code Quality**:
- Run `npm run lint` for the project directories wey e concern - Run `npm run lint` for the project directories weh change dey
- Fix all lint errors and warnings - Fix every linting errors and warnings
2. **Build Verification**: 2. **Build Verification**:
- Run `npm run build` if e necessary - Run `npm run build` if e dey apply
- Make sure no build errors - Make sure no build error dey
3. **Link Validation**: 3. **Link Validation**:
- Test all markdown links - Test every markdown links
- Confirm image refs work - Verify image references dey work
4. **Content Review**: 4. **Content Review**:
- Proofread for spelling and grammar - Proofread for spelling and grammar
- Ensure code examples correct and educational - Make sure code examples dey correct and educational
- Confirm translations keep original meaning - Verify say translations keep di original meaning
### Contribution Requirements ### Contribution Requirements
- Agree to Microsoft CLA (automatic check for first PR) - Agree to Microsoft CLA (automatic check for first PR)
- Follow [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 details - Check [CONTRIBUTING.md](./CONTRIBUTING.md) for full guidelines
- Reference issue numbers for PR description if e get - Reference issue numbers for PR description if e apply
### Review Process ### Review Process
- PRs go through maintainer and community review - PRs dey review by maintainers and community
- Educational clarity dey important - Educational clarity na priority
- Code examples suppose follow current best practices - Code examples suppose follow latest best practices
- Translations go through accuracy and cultural appropriateness check - Translations go check for accuracy and cultural fit
## Translation System ## Translation System
### Automated Translation ### Automated Translation
- Dey use GitHub Actions with co-op-translator workflow - Use GitHub Actions with co-op-translator workflow
- Translates to 50+ languages automatically - Translate go more than 50 languages automatically
- Source files dey main directories - Source files dey main directories
- Translated files dey inside `translations/{language-code}/` - Translated files dey `translations/{language-code}/` directories
### Adding Manual Translation Improvements ### Adding Manual Translation Improvements
1. Find file for `translations/{language-code}/` 1. Find file for `translations/{language-code}/`
2. Make improvements but keep structure intact 2. Make improvements, keep structure safe
3. Make sure code examples still dey run well 3. Make sure code examples still dey work well
4. Test any quiz content wey localized 4. Test any local quiz content
### Translation Metadata ### Translation Metadata
@ -293,72 +293,72 @@ CO_OP_TRANSLATOR_METADATA:
### Common Issues ### Common Issues
**Quiz app no fit start**: **Quiz app no dey start**:
- Check Node.js version (v14+ recommended) - Check Node.js version (v14+ na recommended)
- Delete `node_modules` and `package-lock.json`, run `npm install` again - Delete `node_modules` and `package-lock.json`, run `npm install` again
- Check for port wahala (default: Vite dey use port 5173) - Check if port dey busy (default: Vite dey use port 5173)
**API server no go start**: **API server no dey start**:
- Confirm Node.js version dey at least (node >=10) - Check Node.js version (node >=10)
- Check if port don already dey use - Check if port don already use
- Make sure all dependencies install with `npm install` - Make sure all dependencies install with `npm install`
**Browser extension no go load**: **Browser extension no dey load**:
- Confirm manifest.json format correct - Check manifest.json make e correct
- Check browser console for errors - Check browser console for errors
- Follow browser extension installation instructions - Follow browser-specific extension install instructions
**Python chat project wahala**: **Python chat project wahala**:
- Confirm OpenAI package install: `pip install openai` - Make sure OpenAI package install: `pip install openai`
- Confirm GITHUB_TOKEN environment variable set - Confirm GITHUB_TOKEN environment variable dey set
- Check GitHub Models permission - 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 root directory - Run from repository root
- Check say `docs/_sidebar.md` dey - Check say `docs/_sidebar.md` dey
### Development Environment Tips ### Development Environment Tips
- Use VS Code with Live Server extension for HTML projects - Use VS Code with Live Server extension for HTML projects
- Install ESLint and Prettier extensions for proper formatting - Install ESLint and Prettier extensions for consistent style
- Use browser DevTools for JavaScript debugging - 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 big clones - Plenty translated files (50+ languages) mean full clones go big
- Use shallow clone if na content only: `git clone --depth 1` - Use shallow clone if you only dey work on content: `git clone --depth 1`
- Exclude translations from searches if you dey focus on English - Exclude translations from search when working on English content
- Build steps fit slow for first time (npm install, Vite build) - Build processes fit slow for first run (npm install, Vite build)
## Security Considerations ## Security Considerations
### Environment Variables ### Environment Variables
- API keys no suppose commit to repository - API keys make sure no dey commit to repository
- Use `.env` files (already for `.gitignore`) - Use `.env` files (wey dey `.gitignore` already)
- Document needed environment variables inside project READMEs - Document required environment variables for project READMEs
### 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 need minimal permissions - GitHub tokens suppose get minimal permissions only
### GitHub Models Access ### GitHub Models Access
- Personal Access Tokens (PAT) required for GitHub Models - Personal Access Tokens (PAT) dey needed for GitHub Models
- Tokens suppose dey stored as environment variables - Tokens suppose dey store as environment variables
- Never commit tokens or credentials - No commit tokens or credentials
## Additional Notes ## Additional Notes
### Target Audience ### Target Audience
- Complete beginners to web development - Absolute beginners to web development
- Students and self-learners - Students and people wey dey learn by themselves
- Teachers wey use the curriculum for classroom - Teachers wey dey use curriculum for classroom
- Content dey designed for accessibility and gradual skill building - Content dey designed for accessibility and gradual skill building
### Educational Philosophy ### Educational Philosophy
@ -366,26 +366,26 @@ CO_OP_TRANSLATOR_METADATA:
- Project-based learning style - Project-based learning style
- Frequent knowledge checks (quizzes) - Frequent knowledge checks (quizzes)
- Hands-on coding exercises - Hands-on coding exercises
- Real-life application examples - Real-world application examples
- Focus on fundamentals before frameworks - Focus on fundamentals before framework waka
### Repository Maintenance ### Repository Maintenance
- Active learner and contributor community - Active community of learners and contributors
- Regular updates to content and dependencies - Regular updates to content and dependencies
- Maintainers dey monitor issues and discussions - Issues and discussions dey managed by maintainers
- Translation updates automated via GitHub Actions - Translation updates automatic by 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) dey recommended for learners - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) wey dey recommended for learners
- Other courses: Generative AI, Data Science, ML, IoT curricula dey available - Extra 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 for: For detailed instructions on each project, see README files for:
- `quiz-app/README.md` - Vue 3 quiz application - `quiz-app/README.md` - Vue 3 quiz application
- `7-bank-project/README.md` - Banking app 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
@ -394,15 +394,15 @@ For detailed instructions on individual projects, check README files for:
### Monorepo Structure ### Monorepo Structure
Even though dis no be traditional monorepo, dis repository get many independent projects: Even though e no be traditional monorepo, this repository get many independent projects:
- Every lesson dey self-contained - Each lesson na self-contained
- Projects no dey share dependencies - Projects no dey share dependencies
- You fit work on individual projects without affect others - You fit work on individual projects without wahala
- Clone whole repo for full curriculum experience - Clone entire repo for full curriculum experience
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**: **Disclaimer**:
Dis dokument don 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 automated translations fit get errors or mistakes. Di original dokument for im own language na di correct source. For important information, better human translation na di best. We no get fault if any misunderstanding or wrong understanding happen because of dis translation. Dis document don 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 automated translation fit get mistake or no too correct. Di original document for im own language na di correct one to trust. For important tin dem, e better make professional human translation do am. We no responsible for any misunderstanding or wrong meaning wey fit come from using dis translation.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

170
translations/pcm/README.md
Unescape View File

@ -1,24 +1,21 @@
# Web Development for Beginners - Curriculum # Web Development for Beginners - A Curriculum
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! Learn di fundamentals of web development wit our 12-week comprehensive course by Microsoft Cloud Advocates. Each of di 24 lessons go deep inside JavaScript, CSS, and HTML wit hand-on projects like terrariums, browser extensions, and space games. Join quizzes, discussions, and practical assignments. Make your skills better and make you sabi more wit our correct project-based way to learn. Start your coding journey today!
Join di Azure AI Foundry Discord Community Join di Azure AI Foundry Discord and meet experts and other developers dem.
Follow these steps to start to use 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 Di Azure AI Foundry Discord and meet experts and fellow developers**](https://discord.com/invite/ByRwuEEgH4) 3. [**Join The Azure AI Foundry Discord and meet experts and other developers dem**](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)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> > **Prefer to Clone Locally?**
[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 go make the download size plenty. If you want clone without translations, try sparse checkout: > This repository get over 50 language translations wey increase di download size well-well. To clone without translations, use sparse checkout:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -34,99 +31,87 @@ Follow these steps to start to use these resources:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" > git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ``` > ```
> >
> Dis one go give you everything wey you need to complete the course wit faster download. > This one go give you everything you need to complete di 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)**
[![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) **If you want make we add more translations, di languages wey we support dey here. [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑‍🎓 _You be student?_ #### 🧑‍🎓 _You 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 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. Visit [**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) wey go get beginning resources, student packs and even chance to collect free certificate voucher. Na page for you to bookmark and check from time to 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 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. New Challenge don add, look for "GitHub Copilot Agent Challenge 🚀" inside plenty chapters. Na new challenge for you to complete using GitHub Copilot and Agent mode. If you never use Agent mode before e fit no only generate text but fit also 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 don add, check am [project](./9-chat-project/README.md) New AI Assistant project just add, try am [project](./9-chat-project/README.md)
### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript don release ### 📣 Announcement - _New Curriculum_ on Generative AI for JavaScript just released
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) make you start! Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start!
![Background](../../translated_images/pcm/background.148a8d43afde5730.webp)
- Lessons cover everything from basics to RAG. - Lessons wey cover everything from basics to RAG.
- Interact wit historical characters using GenAI and our companion app. - Talk with historical characters using GenAI and our companion app.
- Fun and interesting story, you go dey time travel! - Fun and interesting story, you go like time travel!
![character](../../translated_images/pcm/character.5c0dd8e067ffd693.webp) Each lesson get assignment to complete, knowledge check and challenge wey go guide you for di learning of topics like:
Each lesson get assignment to complete, knowledge check and challenge to guide you as you dey learn topics like:
- Prompting and prompt engineering - Prompting and prompt engineering
- Text and 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) make you start! Visit [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) to start!
## 🌱 Getting Started
## 🌱 How To Start > **Teachers**, we don [include some suggestions](for-teachers.md) on how to use this 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 come follow wit reading the lecture material, complete the different activities and check your understanding with 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 make your learning better, join with your friends to work on the projects together! Discussions 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 increase your education, we highly recommend to explore [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) for more 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 This curriculum get development environment wey ready to go! As you dey start, you fit choose to run the curriculum for [Codespace](https://github.com/features/codespaces/) (_browser-based, no install needed 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
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. To make e easy for you to save your work, e good make you create your own copy of this repository. You fit do am by clicking **Use this template** button dey top of the page. This go create new repository for your GitHub account with copy of the curriculum.
Follow dis steps: Follow these steps:
1. **Fork di Repository**: Click di "Fork" button for top-right corner of dis page. 1. **Fork di Repository**: Click di "Fork" button for top-right corner of this 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`
#### Run di curriculum for Codespace #### Running curriculum in 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 to work inside.
![Codespace](../../translated_images/pcm/createcodespace.0238bbf4d7a8d955.webp) Inside your copy of this repository wey you create, click **Code** button then select **Open with Codespaces**. This go create new Codespace for you to work inside.
#### Run di curriculum locally for your computer #### Running curriculum locally on your computer
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. To run this 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 each of these tools to choose which one work best for you.
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). We recommend to 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).
1. Clone your repository for your computer. You fit do dis by clicking di **Code** button den copy di URL: 1. Clone your repository for your computer. You fit do dis by clicking the **Code** button and 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) 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: 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) and run dis command, replace `<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** and select di folder wey you just clone. 2. Open di folder for 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 within 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 faster
## 📂 Every lesson get: ## 📂 Each lesson includes:
- optional sketchnote - optional sketchnote
- optional supplemental video - optional supplemental video
@ -134,74 +119,73 @@ We recommend make you use [Visual Studio Code](https://code.visualstudio.com/?WT
- written lesson - written lesson
- for project-based lessons, step-by-step guides on how to build the project - for project-based lessons, step-by-step guides on how to build the project
- knowledge checks - knowledge checks
- challenge - a challenge
- supplemental reading - supplemental reading
- assignment - assignment
- [post-lesson quiz](https://ff-quizzes.netlify.app/web/) - [post-lesson quiz](https://ff-quizzes.netlify.app/web/)
> **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. > **A note about quizzes**: All quizzes dey inside di Quiz-app folder, 48 total quizzes wey get three questions each. Dem dey available [here](https://ff-quizzes.netlify.app/web/) di quiz app fit run locally or e fit deployed to Azure; follow di instruction wey dey di `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 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 | | 01 | Getting Started | Introduction to Programming and Tools of the Trade | Learn di basic underpinnings 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, 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 | | 02 | Getting Started | Basics of GitHub, includes working with a 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 |
| 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 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 application 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 with 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 in 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 di 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 di online terrarium, focus on di basics of CSS including making 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 function 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 di 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, dem 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 work, their history, and how to scaffold di 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) | 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 | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Building a form, calling an API and storing variables in local storage | Build di JavaScript elements of your browser extension to call API using variables wey dem store inside 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 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 | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Background processes in the browser, web performance | Use di browser background processes to manage di extension’s icon; learn about web performance and some optimizations 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 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 | | 15 | [Space Game](./6-space-game/solution/README.md) | More Advanced Game Development with JavaScript | Learn about Inheritance using both Classes and Composition and di Pub/Sub pattern, to 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 dey use 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 di Canvas API, wey dem dey use to 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 | Discover how elements fit waka 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 the screen | Discover how elements fit get motion using cartesian coordinates and di 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 keypresses and add cooldown function to help 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 provide cooldown function to make sure say di game perform well | [Collision Detection](./6-space-game/4-collision-detection/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 | | 19 | [Space Game](./6-space-game/solution/README.md) | Keeping score | Perform math calculations based on di game’s 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 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 | | 20 | [Space Game](./6-space-game/solution/README.md) | Ending and restarting the game | Learn about ending and restarting di game, including cleaning up 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 of 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 in a 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 form building and handling validation | [Forms](./7-bank-project/2-forms/README.md) | Yohan | | 22 | [Banking App](./7-bank-project/solution/README.md) | Build a Login and Registration Form | Learn about building forms and handling validation routines | [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 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 | | 23 | [Banking App](./7-bank-project/solution/README.md) | Methods of Fetching and Using Data | How data dey flow 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 retain 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 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 Using a 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 based on two main pedagogy principles: Our curriculum design get two major pedagogical principles wey dey mind:
* project-based learning * project-based learning
* frequent quizzes * frequent quizzes
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. Di program dey teach fundamentals of JavaScript, HTML, and CSS, as well as di latest tools and techniques wey today's web developers dey use. Students go get chance to develop hands-on experience by building typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and banking app for business. By 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!
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. > 🎓 You fit take di first few lessons inside this curriculum as [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) for Microsoft Learn!
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. By making sure say content match projects, di process dey more interesting for students and dem go remember di concepts better. We also write some starter lessons for JavaScript basics to introduce concepts, paired with video from "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" video tutorials collection, some authors for am help write dis curriculum.
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)". Plus, low-stakes quiz before class set student intention to learn topic, while second quiz after class dey help retention. This curriculum design to be flexible and fun and students fit take am all or part. Projects start small and dey increase in complexity by end of 12-week cycle.
> Visit we [Code of Conduct](CODE_OF_CONDUCT.md) and [Contributing](CONTRIBUTING.md) guidelines. We welcome your constructive feedback! Even though we purposely no add JavaScript frameworks to focus on basic skills wey web developer need before e start to use framework, the next step after dis curriculum na to learn Node.js using another video collection: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> Visit 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 di root folder for dis repo, type `docsify serve`. Website go dey serve for port 3000 for 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 of dis repo, type `docsify serve`. Di website go dey served for port 3000 on your localhost: `localhost:3000`.
## 📘 PDF ## 📘 PDF
You fit find PDF of all di lessons [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). A PDF of all di lessons fit waka find [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Other Courses ## 🎒 Odda Kurs
Our team dey make oda courses too! Check am out: Our team dey produce oda kurs dem! Check am out:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -245,21 +229,21 @@ Our team dey make oda courses too! Check am out:
## Getting Help ## Getting Help
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. If you jam or get any question about how to build AI apps. Join other learners and experienced developers to yan about MCP. Na supportive community wey dey open for questions and wey knowledge dey share 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, make you visit: If you get product feedback or error while you dey build, waka go:
[![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
Dis repository get MIT license. See di [LICENSE](../../LICENSE) file for more info. Dis repository dey licensed under di MIT license. See di [LICENSE](../../LICENSE) file for more info.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**: **Disclaimer**:
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. Dis dokument don get translate wit AI translation service wey dem call [Co-op Translator](https://github.com/Azure/co-op-translator). Even though we dey try make am correct, abeg sabi say automated translations fit get mistake or no too correct. Di original dokument wey dey im original language na di true correct source. For important matter dem, e good make professional human translator do am. We no go nor carry any kain blame if person no understand well or if e misinterpret di translation wey we provide.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

55
translations/pcm/lesson-template/README.md
Unescape View File

@ -1,50 +1,71 @@
# [Lesson Topic] # Lesson Topic
![Embed a video here](../../../lesson-template/video-url) ## 🎥 Video
## [Pre-lecture quiz](../../../lesson-template/quiz-url) > Put wan embedded video or lesson link here.
[Tok say wetin we go learn] ---
## Pre-lecture quiz
> Put quiz link here wen e dey available.
---
Give small overview of wetin students go learn for dis lesson.
---
### Introduction ### Introduction
Tok wetin we go cover Give short introduction wey talk wetin dis lesson go cover.
> Notes > Notes
---
### Prerequisite ### Prerequisite
Which steps dem suppose don cover before dis lesson? Make list of concepts or topics wey students suppose sabi before dem start dis lesson.
---
### Preparation ### Preparation
Steps to take before you start dis lesson Make list of any setup steps or tools wey dem need before dem start the lesson.
--- ---
[Step through content in blocks] ### Content
Go through the lesson content in organized sections.
---
## [Topic 1] ## Topic 1
### Task: ### Task:
Make una work together make una dey improve your codebase small small to fit build the project with shared code: Work together to dey improve your codebase step by step to fit build the project with shared code:
```html ```html
code blocks code blocks
``` ```
✅ Knowledge Check - use dis time to test students knowledge with open questions ✅ Knowledge Check
Use dis time to test students knowledge wit open-ended questions.
## [Topic 2] ## Topic 2
## Topic 3
## [Topic 3] 🚀 Challenge
Add collaborative challenge make students fit improve the project.
🚀 Challenge: Add one challenge make students work on am together for class to improve the project Optional: Add screenshot of the lesson UI wen e don complete if e good.
Optional: add screenshot of the finished lesson UI if e make sense ## Post-lecture quiz
## [Post-lecture quiz](../../../lesson-template/quiz-url) Add quiz link here after you don finish the lesson.
## Review & Self Study ## Review & Self Study
@ -54,5 +75,5 @@ Optional: add screenshot of the finished lesson UI if e make sense
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**Disclaimer**: **Disclaimer**:
Dis document na AI translation service [Co-op Translator](https://github.com/Azure/co-op-translator) wey translate am. Even though we dey try make am correct, abeg sabi say automated translation fit get some mistakes or no too correct. The original document wey e for im own language still be di real source. If na serious matter, make you use professional human translation. We no go responsible for any wahala or misinterpretation wey fit happen from using dis translation. Dis document don 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 automated translations fit get mistake or no too clear. Di original document for im own language na di correct tori. For important mata, e better make professional human translation do am. We no go responsible if person missunderstand or misunderstandin show because of dis translation.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

10
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-04-20T16:04:03+00:00", "translation_date": "2026-04-24T13:48:06+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": "b885c87c7544109b78d6684daad6cba6", "original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-06T18:20:21+00:00", "translation_date": "2026-04-24T13:39:15+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ta" "language_code": "ta"
}, },
@ -564,8 +564,8 @@
"language_code": "ta" "language_code": "ta"
}, },
"lesson-template/README.md": { "lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355", "original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2025-10-11T11:47:58+00:00", "translation_date": "2026-04-24T13:39:29+00:00",
"source_file": "lesson-template/README.md", "source_file": "lesson-template/README.md",
"language_code": "ta" "language_code": "ta"
}, },

344
translations/ta/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Project Overview ## Project Overview
இது ஆரம்பத்துக்கு வலை மேம்பாட்டுக்கான அடிப்படைகளை கற்பிப்பதற்கான கல்வி பாடத்திட்டக் கோப்பகம். இந்த பாடத்திட்டம் மைக்ரோசாஃப்ட் கிளவுட் வழிகாட்டிகள் உருவாக்கிய 12 வார முழுமையான பாடநெறி ஆகும், இதில் ஜாவாஸ்கிரிப்ட், CSS மற்றும் HTML ஆகியவை ஆன 24 பயிற்சி பாடங்கள் உள்ளன. இது துவக்கக்காரர்களுக்கு வலைத் தள மேம்பாட்டு அடிப்படைகளை கற்பிப்பதற்கான கல்வித் திட்ட இருப்பகம். இந்த பாடத்திட்டம் Microsoft Cloud Advocates உருவாக்கிய முழுமையான 12 வார பாடநெறி, இதில் JavaScript, CSS மற்றும் HTML என்ற 24 செயலில் குறைந்த பாடங்கள் உள்ளன.
### Key Components ### Key Components
- **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையான தொகுதிகளாக அமைக்கப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள் - **கல்வி உள்ளடக்கம்**: திட்ட அடிப்படையிலான தொகுதிகளில் ஒழுங்குபடுத்தப்பட்ட 24 கட்டமைக்கப்பட்ட பாடங்கள்
- **பயிற்சி திட்டங்கள்**: டெர்ரேரியம், தைப் விளையாட்டு, உலாவி நீட்டிப்பு, விண்வெளி விளையாட்டு, வங்கி செயலி, குறியீடு தொகுப்பான், மற்றும் AI அரட்டை உதவியாளர் - **உண்மையான திட்டங்கள்**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, மற்றும் AI Chat Assistant
- **இடையூறு தேர்வுகள்**: 3 கேள்விகளுடன் 48 தேர்வுகள் (பாட முன்னும்/பின்னும் மதிப்பீடுகள்) - **இணையவழி வினாடி வினாக்கள்**: ஒவ்வொரு பாடத்திற்கும் முன்/பிறகு 3 கேள்விகளுடன் 48 வினாடி வினாக்கள்
- **பன்மொழி ஆதரவு**: 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,7 +46,7 @@ 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
@ -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 கணக்குக்கு fork செய்யவும் 1. **உங்கள் GitHub கணக்குக்குள்** repositoryஐ fork செய்யவும்
2. **உங்கள் fork**-ஐ உள்ளூர் கணினியில் clone செய்யவும் 2. **உங்கள் forkஐ** உள்ளகமாக clone செய்யவும்
3. **புதிய கிளை** உருவாக்கி மாற்றங்களுக்காக வேலை செய்யவும் 3. **உங்கள் மாற்றங்களுக்கு** புதிய பிரஞ்சை உருவாக்கவும்
4. பாட உள்ளடக்கம் அல்லது குறியீடு எடுத்துக்காட்டுகளில் மாற்றங்கள் செய்யவும் 4. பாட உள்ளடக்கம் அல்லது குறியீடு உதாரணங்களில் மாற்றங்கள் செய்யவும்
5. சம்பந்தப்பட்ட திட்ட அடைவுகளில் குறியீடு பரிசோதனை செய்யவும் 5. தொடர்புடைய திட்ட அடைவு கோப்புகளில் எந்த குறியீடு மாற்றங்களையும் சோதிக்கவும்
6. பங்களிப்பு வழிகாட்டுதல்களை பின்பற்றி pull request-ஐ சமர்ப்பிக்கவும் 6. பங்களிப்பு வழிகாட்டுதல்களை பின்பற்றி pull request சமர்ப்பிக்கவும்
### For Learners ### For Learners
1. கோப்பகத்தை fork அல்லது clone செய்யவும் 1. Repositoryஐ 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) - **ஆவணப்படுத்தல்**: root இல் `docsify serve` இயக்கவும் (port 3000)
- **Quiz App**: 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` இயக்கவும் - package.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 உரை - அணுகல் வசதிக்குப் படங்கள் க்கான 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/ கோப்புறை உருவாக்குகிறது
# முக்கிய கிளையில் தள்ளும்போது GitHub Actions பணிச்சுழற்சியினூடாக வெளியிடுகிறது # முக்கிய கிளையில் (main) திருத்தங்களைச் செய்தால் 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` - **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation ### Documentation PDF Generation
```bash ```bash
npm install # docsify-to-pdf ஐ நிறுவவும் npm install # docsify-to-pdf ஐ நிறுவவும்
npm run convert # docs இலிருந்து PDF உருவாக்கவும் npm run convert # docs இல் இருந்து PDF உருவாக்கவும்
``` ```
### Docsify Documentation ### Docsify Documentation
```bash ```bash
npm install -g docsify-cli # Docsify-ஐ உலகளாவியமாக நிறுவவும் npm install -g docsify-cli # Docsify-ஐ உலகளாவிய அளவில் நிறுவவும்
docsify serve # localhost:3000-ல் சேவை செய்யவும் docsify serve # localhost:3000-ல் சேவை செய்யவும்
``` ```
### Project-specific Builds ### Project-specific Builds
ஒவ்வொரு திட்ட அடைவுக்கும் தனித்துவமான கட்டுமான செயல்முறை இருக்கலாம்: ஒவ்வொரு திட்ட அடைவுக்கும் தனிப்பட்ட கட்டமைப்பு இருக்கலாம்:
- Vue திட்டங்கள்: `npm run build` மூலம் தயாரிப்பு தொகுப்புகள் உருவாக்கப்படும் - Vue திட்டங்கள்: `npm run build` மூலம் தயாரிப்பு தொகுதிகள் உருவாக்கப்படுகிறது
- நிலையான திட்டங்கள்: கட்டுமான படிகள் இல்லாமல் நேரடியாக கோப்புகள் வழங்கப்படுvம் - நிலையான திட்டங்கள்: கட்டமைப்பு படிகள் வேண்டாம், கோப்புகளை நேரடியாக சேவை செய்கின்றன
## Pull Request Guidelines ## Pull Request Guidelines
### Title Format ### Title Format
மாற்றத்தின் பகுதியைப் பற்சொல்லும் தெளிவான தலைப்புகளைப் பயன்படுத்தவும்: மாற்றத் துறையை தெளிவாக வெளிப்படுத்தும் தலைப்புகள் பயன்படுத்தவும்:
- `[Quiz-app] புதுப் பாடத்திற்கான புதிய தேர்வு சேர்க்கப்பட்டது` - `[Quiz-app] புதிய பாடத்திற்கான வினாடி வினா சேர்க்கவும்`
- `[Lesson-3] டெர்ரேரியம் திட்டத்தில் எழுத்து பிழை திருத்தப்பட்டது` - `[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 நடைமுறை சட்டத்தை](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 விளக்கத்தில் குறிப்பிடவும் (அதவாக இருந்தால்) - சம்பந்தப்பட்ட.issue எண்களை PR விளக்கத்தில் குறிப்பிடவும்
### Review Process ### Review Process
- PR-கள் பராமரிப்பவர்களும் சமூகத்தினராலும் ஆய்வு செய்யப்படுகின்றன - PRகள் பராமரிப்பாளர்களாலும் சமூகவினராலும் மதிப்பாய்வு செய்யப்படுகின்றன
- கல்விக்கான தெளிவை முன்னுரிமை வைக்கிறது - கல்வி தெளிவு முதன்மை
- குறியீடு எடுத்துக்காட்டுகள் இதய நடைமுறைகளை பின்பற்ற வேண்டும் - குறியீடு உதாரணங்கள் தற்போதைய சிறந்த நடைமுறைகளை பின்பற்ற வேண்டும்
- மொழிபெயர்ப்புகள் துல்லியமும் பண்பாட்டு பொருத்தமும் கொண்டதாக இருக்க வேண்டும் - மொழிபெயர்ப்புகள் சரியானவை மற்றும் பண்பாட்டு பொருத்தமானவையாக இருக்க வேண்டும்
## Translation System ## Translation System
### Automated Translation ### Automated Translation
- GitHub Actions உடன் co-op-translator வேலை ஓட்டத்தை உபயோகிக்கிறது - GitHub Actions co-op-translator workflow பயன்படுத்துகிறது
- 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 தலைப்பு உள்ளடக்கம்: மொழிபெயர்க்கப்பட்ட கோப்புகள் 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 chat திட்ட சிக்கல்கள்**:
- OpenAI பைதான் தொகுப்பு நிறுவியுள்ளீர்களா: `pip install openai` - OpenAI package நிறுவப்பட்டுள்ளது என உறுதி செய்யவும்: `pip install openai`
- GITHUB_TOKEN சுற்றுச்சூழல் மாறி அமைக்கப்பட்டுள்ளதா - GITHUB_TOKEN சுற்றுச்சூழல் மாறி அமைக்கப்பட்டுள்ளது என்பதைச் சரிபார்க்கவும்
- GitHub மாதிரிகள் அணுகல் அனுமதிகள் சரிபார்க்கவும் - GitHub Models அணுகல் அனுமதிகளை பார்
**Docsify ஆவணங்கள் வழங்கவில்லை**: **Docsify ஆவணங்களை சேவை செய்யவில்லை**:
- docsify-cli-வை உலகளாவியமாக நிறுவவும்: `npm install -g docsify-cli` - docsify-cli இன்ஸ்டால் செய்யவும்: `npm install -g docsify-cli`
- கோப்பகம் ரூட்டிலிருந்து இயக்கவும் - repo ரூட் அடைவில் இருந்து இயக்கவும்
- `docs/_sidebar.md` உள்ளதா நன்றாக பார்க்கவும் - `docs/_sidebar.md` உள்ளதா என சோதிக்கவும்
### Development Environment Tips ### Development Environment Tips
- HTML திட்டங்களுக்கு VS Code Live Server நீட்டுப்பயன்பாடு பயன்படுத்தவும் - HTML திட்டங்களுக்கு VS Code Live Server நீட்டிப்பைப் பயன்படுத்தவும்
- ஒருமைத்தன்மை வடிவமைப்புக்கு ESLint மற்றும் Prettier நீட்டிப்புகள் நிறுவவும் - UMLint மற்றும் Prettier நீட்டிப்புகளை நிறுவி ஒரே மாதிரியில் வடிவமைக்கவும்
- JavaScript பிழைதிருத்தத்திற்கு உலாவி DevTools பயன்படுத்தவும் - JavaScript டீபக்கிங் க்காக உலாவி DevTools பயன்படுத்தவும்
- Vue திட்டங்களுக்கு Vue DevTools உலாவி நீட்டிப்பை நிறுவவும் - Vue திட்டங்களுக்கு Vue DevTools உலாவி நீட்டிப்பை நிறுவவும்
### Performance Considerations ### Performance Considerations
- 50+ மொழிகளின் ஏராளமான மொழிபெயர்ப்பு கோப்புக்கள் இருப்பதால் முழுமையான கிளோன் பெரியது - 50+ மொழிகளுக்கு மொழிபெயர்ப்பு கோப்புக்கள் அதிகமாக இருப்பதால் முழு கிளோன்ஸ் பெரிதாக இருக்கும்
- உள்ளடக்கம் மட்டுமே வேண்டுமானால், `git clone --depth 1` என்ற குறுகிய கிளோன் பயன்படுத்தவும் - உள்ளடக்கத்தில் மட்டும் பணியாற்ற shallow clone பயன்படுத்தவும்: `git clone --depth 1`
- ஆங்கில உள்ளடக்கம் மீது வேலைசெய்யும் போது தேடலில் மொழிபெயர்ப்புகளை தவிர்க்கவும் - ஆங்கில உள்ளடக்க பணியாற்றும்போது மொழிபெயர்ப்புகளை தேடலில் இருந்து விலக்கவும்
- முதலாவது இயக்கத்தில் கட்டுமான செயல்முறைகள் மெதுவாக இருக்கலாம் (npm install, Vite கட்டிடம்) - முதலாவது இயக்கத்தில் கட்டுமான செயல்பாடுகள் மெதுவாக இருக்கலாம் (npm install, Vite build)
## Security Considerations ## Security Considerations
### Environment Variables ### Environment Variables
- API மேலதிக விசைகளின் GitHub கோப்பகத்தில் கட்-பிடிக்க கூடாது - API விசைகள் repositoryக்கு யாரும் கொடுக்கக்கூடாது
- `.env` கோப்புகளை பயன்படுத்தவும் (`.gitignore`யில் முன்பிருந்தே சேர்க்கப்பட்டுள்ளது) - `.env` கோப்புகளை பயன்படுத்தவும் (`.gitignore`யில் உள்ளது)
- தேவையான சுற்றுச்சூழல் மாறிகள் README-ல் குறிப்பிடப்பட வேண்டும் - தேவைப்பட்ட சுற்றுச்சூழல் மாறிகள் திட்ட READMEகளில் ஆவணப்படுத்துங்கள்
### Python Projects ### Python Projects
- மெய்நிகர் சூழலை பயன்படுத்தவும்: `python -m venv venv` - விர்சுவல் சூழல்கள் பயன்படுத்தவும்: `python -m venv venv`
- சார்ந்த பண்புகள் புதுப்பிக்கப்பட்ட நிலை வைத்திருக்கவும் - சார்பிலான பாகங்கள் புதுப்பித்து வைக்கவும்
- GitHub டோக்கன்களுக்கு குறைந்தபட்ச அனுமதிகள் கொடுக்கப்பட வேண்டும் - GitHub tokens குறைந்தபட்ச அனுமதிகளுடன் கொண்டிருக்க வேண்டும்
### GitHub Models Access ### GitHub Models Access
- GitHub மாதிரிகளுக்கு தனிப்பட்ட அணுகல் டோக்கன்கள் (PAT) தேவையாம் - GitHub Modelsக்கு தனிப்பட்ட அணுகல் டோக்கன்கள் (PAT) அவசியம்
- டோக்கன்கள் சுற்றுச்சூழல் மாறிகளாக சேமிக்கப்பட வேண்டும் - டோக்கன்களை சுற்றுச்சூழல் மாறிகளாக சேமிக்கவும்
- ஒருபோதும் டோக்கன்கள் அல்லது கடவுச்சொற்களை கட்-பிடிக்க கூடாது - டோக்கன்கள் மற்றும் அங்கீகார தகவல்களை commit செய்ய வேண்டாம்
## Additional Notes ## Additional Notes
### Target Audience ### Target Audience
- வலை மேம்பாட்டுக்கு முழுமையான புதியவர்கள் - வலை மேம்பாட்டில் முழுமையாக தொடங்குபவர்கள்
- மாணவர்கள் மற்றும் சுய கற்றல் பயில்பவர்கள் - மாணவர்கள் மற்றும் தன்னின்றிக் கற்றவர்கள்
- வகுப்பறையில் பாடத்திட்டத்தை பயன்படுத்தும் ஆசிரியர்கள் - வகுப்பறையில் பாடத்திட்டத்தைப் பயன்படுத்தும் ஆசிரியர்கள்
- உள்ளடக்கம் அணுகும் திறன் மற்றும் படிப்படியாக திறன் வளர்ப்புக்கு வடிவமைக்கப்பட்டுள்ளது - உள்ளடக்கம் அணுகல் வசதிக்கும் படிப்படியாக திறன்கள் வளர்ப்புக்கும் வடிவமைக்கப்பட்டுள்ளது
### Educational Philosophy ### Educational Philosophy
- திட்ட அடிப்படையிலான கற்றல் முறைகள் - திட்ட அடிப்படையிலான கற்றல் முறை
- அடிக்கடி அறிவு பரிசோதனைகள் (தேர்வுகள்) - அதிரடிக் குறுந்தொகுப்புகள் (quizzes)
- கைபிடியக் கற்றல் பயிற்சிகள் - செயலில் கையடக்க நிகழ்ச்சிகள்
- நடைமுறை பயன்பாட்டு எடுத்துக்காட்டுகள் - உலக உண்மையான பயன்பாட்டு உதாரணங்கள்
- கட்டமைப்புகளுக்கு முன் அடிப்படைகளில் கவனம் - கட்டுமானங்களுக்குக் முன் அடிப்படைகள்
### Repository Maintenance ### Repository Maintenance
- செயல்பாட்டுள்ள கற்றல்விதிச் சமூகமும் பங்களிப்பாளர்களும் - செயலில் உள்ள கற்றலும் பங்களிப்பாளர்களின் சமூகத்துடன்
- சார்ந்த பண்புகள் மற்றும் உள்ளடக்கங்கள் நிலையான புதுப்பிப்புகள் - சார்பில்லாத புதுப்பிப்புகள் மற்றும் உள்ளடக்க மேலாண்மை
- பிரச்சினைகள் மற்றும் விவாதங்களை பராமரிப்போர் கவனிக்கின்றனர் - பராமரிப்பாளர்களால் தீர்வுகள் மற்றும் விவாதங்கள் கண்காணிக்கப்படுகின்றன
- மொழிபெயர்ப்பு புதுப்பிப்புகள் GitHub Actions மூலம் தானியாக நடக்கும் - 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) மாணவர்களுக்கு பரிந்துரைக்கப்படுகிறது - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) கற்றவர்களுக்கு பரிந்துரைக்கப்படுகிறது
- கூடுதல் பாடநெறிகள்: உருவாக்கும் AI, தரவு அறிவியல், இயற்பியல் கற்றல், IoT பாடத்திட்டங்கள் உண்டு - கூடுதல் பாடநெறிகள்: Generative AI, Data Science, ML, 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
இனியொரு பிரமாண மொணோ ரெப்போ அல்லினும், இந்தக் கோப்பகம் பல தனித்தனி திட்டங்களை கொண்டுள்ளது: இது பாரம்பரிய monorepo அல்லாவிட்டாலும், இந்த இருப்பகத்தில் பல தனித்திட்டங்கள் உள்ளன:
- ஒவ்வொரு பாடமும் தனித்தனியானது - ஒவ்வொரு பாடமும் தனித்திணைக்களமாக உள்ளது
- திட்டங்களுக்கிடையே சார்ந்த பண்புகள் பகிர்ந்துகொள்ளப்படாது - திட்டங்கள் பொதுவான சார்புகளை பகிர்வதில்லை
- மற்றவர்களை பாதிக்காமல் தனித்தனி திட்டங்களில் வேலை செய்யலாம் - தனித்திட்டங்களில் வேலை செய்தாலும் மற்றவற்றுக்கு பாதிப்பு ஏற்படாது
- முழு பாடத்திட்ட அனுபவத்துக்காக முழு கோப்பகத்தையும் கிளோன் செய்யலாம் - முழுமையான பாடநெறி அனுபவத்திற்கு முழு repoஐ கிளோன் செய்யவும்
--- ---
<!-- 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 -->

229
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 பாடங்களின் ஒவ்வொன்றும் JavaScript, CSS மற்றும் HTML-இன் நடைமுறை திட்டங்கள் மூலம் கற்கப்படுகின்றன, அவற்றில் டெரேரியம், உலாவி நீட்டிப்புகள் மற்றும் விண்வெளி விளையாட்டுகள் அடங்கும். கேள்வியெழுத்துக்கள், விவாதங்கள் மற்றும் நடைமுறை பணிகளைச் செய்து ஈடுபடுங்கள். எங்கள் விளைவு மிக்க திட்ட அடிப்படையிலான ஞானம் முறையால் உங்கள் திறன்களை மேம்படுத்தி, அறிவை சிறந்த முறையில் ரெட்டென்ஷன் செய்யுங்கள். உங்கள் குறியீட்டு பயணத்தை இன்று தொடங்குங்கள்! மைக்ரோசாஃப்ட் கிளவுட் அட்வோகேட்ஸ் வழங்கும் 12 வார விரிவான பாடக்கருவியுடன் வலை மேம்பாட்டின் அடிப்படைகளை கற்றுக்கொள்ளுங்கள். 24 பாடங்களின் ஒவ்வொன்றும் ஜாவாச்கிரிப்ட், 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. **பதிவகத்தை Clone செய்யவும்**: `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 Action மூலம் ஆதரிக்கப்படுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படும்) #### GitHub செயல் இயக்கம் மூலம் ஆதரிக்கப்படுகிறது (தானாகவும் எப்போதும் புதுப்பிக்கப்படும்)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](./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 செய்ய விரும்புகிறீர்களா?** > **உள்ளூரில் Clone செய்வது விரும்புவீர்களா?**
> >
> இந்த பதிவகம் 50+ மொழி மொழிபெயர்ப்புகளை உள்ளடக்கியது, இது பதிவிறக்கத்தின் அளவுக்கு பெரிதும் பொறுப்பாகிறது. மொழிபெயர்ப்புகள் இல்லாமல் கிளோன் செய்ய சிறப்பு தேர்வு பயன்பாடு பயன்படுத்தவும்: > இந்த கண்காணிப்பு 50+ மொழி மொழிபெயர்ப்புகளை கொண்டுள்ளது, இது பதிவிறக்க அளவை மிகவும் அதிகரிக்கிறது. மொழிபெயர்ப்புகளின்றி clone செய்ய sparse checkout பயன்படுத்தவும்:
> >
> **Bash / macOS / Linux:** > **Bash / macOS / Linux:**
> ```bash > ```bash
@ -48,174 +48,175 @@ 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)** **மேலும் மொழிபெயர்ப்புகளை விரும்பினால், ஆதரிக்கப்படும் மொழிகள் இங்கே பட்டியலிடப்பட்டுள்ளன. [இங்கே](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 நீங்கள் ஒரு மாணவரா? #### 🧑‍🎓 _நீங்கள் மாணவரா?_
[**Student Hub பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்க்கவும். இதில் நீங்கள் தொடக்க வளங்கள், மாணவர் தொகுப்புகள் மற்றும் இலவச சான்றிதழ் வோச்சர் பெறும் வழிகளையும் காணலாம். மாதாந்திரமாக உள்ளடக்கத்தை மாற்றும் போது நீங்கள் அடிக்கடி இந்த பக்கத்தை புத்திசாலித்தனமாக சந்திக்கவும். [**மாணவர் ஹப் பக்கம்**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) பார்வையிடவும், அங்கே ஆரம்ப நிலை வளங்கள், மாணவர் தொகுப்புகள் மற்றும் இலவச சான்றிதழ் வௌச்சர் பெற வழிகளும் உள்ளன. இது நீங்கள் புத்தக குறியாக்கம் செய்து காலக்கெட்டுக்குள் சரிபார்க்க விரும்பும் பக்கம் ஆகும்.
### 📣 அறிவிப்பு - புதிய GitHub Copilot Agent பயன்முறை சவால்கள் உள்ளன! ### 📣 அறிவிப்பு - புதிய GitHub Copilot एजेंट் முறையின் சவால்கள் இப்போது தயார்!
புதிய சவால் சேர்க்கப்பட்டது, பெரும்பாலான அத்தியாயங்களில் "GitHub Copilot Agent Challenge 🚀" எனக் காணவும். இது GitHub Copilot மற்றும் Agent முறைபடி நீங்கள் நிறைவேற்ற வேண்டிய புதிய சவாலை குறிக்கிறது. நீங்கள் இதுவரை Agent முறைபயன்படுத்தவில்லை என்றால், இது உரை உருவாக்குவதற்கோ மட்டுமல்லாமல், கோப்புகளை உருவாக்கவும் திருத்தவும், கட்டளைகளை இயக்கவும் மற்றும் இன்னும் பலவற்றைக் கூடிய திறன் கொண்டது. புதிய சவால் சேர்க்கப்பட்டுள்ளது, புதிய அதிகாரப்பூர்வ காகித GitHub Copilot Agent Challenge 🚀 என்பதை அனைத்து அத்தியாயங்களிலும் காணவும். இது GitHub Copilot மற்றும் Agent முறையைப் பயன்படுத்தி முடிக்க நீங்கள் வேண்டிய புதிய சவால் ஆகும். Agent முறையை இதுவரை பயன்படுத்தவில்லை என்றால், இது உரையாடல் உருவாக்க 뿐 아니라 கோப்புகளை உருவாக்கவும் திருத்தவும், கட்டளை இயக்கவும் முடியும்.
### 📣 அறிவிப்பு - _புதிய திட்டம் ஜனரேட்டிவ் AI-யைப் பயன்படுத்தி கட்டும்_ ### 📣 அறிவிப்பு - _உருவாக்கும் AI கொண்டு புதிய திட்டம் உருவாக்கல்_
புது AI உதவியாளர் திட்டம் இப்போது சேர்க்கப்பட்டது, பாருங்கள் [project](./9-chat-project/README.md) புதிய AI உதவியாளர் திட்டம் இப்போது சேர்க்கப்பட்டுள்ளது, இதைப் பாருங்கள் [திட்டம்](./9-chat-project/README.md)
### 📣 அறிவிப்பு - _புதிய பாடத்திட்டம்_ ஜனரேட்டிவ் AI JavaScript க்கானவை வெளியிடப்பட்டது ### 📣 அறிவிப்பு - _JavaScript க்கான உருவாக்கும் AI பற்றிய புதிய பாடத்திட்டம்_ வெளியிடப்பட்டது
எங்கள் புதிய ஜனரேட்டிவ் 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) ![பின்னணி](../../translated_images/ta/background.148a8d43afde5730.webp)
- அடிப்படைகளிலிருந்து RAG வரை அனைத்து பாடங்களும் உள்ளன. - அடிப்படையிலிருந்து RAG வரை உள்ள பாடங்கள்.
- GenAI மற்றும் எங்கள் தொடை செயலியைப் பயன்படுத்தி வரலாற்று கதாப்பாத்திரங்களுடன் தொடர்பு கொள்ளுங்கள். - GenAI மற்றும் எங்கள் துணை செயலி மூலம் வரலாற்று கதாபாத்திரங்களுடன் தொடர்பு கொள்ளுங்கள்.
- வினோதமான மற்றும் ஈடுபடுத்தும் கதை, நீங்கள் நேரம் பயணம் செய்யப்படுவீர்கள்! - சுவாரஸ்யமான மற்றும் ஈடுபடுத்தும் கதை, நீங்கள் நேரத்தில் பயணம் செய்வீர்கள்!
![character](../../translated_images/ta/character.5c0dd8e067ffd693.webp) ![கதாபாத்திரம்](../../translated_images/ta/character.5c0dd8e067ffd693.webp)
ஒவ்வொரு பாடமும் ஒரு பணிகளை நிறைவேற்றவும், அறிவு சரிபார்ப்பையும் சவாலைச் சொல்லும், பின்வரும் தலைப்புகளில் கற்றல் வழிகாட்டியாக இருக்கும்:
- ப்ராம்ப்டிங் மற்றும் ப்ராம்ப்ட் பொறியியல்
- உரை மற்றும் உருவ பட செயலி உருவாக்கல்
- தேடல் செயலிகள்
தொடங்க https://aka.ms/genai-js-course ஐ பார்வையிடவும்! ஒவ்வொரு பாடத்திலும் ஒரு பணியினை முடிக்க, அறிவு பரிசோதனை மற்றும் சவால் உண்டு, இதில் கற்றுக்கொள்ள வேண்டிய தலைப்புகள்:
- Prompting மற்றும் prompt பொறியியல்
- உரை மற்றும் படம் செயலி உருவாக்கல்
- தேடும் செயலிகள்
துவங்க [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பார்வையிடவும்!
## 🌱 தொடங்குதல்
> **ஆசிரியர்கள்**, இந்த பாடத்திட்டத்தை எளிதாக பயன்படுத்த சில பரிந்துரைகளை [சேர்க்கப்பட்டுள்ளது](for-teachers.md). உங்கள் கருத்துக்களை எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிரவும்! ## 🌱 துவக்குவது
**[கற்றுக்கொள்பவர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்பு ஒரு முன்-வாய்ப்பு வினாடி வினா செய்யவும், அதன் பிறகு பாடக் குறிப்புகளைப் படியுங்கள், பல்வேறு செயல்பாடுகளை முடித்துக் கொண்டு உங்கள் புரிதலை பின்வரும் பிறகு வினாடி வினாக்களால் சரிபார்க்கவும். > **ஆசிரியர்கள்**, இந்த பாடத்திட்டத்தை எப்படி பயன்படுத்துவது என்ற சில பரிந்துரைகளை நாங்கள் சேர்த்துள்ளோம். உங்கள் கருத்துக்களை [எங்கள் விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) பகிர்வால் மகிழ்ச்சி அடைவோம்!
உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, உங்கள் தோழர்களுடன் இணைந்து திட்டங்களைச் செய்யவும்! எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) விவாதங்களை ஊக்குவிக்கின்றோம், இதற்காக நமது குழுவின் மேடிடர்கள் உங்களுடைய கேள்விக்கு பதிலளிக்க தயாராக இருப்பர். **[கற்றலாளர்கள்](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ஒவ்வொரு பாடத்திற்கும் முன்-பாட வினாடி வினா மூலம் துவங்கி, அதன்பின் பாடப் பதிவுகளை வாசித்து, வெவ்வேறு செயல்பாடுகளை நிறைவேற்றுங்கள் மற்றும் பின்னர்-பாட வினாடி வினாவால் உங்கள் புரிதலაინის சோதனை செய்யுங்கள்.
உங்களுடைய கல்வியை மேலும் மேம்படுத்த, மேலதிக படிப்பு வளங்களுக்கு [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ஆராய்வதை நாங்கள் மிகுந்த பரிந்துரைக்கிறோம். உங்கள் கற்றல் அனுபவத்தை மேம்படுத்த, உங்கள் சக மாணவர்களுடன் இணைந்து திட்டங்களில் பணியாற்றுங்கள்! விவாதங்கள் எங்கள் [விவாத மேடையில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ஊக்கப்படுகின்றன. அங்கு எங்கள் மோடரேட்டர் குழுவினர் உங்கள் கேள்விகளுக்கு பதிலளிக்க தயாராக இருப்பர்.
### 📋 உங்கள் சுற்றுச்சூழலை அமைத்தல் மேலும் உங்கள் கல்வியை மேம்படுத்த, கூடுதல் படிப்பு வசதிக்காக [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) அறிவுசார் உள்ளடக்கத்தை ஆராய பரிந்துரைக்கப்படுகிறது.
இந்த பாடத்திட்டம் ஒரு விரைவான மேம்பாட்டு சூழலை உடையது! தொடங்கும்போது, [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. **பதிவகத்தை Clone செய்யவும்**: `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)
#### உங்கள் கணினியில் உள்ளூர் பாடத்திட்டத்தை இயக்குதல் #### உங்கள் கணினியில் உள்ளூரில் பாடத்திட்டத்தைக் இயக்கல்
இந்த பாடத்திட்டத்தை உங்கள் கணினியில் இயக்க, நீங்கள் உரை தொகுப்பி, ஒரு உலாவி மற்றும் கட்டளை வரிசை கருவி தேவைப்படும். எங்கள் முதல் பாடம், [Programming Languages and Tools of the Trade அறிமுகம்](../../1-getting-started-lessons/1-intro-to-programming-languages), இவை ஒவ்வொன்றிற்கும் விருப்பங்களை விளக்குகிறது, நீங்கள் உங்களுக்கு ஏற்றதைத் தேர்வு செய்யலாம். இந்த பாடத்திட்டத்தை உங்கள் கணினியில் இயக்க, ஒரு உரை தொகுப்பி, ஒரு உலாவி மற்றும் கட்டளை வரி கருவி தேவை. எங்களது முதல் பாடம் [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ஒவ்வொரு கருவிக்கும் உகந்த விருப்பங்களை நன்கு விளக்குகிறது.
எங்கள் பரிந்துரை [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) என்பதை உங்கள் தொகுப்பியாக பயன்படுத்துவது, இது உடன் ஒரு [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) கொண்டுள்ளது. Visual Studio Code-ஐ நீங்கள் [இங்கே](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இருந்து பதிவிறக்கம் செய்யலாம். எங்களுக்கு பரிந்துரைக்கப்படும் உரை தொகுப்பி [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ஆகும், இதனுடன் உள்ளமைக்கப்பட்ட [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) உள்ளது. Visual Studio Code ஐ [இங்கிருந்து](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) பதிவிறக்கலாம்.
1. உங்கள் கணினிக்கு உங்கள் களஞ்சியத்தை நகலெடுக்கவும். இது செய்யும் போது **Code** பொத்தானை கிளிக் செய்து URL-ஐ நகலெடுக்கலாம்: 1. உங்கள் சேமிப்பகத்தை (repository) உங்கள் கணினிக்கு கிளோன் (clone) செய்யவும். இதை செய்ய, **Code** பொத்தானை கிளிக் செய்து URL ஐ நகலெடுக்கலாம்:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
பின்னர், [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐ திறந்து, நீங்கள் இப்போது நகலெடுத்த URL யுடன் `<your-repository-url>` என்பதை மாற்றி கீழ்காணும் கட்டளையை இயக்கவும்: பின்னர், [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) இல் உள்ள [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ஐ திறந்து, கீழுள்ள கட்டளையை இயக்குங்கள், `<your-repository-url>` ஐ நீங்கள் தற்போது நகலெடுத்த 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/) . Quiz app ஐ உள்ளூர் ரீதியாக இயக்கலாம் அல்லது Azureக்கு ஒப்படைக்கலாம்; இதற்கான வழிகாட்டுதல்களை `quiz-app` கோப்புறையில் பின்பற்றவும்.
## 🗃️ பாடங்கள் ## 🗃️ பாடங்கள்
| | திட்டத்தின் பெயர் | கற்றுக் கொடுக்கப்படும் கருத்துக்கள் | கற்றல் நோக்கங்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் | | | திட்டத்தின் பெயர் | கொடுக்கப்பட்ட கருத்துக்கள் | கற்றல் குறிக்கோள்கள் | இணைக்கப்பட்ட பாடம் | ஆசிரியர் |
| :-: | :----------------------------------------------------------: | :---------------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :-----------------------: | | :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | துவக்கம் | நிரல் மொழிகள் மற்றும் தொழில்நுட்பங்களுக்கான அறிமுகம் | பெரும்பாலான நிரல் மொழிகளின் அடிப்படைகளை கற்றல் மற்றும் தொழில்முறை டெவலப்பர்களுக்கு உதவும் மென்பொருள் பற்றி அறிதல் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ஜாஸ்மின் | | 01 | தொடங்குதல் | நிரலாக்கத்தின் அறிமுகம் மற்றும் உபகரணங்கள் | பெரும்பாலான நிரலாக்க மொழிகளின் அடிப்படைகளை மற்றும் தொழில்நுட்ப வல்லுநர்கள் தங்கள் வேலை செய்ய உதவும் மென்பொருளைப் பற்றி கற்றுக்கொள்ளுங்கள் | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ஜேஸ்மின் |
| 02 | துவக்கம் | GitHub அடிப்படைகள், குழுவுடன் பணியாற்றுவது | உங்கள் திட்டத்தில் GitHub பயன்படுத்துவது மற்றும் மற்றவர்களுடன் குறியீடு அடிப்படையில் கூட்டு செயல்பாடு செய்யும் விதம் | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ஃப்லோர் | | 02 | தொடங்குதல் | GitHub அடிப்படைகள், குழுவுடன் வேலை செய்வது | உங்கள் திட்டத்தில் GitHub ஐ எப்படி பயன்படுத்துவது, குறியீட்டு அடித்தளத்தில் மற்றவர்களுடன் எவ்வாறு ஒத்துழைக்கலாம் என்பது பற்றி தெரிந்து கொள்ளவும் | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ஃப்ளோர் |
| 03 | துவக்கம் | அணுகல் மலிவு | வலை அணுகல் மலிவின் அடிப்படைகளை கற்றல் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | கிரிஸ்டோஃபர் | | 03 | தொடங்குதல் | அணுகல் வசதி | வலை அணுகல் வசதி அடிப்படைகளை கற்றுக்கொள்ளவும் | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | கிறிஸ்டோபர் |
| 04 | JS அடிப்படைகள் | JavaScript தரவுத் தகுதிகள் | JavaScript தரவுத் தகுதிகளின் அடிப்படைகள் | [Data Types](./2-js-basics/1-data-types/README.md) | ஜாஸ்மின் | | 04 | JS அடிப்படைகள் | ஜாவாஸ்கிரிப்ட் தரவின் வகைகள் | ஜாவாஸ்கிரிப்ட் தரவின் அடிப்படைகளை கற்றுக்கொள்ளவும் | [Data Types](./2-js-basics/1-data-types/README.md) | ஜேஸ்மின் |
| 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | செயல்பாடுகள் மற்றும் செயல்முறைகள் மூலம் செயலியின் தர்க்கத்தை நிர்வகிப்பது | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ஜாஸ்மின் மற்றும் கிரிஸ்டோஃபர் | | 05 | JS அடிப்படைகள் | செயல்பாடுகள் மற்றும் முறைகள் | பயன்பாட்டின் செயல்திறன் வழிசெலுத்த செயல்பாடுகள் மற்றும் முறைகள் பற்றி கற்றுக்கொள்ளவும் | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ஜேஸ்மின் மற்றும் கிறிஸ்டோபர் |
| 06 | JS அடிப்படைகள் | JS மூலம் முடிவெடுக்குதல் | உங்கள் குறியீட்டில் முடிவெடுக்கும் விதிகளை உருவாக்கும் வழிகள் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ஜாஸ்மின் | | 06 | JS அடிப்படைகள் | JS மூலம் முடிவெடுக்கும் செயல்முறைகள் | செயல்பாட்டில் நிபந்தனைகளை உருவாக்க JS பயன்படுத்துவது எப்படி என்பதை கற்றுக்கொள்ளவும் | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ஜேஸ்மின் |
| 07 | JS அடிப்படைகள் | வரிசைகள் மற்றும் மடக்குகளும் | JavaScript இல் வரிசைகள் மற்றும் மடக்குகளுடன் தரவை கையாளுதல் | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ஜாஸ்மின் | | 07 | JS அடிப்படைகள் | வரிசைகள் மற்றும் சுற்றங்கள் | ஜாவாஸ்கிரிப்டில் வரிசைகள் மற்றும் சுற்றங்களைப் பயன்படுத்தி தரவுடன் செயல்படவும் | [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) | ஜென் | | 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 கட்டமைக்க, பெற்றோடியான CSS அடிப்படைகளுடன் பக்கம் பொறுத்து விளையாடுதல் | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ஜென் | | 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) | JavaScript மூடல்கள், DOM விளையாட்டுகள் | டெர்ரீரியத்தை டிராக்/ட்ராப் முகவரையாக செயல்படுத்த JavaScript கட்டமைக்க, மூடல்கள் மற்றும் DOM விளையாட்டுகளில் கவனம் செலுத்தி | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ஜென் | | 10 | [Terrarium](./3-terrarium/solution/README.md) | ஜாவாஸ்கிரிப்ட் கிளோசுர்கள், 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) | தட்டச்சு விளையாட்டை உருவாக்குதல் | உங்கள் JavaScript செயலிக்கு விசைப்பலகை நிகழ்வுகளைப் பயன்படுத்திக் குறியீட்டு தர்க்கத்தை இயக்குவது | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | கிரிஸ்டோஃபர் | | 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) | ஜென் | | 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 க்கு அழைப்பு மற்றும் உள்ளூர் சேமிப்பில் மாறிலிகளை சேமித்தல் | உங்கள் உலாவி நீட்டிப்பின் JavaScript கூறுகளை உருவாக்கி API அழைக்கிறது, உள்ளூர் சேமிப்பில் சேமிக்கப்பட்ட மாறிலிகளை இந்தச் செயலில் பயன்படுத்துகிறது | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ஜென் | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | படிவம் உருவாக்கல், API அழைப்பு மற்றும் உள்ளூர் நினைவக மாற்ற மாறிலிகள் | API ஐ அழைக்க உள்ளூர் நினைவகத்தில் மாறிலிகளை சேமித்துக் கொண்டு உலாவி நீட்டிப்பின் JavaScript கூறுகளை உருவாக்கவும் | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ஜென் |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | உலாவி பின்னணி செயல்பாடுகள், வலை செயல்திறன் | நீட்டிப்பின் ஐகானை நிர்வகிக்க உலாவி பின்னணி செயல்பாடுகளைப் பயன்படுத்துதல்; வலை செயல்திறன் மற்றும் சில மேம்பாடுகள் பற்றி அறிதல் | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/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) | ஜென் |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript மூலம் மேம்பட்ட விளையாட்டு மேம்பாடு | வகுப்புகள் மற்றும் கூட்டு முறைகளைப் பயன்படுத்தி வாரிசாக பெற்றல் மற்றும் Pub/Sub முறை பற்றி கற்றல்; விளையாட்டை உருவாக்கும் முன்னேற்பாடு | [Introduction to Advanced Game Development](./6-space-game/1-introduction/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) | கிறிஸ் |
| 16 | [Space Game](./6-space-game/solution/README.md) | கன்வாஸ் வரைத்தல் | திரையில் கூறுகளை வரைக்க Canvas API பற்றி கற்றல் | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | கிரிஸ் | | 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) | திரையில் கூறுகளை நகர்த்துதல் | கார்டீசியன் நிரல்களும் Canvas API பயன்படுத்தி கூறுகளுக்கு இயக்கம் பெறுவது எப்படி என்பது பற்றி அறிதல் | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | கிரிஸ் | | 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) | கிரிஸ் | | 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) | கிரிஸ் | | 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) | கிரிஸ் | | 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 வடிவ naqைகள் மற்றும் பாதைகள் | வலைதள கட்டமைப்பை உருவாக்க HTML வடிவ naqைகள் மற்றும் பாதைகளைப் பயன்படுத்தி உருவாக்குதல் | [HTML Templates and Routes](./7-bank-project/1-template-route/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) | யோஹான் |
| 22 | [Banking App](./7-bank-project/solution/README.md) | உள்நுழைவு மற்றும் பதிவு படிவம் கட்டமைத்தல் | படிவங்களை உருவாக்கவும் சரிபார்ப்பு நடைமுறைகளை கையாளவும் கற்றல் | [Forms](./7-bank-project/2-forms/README.md) | யோஹான் | | 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) | யோஹான் | | 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) | யோஹான் | | 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) | கிரிஸ் | | 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 Assistant project](./9-chat-project/README.md) | கிரிஸ் | | 26 | [AI Assistants](./9-chat-project/README.md) | எஐ உடன் வேலை செய்வது | உங்கள் சொந்த AI உதவியாளரை உருவாக்குவதை கற்றுக்கொள்ளவும் | [AI Assistant project](./9-chat-project/README.md) | கிறிஸ் |
## 🏫 கல்வி முறைகள் ## 🏫 கல்வி முறைகள்
எங்கள் பாடத் திட்டம் இரண்டு முக்கியக் கல்வித்தத்துவக் கொள்கைகளுடன் வடிவமைக்கப்பட்டுள்ளது: எங்கள் பாடத்திட்டம் கீழ்க்காணும் இரண்டு முக்கிய கல்வித்தத்துவங்களை கொண்டுள்ளது:
* திட்ட அடிப்படையிலான கற்றல் * திட்ட அடிப்படையிலான கற்றல்
* அடிக்கடி வினாத்தாள்கள் * அடிக்கடி வினாத்தாள்கள்
இந்த திட்டத்தில் JavaScript, HTML மற்றும் CSS அடிப்படைகள் மற்றும் இன்றைய வலை டெவலப்பர்களால் பயன்படுத்தப்படும் புதிய கருவிகள் மற்றும் தொழில்நுட்பங்கள் கற்றுக் கொடுக்கப்படுகின்றன. மாணவர்கள் தட்டி எழுதும் விளையாட்டு, இணையதள டெர்ரீரியம், சுற்றுச்சூழல் நட்பு உலாவி நீட்டிப்பு, விண்வெளி படைப்பு விளையாட்டு மற்றும் வணிகத்திற்கான வங்கியியல் செயலி ஆகியவற்றை உருவாக்கி கையாளும் வாய்ப்பு பெறுவர். தொடர் முடிந்து, மாணவர்கள் வலை மேம்பாட்டை நன்கு புரிந்துகொள்வர். இந்த திட்டம் ஜாவாஸ்கிரிப்ட், HTML மற்றும் CSS அடிப்படைகளை, மேலும் இன்றைய வலை வளர்ச்சியாளர்களால் பயன்படுத்தப்படும் சமீபத்திய கருவிகள் மற்றும் நுட்பங்களை கற்பிக்கிறது. மாணவர்கள் ஒரு டைப் விளையாட்டு, மெய்நிகர் டெரேரியம், சுற்றுச்சூழல் நட்பான உலாவி நீட்டிப்பு, விண்வெளி-பேருள்ளி மாதிரிப்புள்ள விளையாட்டு மற்றும் வணிகங்களுக்கான வங்கி பயன்பாட்டை உருவாக்குவதன் மூலம் நேரடி அனுபவம் பெற்றுக்கொள்ள வாய்ப்பு பெறுவர். தொடரின் முடிவில், மாணவர்கள் வலை வளர்ச்சியில் வலுவான புரிதலை கொண்டிருப்பர்.
> 🎓 இந்த பாடத்திட்டத்தின் முதல் சில பாடங்களை Microsoft Learn இல் உள்ள [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ஆகக் கற்றுக்கொள்ளலாம்! > 🎓 இந்த பாடத்திட்டத்தில் முதல் சில பாடங்களை Microsoft Learn இல் உள்ள [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ஆக எடுத்துக்கொள்ளலாம்!
திட்டங்களுடன் உள்ளடக்கம் நன்றாக இணைக்கப்படுவதால் மாணவர்கள் மிகவும் ஈடுபடுவார்கள் மற்றும் கருத்துகள் எளிதில் மனசாட்சியாக்கப்படும். JavaScript அடிப்படைகளை அறிமுகப்படுத்த சில தொடக்க பாடங்களும், "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" என்ற வீடியோ பாடங்களின் தொகுப்புடன் இணைந்து வழங்கப்பட்டுள்ளன, இதில் சில ஆசிரியர்கள் இந்த பாடத்திட்ட உருவாக்கத்தில் பங்கு கொண்டனர். திட்டங்களுக்கு உள்ளடக்கம் இணைக்கப்படுவதை உறுதி செய்வதன் மூலம், மாணவர்களுக்கு கற்றல் செயல்முறை More கடுமையானதும் மீட்டெடுக்கும் திறன் அதிகரிக்கும். மேலும், சில ஸ்டார்டர் பாடங்களை ஜாவாஸ்கிரிப்ட் அடிப்படைகளில் எழுதினோம், "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" குறும்பட தொகுப்பின் வீடியோவுடன் இணைத்து, சில ஆசிரியர்கள் இதில் பங்களித்தனர்.
மேலும், வகுப்புக்கு முன் குறிமதிப்பற்ற வினாத்தாள் மாணவரின் சிந்தனை தலைப்பு கற்றல் நோக்கத்தில் அமைக்கிறது; வகுப்புக்கு பிறகு இரண்டாவது வினாத்தாள் இன்னும் ஆழமான மனசாட்சியைக் கொடுக்கும். இந்த பாடத்திட்டம் நெகிழ்வாகவும் சிலைக்குரியதாகவும் வடிவமைக்கப்பட்டுள்ளது மற்றும் முழுமையாக அல்லது அंशமாகக் கற்கப்படலாம். 12 வாரக் காலஒழுங்கின் கடைசியில் திட்டங்கள் சிறியதாக இருந்து வளர்ந்து பெரிதும் சிக்கலானதாக மாறும். மேலும், வகுப்பிற்கு முன் குறைந்த அழுத்த வினாத்தாள் மூலம் மாணவர்கள் ஒரு தலைப்பை கற்பதில் நோக்கம் அர்ப்பணிக்கின்றனர்; வகுப்பிற்கு பின் இரண்டாவது வினாத்தாள் மேலதிக நினைவாற்றலை உறுதி செய்கிறது. இந்த பாடத்திட்டம் நெகிழ்வானதும் சுவாரஸ்யமாக இருப்பதாக வடிவமைக்கப்பட்டுள்ளது மற்றும் ஒரு முழுமையான இடையே எடுக்கலாம். 12 வார சுழற்சியின் இறுதியில் திட்டங்கள் சிறியதாக இருந்து மெதுவாக சிக்கலானதாக மாறுகின்றன.
JavaScript கட்டமைப்புகளை அறிமுகப்படுத்தாமல் இந்தக் கல்வித்திட்டம் வலை டெவலப்பராக தேவைப்படும் அடிப்படை திறன்களைக் கற்றுத்தர கவனம் செலுத்தியுள்ளது; அடுத்த கட்டமாக, Node.js-ஐப் பற்றிய "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" வீடியோ தொகுப்பைக் கற்றுக்கொள்ளலாம். வலை வளர்ச்சியாளராக அடிப்படை திறன்கள் படைப்பதற்காக ஜாவாஸ்கிரிப்ட் கட்டமைப்புகளை அறிமுகப்படுத்துவதை நாங்கள் தவிர்த்திருக்கிறோம், அதனை அறிந்த பிறகு, வேறு வீடியோ தொகுப்பான "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" மூலம் Node.js பற்றி கற்றுக்கொள்ள பரிந்துரைகிறது.
> எங்களுடைய [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டுதல்களைப் பார்வையிடவும். உங்கள் கட்டுமானமான கருத்துக்களை எங்கள் குழு வரவேற்கிறது! > எங்கள் [Code of Conduct](CODE_OF_CONDUCT.md) மற்றும் [Contributing](CONTRIBUTING.md) வழிகாட்டுதல்களைப் பார்வையிடுங்கள். உங்கள் கட்டமைப்பூட்டி கருத்துக்களை வரவேற்கிறோம்!
## 🧭 ஆஃப்லைன் அணுகல் ## 🧭 ஆணையற்ற அணுகல்
[Docsify](https://docsify.js.org/#/) பயன்படுத்தி இந்த ஆவணத்தை ஆஃப்லைனில் இயக்கலாம். இந்தக் களஞ்சியத்தை Fork செய்து, [Docsify-யை நிறுவி](https://docsify.js.org/#/quickstart) உங்கள் உள்ளூர் கணினியில் `docsify serve` என்ற கட்டளை மூலம் root கோப்புறையில் இயக்கவும். இணையதளம் உங்கள் கணினியில் $3000 போர்ட்-ல் சேவை செய்யப்படும்: `localhost:3000`. [Docsify](https://docsify.js.org/#/) ஐ பயன்படுத்தி இந்த ஆவணத்தைக் கம்பியற்ற முறையில் இயக்கலாம். இந்த ரெப்போவை Fork செய்து, உங்கள் உள்ளூர் இயந்திரத்தில் [Docsify ஐ நிறுவி](https://docsify.js.org/#/quickstart), பின்னர் இந்த ரெப்போவின் ரூட் கோப்புறையில் `docsify serve` என টাইப் செய்யவும். இணையதளம் உங்கள் உள்ளூர் கணினியில் போர்ட் 3000 இல் வழங்கப்படும்: `localhost:3000`.
## 📘 PDF ## 📘 PDF
A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). எல்லா பாடங்களின் ஒரு PDF இங்கே காணலாம் [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
@ -224,7 +225,7 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### Azure / Edge / MCP / Agents ### Azure / Edge / MCP / முகவர்கள்
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -232,7 +233,7 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-
--- ---
### Generative AI தொடர் ### உருவாக்கும் AI தொடர்
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -240,7 +241,7 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-
--- ---
### மைய கற்கை ### மூலக் கற்கை
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -251,29 +252,29 @@ A PDF of all of the lessons can be found [here](https://microsoft.github.io/Web-
--- ---
### 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 பற்றிய விவாதங்களில் துறையினர் மற்றும் அனுபவம் வாய்ந்த டெவலப்பர்களுடன் சேரவும். இது கேள்விகள் வரவேற்கப்படும் மற்றும் அறிவு சுதந்திரமாக பகிரப்படும் ஒரு ஆதரவான சமுதாயம் ஆகும். நீங்கள் முடியாமல் போனால் அல்லது 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) என்ற ஏ.ஐ மொழிபெயர்ப்பு சேவையை பயன்படுத்தி மொழி மாற்றப்பட்டுள்ளது. நாங்கள் துலலத்திற்காக முயற்சி செய்கிறோம் என்றாலும், தானியங்கி மொழிபெயர்ப்புகளில் தவறுகள் அல்லது பிழைகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனிக்கவும். அடிப்படையான ஆவணத்தில் உள்ள மொழி ஆவணத்தையே அதிகாரப்பூர்வ வலுவான ஆதாரமாக கருத வேண்டும். மிக முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது அர்த்தவிவராதிகளுக்கும் நாம் பொறுப்பல்ல. இந்த அறிக்கை AI மொழிபெயர்ப்பு சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழிமாற்றம் செய்யப்பட்டதாகும். நாங்கள் சரியானதிற்கு முயற்சி செய்கிறோம் என்பதுடன், தானாகச் செய்யப்பட்ட மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்கக்கூடும் என்பதைக் கவனியுங்கள். அதன் தாய்மொழியில் உள்ள அசல் ஆவணம் அதிகாரபூர்வமான ஆதாரமாகக் கருதப்பட வேண்டியது முக்கியம். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதனால் உண்டாகக்கூடிய எந்த தவறான புரிதல்கள் அல்லது தவறான பொருள் வெளியீடுகளுக்கும் நாங்கள் பொறுப்பேற்க மாட்டோம்.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

69
translations/ta/lesson-template/README.md
Unescape View File

@ -1,56 +1,79 @@
# [பாடம் தலைப்பு] # பாட தலைப்பு
![இங்கே ஒரு வீடியோ இணைக்கவும்](../../../lesson-template/video-url) ## 🎥 வீடியோ
## [பாடம் முன் கேள்வி](../../../lesson-template/quiz-url) > இங்கு ஒரு எம்பெடட் வீடியோ அல்லது பாட இணைப்பை சேர்க்கவும்.
[நாம் என்ன கற்றுக்கொள்வோம் என்பதை விவரிக்கவும்] ---
## முன்-பாடச் சொற்பொருள்
> கிடைக்கும் போது இங்கு ஒரு சோதனை இணைப்பை சேர்க்கவும்.
---
இந்த பாடத்தில் மாணவர்கள் என்ன கற்றுக்கொள்வார்கள் என்பதை சுருக்கமாக வழங்கவும்.
---
### அறிமுகம் ### அறிமுகம்
இந்த பாடத்தில் என்ன கற்றுக்கொள்வோம் என்பதை விளக்கவும் இந்த பாடத்தில் என்ன கற்பிக்கப்படும் என்பதைக் குறித்த ஒரு குறும்பட அறிமுகத்தை வழங்கவும்.
> குறிப்புகள் > குறிப்புகள்
### முன் தேவைகள் ---
### முன் பயிற்சி
இந்த பாடத்திற்கு முன் எந்த படிகள் முடிக்கப்பட்டிருக்க வேண்டும்? இந்த பாடத்தைத் தொடங்குவதற்கு முன் மாணவர்கள் ஏற்கனவே அறிந்திருக்க வேண்டிய கருத்துக்கள் அல்லது தலைப்புகளை பட்டியலிடவும்.
---
### தயாரிப்பு ### தயார் செய்யல்
இந்த பாடத்தை தொடங்குவதற்கு தேவையான தயாரிப்பு படிகள் பாடத்தை தொடங்குவதற்கு முன் தேவையான எந்த அமைப்புச் படிநிலைகளோ அல்லது கருவிகளோ இருந்தால் பட்டியலிடவும்.
--- ---
[உள்ளடக்கத்தை கட்டங்களாகப் பிரித்து விளக்கவும்] ### உள்ளடக்கம்
பாட உள்ளடக்கத்தை கட்டமைக்கப்பட்ட பகுதிகளாக ஒவ்வொன்றாக கடந்து செல்லவும்.
---
## [தலைப்பு 1] ## தலைப்பு 1
### பணிக்கூற்று: ### பணி:
உங்கள் கோட்பொருள் அடிப்படையை மேம்படுத்தி, பகிரப்பட்ட கோட்பொருளுடன் திட்டத்தை உருவாக்க இணைந்து வேலை செய்யவும்: பகிரப்பட்டக் குறியீடுடன் திட்டத்தை கட்டிட உங்கள் குறியீடு அடிப்படையை முற்றிலும் மேம்படுத்த ஒன்றாக வேலை செய்யவும்:
```html ```html
code blocks code blocks
``` ```
✅ அறிவு சோதனை - மாணவர்களின் அறிவை விரிவாக்குவதற்கான திறந்த கேள்விகளை இந்த தருணத்தில் பயன்படுத்தவும் ✅ அறிவுப் சோதனை
மாணவர்களின் அறிவை திறந்தவெளி கேள்விகளுடன் விரிவுபடுத்த இந்த நேரத்தை பயன்படுத்தவும்.
## [தலைப்பு 2] ## தலைப்பு 2
## தலைப்பு 3
## [தலைப்பு 3] 🚀 சவால்
திட்டத்தை மேம்படுத்த மாணவர்களுக்கு கூட்டு சவாலைச் சேர்க்கவும்.
🚀 சவால்: மாணவர்கள் இணைந்து வகுப்பில் திட்டத்தை மேம்படுத்த வேலை செய்ய ஒரு சவாலை சேர்க்கவும் விருப்பத்தேர்வு: தேவையானால், முடிக்கப்பட்ட பாடத்தின் UI-ஐ ஒரு ஸ்கிரீன்ஷாட்டாகச் சேர்க்கவும்.
விருப்பத்தேர்வு: முடிக்கப்பட்ட பாடத்தின் UI-யின் ஸ்கிரீன்ஷாட்டை சேர்க்கவும், தேவையானால் ## பாடத்திற்குப் பின்வரும் சோதனை
## [பாடம் பின் கேள்வி](../../../lesson-template/quiz-url) பாடத்தை முடித்த பிறகு இங்கு ஒரு சோதனை இணைப்பைக் கூட்டிக் கொள்ளவும்.
## மதிப்பீடு & சுயபடிப்பு ## ஆய்வு மற்றும் தன்னுயிராகல்
**கட்டாயமாக சமர்ப்பிக்க வேண்டிய தேதி [MM/YY]**: [கட்டுரை பெயர்](assignment.md) **வழங்கல் கடைசிநாள் [MM/YY]**: [வழங்கல் பெயர்](assignment.md)
--- ---
**குறிப்பு**: <!-- CO-OP TRANSLATOR DISCLAIMER START -->
இந்த ஆவணம் [Co-op Translator](https://github.com/Azure/co-op-translator) என்ற AI மொழிபெயர்ப்பு சேவையைப் பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. எங்கள் தரச்செயல்முறைகளுக்கு முழு முயற்சி எடுத்தாலும், தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறுகள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனத்தில் கொள்ளவும். அதன் இயல்பான மொழியில் உள்ள மூல ஆவணம் அதிகாரப்பூர்வ ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பல்ல. **விரோதப்பறிப்பு**:
இந்த ஆவணம் AI மொழி மாற்ற சேவை [Co-op Translator](https://github.com/Azure/co-op-translator) மூலம் மொழி பெயர்க்கப்பட்டுள்ளதைக் கூறுகின்றது. நாங்கள் துல்லியத்திற்காக முயலினாலும், தானாக மாற்றப்பட்ட மொழிபெயர்ப்புகளில் தவறுகள் அல்லது பிறச்சா நுட்பங்கள் இருக்க வாய்ப்பு உள்ளது என்பதை தயவுசெய்து கவனிக்கவும். மூல ஆவணம் அதன் இயற்கை மொழியில் அங்கீகாரமான மூலமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதில் ஏற்படும் எந்த தவறான புரிதல்களுக்கும் அல்லது தவறான விளக்கங்களுக்கும் நாங்கள் பொறுப்பில்லாதவர்களாக இருப்போம்.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save