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

Browse Source
pull/1690/head
localizeflow[bot] 3 weeks ago
parent 9ec4fb6970
commit 9442efe774
6 changed files with 654 additions and 653 deletions
Show Stats Download Patch File Download Diff File

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-01-08T10:32:31+00:00",
"translation_date": "2026-02-06T10:50:45+00:00",
"source_file": "AGENTS.md",
"language_code": "kn"
},
@ -516,8 +516,8 @@
"language_code": "kn"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:46:02+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:48:02+00:00",
"source_file": "README.md",
"language_code": "kn"
},

458
translations/kn/AGENTS.md
Unescape View File

@ -1,282 +1,282 @@
# AGENTS.md
## Project Overview
## ಪ್ರೋಜೆಕ್ಟ್ ಅವಲೋಕನ
ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಸುವ ಶೈಕ್ಷಣಿಕ ಪಾಠ್ಯಕ್ರಮ ಸಂಗ್ರಹವಾಗಿದೆ. ಈ ಪಾಠ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ವ್ಯಾಪಕ 12 ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಹಸ್ತಪ್ರಯೋಗ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ.
ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಸಲು ಶೈಕ್ಷಣಿಕ ಪಠ್ಯಕ್ರಮ ಸಂಗ್ರಹವಾಗಿದೆ. ಈ ಪಠ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್‌ಗಳು ಅಭಿವೃದ್ಧಿ ಮಾಡಿರುವ ಸಂಪೂರ್ಣ 12-ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS, ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡ 24 ಕೈಗೆ ತಗಲುವ ಪಾಠಗಳನ್ನು ಹೊಂದಿದೆ.
### Key Components
### ಮುಖ್ಯ ಘಟಕಗಳು
- **ಶೈಕ್ಷಣಿಕ ವಿಷಯ**: 24 ರಚನೆಗೊಳಿಸಲಾದ ಪಾಠಗಳು ಯೋಜನೆ ಆಧಾರಿತ ಘಟಕಗಳಾಗಿ ಸರಿಯಲಾಗಿದೆ
- **ಆಚಾರ್ಯ ಯೋಜನೆಗಳು**: Terrarium, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಅಂತರಿಕ್ಷ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- **ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ಕ್ವಿಜುಗಳು**: ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ 48 ಕ್ವಿಜುಗಳು (ಪೂರ್ವ/ಪೋಸ್ಟ್ ಪಾಠ ಇವೆಲ್ಯುವೇಶನ್ಗಳು)
- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳಿಗಾಗಿ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು
- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಯೋಜನೆಗಳಿಗೆ)
- **ಶೈಕ್ಷಣಿಕ ವಿಷಯ**: ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಘಟಕಗಳಲ್ಲಿ ಸಂಘಟಿತ 24 ರಚಿಸಲಾಗಿದೆ ಪಾಠಗಳು
- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: ಟೆರರಿಯಂ, ಟೈಪಿಂಗ್ ಗೇಮ್, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಗೇಮ್, ಬ್ಯಾಂಕಿಂಗ್ ಆಪ್, ಕೋಡ್ ಎಡಿಟರ್, ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕರ
- **ಸಂವಹನಾತ್ಮಕ ಪ್ರಶ್ನೆಗಳು**: 48 ಪ್ರಶ್ನೋತ್ತರಗಳು ಪ್ರತಿಯೋರ್ವದಲ್ಲಿ 3 ಪ್ರಶ್ನೆಗಳು (ಪೂರ್ವ/ಪೋಸ್ಟ್ ಪಾಠ ಮೌಲ್ಯಮಾಪನ)
- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub ಆಕ್ಶನ್‌ಗಳ ಮೂಲಕ 50+ ಭಾಷೆಗಳ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು
- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, Vue.js 3, Vite, Node.js, Express, ಪೈಥಾನ್ (AI ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೆ)
### Architecture
### ಸ್ಥಾಪತ್ಯಶಿಲ್ಪ
- ಪಾಠ ಆಧಾರಿತ ರಚನೆಯೊಂದಿಗೆ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹಾಲಯ
- ಪ್ರತಿ ಪಾಠ ಫೋಲ್ಡರ್ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳನ್ನು ಹೊಂದಿದೆ
- ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳು ಪ್ರತ್ಯೇಕ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ (quiz-app, ವಿವಿಧ ಪಾಠ ಯೋಜನೆಗಳು)
- GitHub Actions ಬಳಸಿ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator)
- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ Docsify ಮೂಲಕ ಪೂರೈಸಲಾಗಿದ್ದು PDF ಆಗಿ ಲಭ್ಯ
- ಪಾಠ ಆಧಾರಿತ ವ್ಯವಸ್ಥೆಯೊಂದಿಗೆ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹ
- ಪ್ರತಿ ಪಾಠ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು, ಮತ್ತು ಪರಿಹಾರಗಳು ಇವೆ
- ಪ್ರತ್ಯೇಕ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳು (quiz-app, ವಿವಿಧ ಪಾಠ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು)
- GitHub ಆಕ್ಶನ್‌ಗಳ(co-op-translator) ಮೂಲಕ ಅನುವಾದ ವ್ಯವಸ್ಥೆ
- ಡಾಕ್‌ಸಿಫೈ ಮೂಲಕ ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಸೇವೆ ಮತ್ತು PDF ಆಗಿ ಲಭ್ಯತೆ
## Setup Commands
## ಸೆಟಪ್ ಕಮಾಂಡ್‌ಗಳು
ಈ ಸಂಗ್ರಹಾಲಯವು ಮುಖ್ಯವಾಗಿ ಶೈಕ್ಷಣಿಕ ವಿಷಯವನ್ನು ಬಳಕೆಗಾರರಿಗೆ ಒದಗಿಸಲು ಇದೆ. ವಿಶೇಷ ಯೋಜನೆಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು:
ಈ ಸಂಗ್ರಹವು ಮುಖ್ಯವಾಗಿ ಶೈಕ್ಷಣಿಕ ವಿಷಯ ಬಳಕೆಗಾಗಿ. ನಿಗದಿತ ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೂ ಕೆಲಸ ಮಾಡಲು:
### Main Repository Setup
### ಮುಖ್ಯ ಸಂಗ್ರಹ ಸೆಟಪ್
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### Quiz App Setup (Vue 3 + Vite)
### ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ಸೆಟಪ್ (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # ಅಭಿವೃದ್ಧಿ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ
npm run build # ಉತ್ಪಾದನಕ್ಕಾಗಿ ನಿರ್ಮಿಸಿ
npm run lint # ESLint ಅನ್ನು ನಡಿಸಿ
npm run build # ಉತ್ಪಾದನೆಗೆ ನಿರ್ಮಿಸಿ
npm run lint # ESLint ನಡಿಸಿ
```
### Bank Project API (Node.js + Express)
### ಬ್ಯಾಂಕ್ ಪ್ರಾಜೆಕ್ಟ್ API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # API ಸರ್ವರ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿ
npm run lint # ESLint ಅನ್ನು ನಡೆಸಿ
npm run format # Prettier ನೊಂದಿಗೆ ವಿಂಗಡಿಸಿ
npm start # API ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ
npm run lint # ESLint ರನ್ ಮಾಡಿ
npm run format # Prettier ಬಳಸಿ ಸ್ವರೂಪಗೊಳಿಸಿ
```
### Browser Extension Projects
### ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು
```bash
cd 5-browser-extension/solution
npm install
# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಲೋಡ್ ಮಾರ್ಗದರ್ಶನವನ್ನು ಅನುಸರಿಸಿ
# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಲೋಡ್ ಮಾಡುವ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
```
### Space Game Projects
### ಸ್ಪೇಸ್ ಗೇಮ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು
```bash
cd 6-space-game/solution
npm install
# ವೆಬ್ ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ತೆರೆಯಿರಿ ಅಥವಾ Live Server ಬಳಸಿರಿ
# ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ತೆರೆಯಿರಿ ಅಥವಾ ಲೈವ್ ಸರ್ವರ್ ಬಳಸಿರಿ
```
### Chat Project (Python Backend)
### ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ (ಪೈಥಾನ್ ಬ್ಯಾಕ್‌ಎಂಡ್)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಹೊಂದಿಸಿ
# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಸೆಟ್ ಮಾಡಿ
python api.py
```
## Development Workflow
## ಅಭಿವೃದ್ಧಿ ಕಾರ್ಯಪ್ರವಾಹ
### For Content Contributors
### ವಿಷಯದ ಕೊಡುಗೆದಾರರುಗಾಗಿ
1. **ನಿಮ್ಮ GitHub ಖಾತೆಗೆ** ಸಂಗ್ರಹಾಲಯವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ
2. **ನಿಮ್ಮ ಫೋರ್ಕ್** ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ
3. **ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ ಹೊಸ ಬ್ರಾಂಚ್** ರಚಿಸಿ
4. ಪಾಠ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆ ಮಾಡಿ
5. ಸಂಬಂಧಿಸಿದ ಯೋಜನೆ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
6. ಕೊಡುಗೆ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಅನುಸರಿಸಿ ಪುಲ್ ವಿನಂತಿಗಳನ್ನು ಸಲ್ಲಿಸಿ
1. ನಿಮ್ಮ GitHub ಖಾತೆಗೆ ಈ ಸಂಗ್ರಹವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ
2. ನಿಮ್ಮ ಫೋರ್ಕ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ
3. ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ ಹೊಸ ಶಾಖೆಯನ್ನು ರಚಿಸಿ
4. ಪಾಠ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆಮಾಡಿ
5. ಸಂಬಂಧಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
6. ಕೊಡುಗೆ ಮಾರ್ಗಸೂಚಿಗಳಂತೆ ಪುಲ್ ರಿಕ್ವೆಸ್ಟ್ ಸಲ್ಲಿಸಿ
### For Learners
### ಅಧ್ಯಯನಾರ್ಥಿಗಳಿಗಾಗಿ
1. ಸಂಗ್ರಹಾಲಯವನ್ನು ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ
2. ಪಾಠ ಡೈರೆಕ್ಟರಿಗಳಿಗೆ ಕ್ರಮವಾಗಿ ನವಿಗೇಟ್ ಮಾಡಿ
3. ಪ್ರತಿ ಪಾಠಕ್ಕೆ README ಕಡತಗಳನ್ನು ಓದಿ
4. ಪೂರ್ವ ಪಾಠ ಕ್ವಿಜುಗಳನ್ನು https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಿ
5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳ ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ
6. ಅಸೈನ್‌ಮೆಂಟುಗಳು ಮತ್ತು ಪೋಟೆಗಳು ಪೂರ್ಣಗೊಳಿಸಿ
7. ಪೋಸ್ಟ್-ಪಾಠ ಕ್ವಿಜುಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ
1. ಸಂಗ್ರಹವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ
2. ಕ್ರಮವಾಗಿ ಪಾಠ ಡೈರೆಕ್ಟರಿಗಳಿಗೆ ಹೋಗಿ
3. ಪ್ರತಿ ಪಾಠ README ಫೈಲ್ ಓದಿ
4. ಪೂರ್ವ ಪಾಠ ಪ್ರಶ್ನೋತ್ತರಗಳನ್ನು https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪೂರ್ಣಮಾಡಿ
5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿನ ಕೋಡ್ ಉದಾಹರಣೆಗಳ ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ
6. ನಿಯೋಜನೆಗಳು ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಮುಗಿಸಿ
7. ನಂತರದ ಪಾಠ ಪ್ರಶ್ನೋತ್ತರಗಳನ್ನು ನಡೆಸಿ
### Live Development
### ಲೈವ್ ಅಭಿವೃದ್ಧಿ
- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ಅನ್ನು ಓಡಿಸಿ (ಪೋರ್ಟ್ 3000)
- **Quiz App**: `quiz-app` ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ಅನ್ನು ಓಡಿಸಿ
- **Projects**: HTML ಯೋಜನೆಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ
- **API Projects**: ಅನುರೂಪ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ಅನ್ನು ಓಡಿಸಿ
- **ದಾಖಲೆಗಳು**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ರನ್ಮಾಡಿ (ಪೋರ್‌ಟ್ 3000)
- **ಪ್ರಶ್ನೋತ್ತರ ಆಪ್**: quiz-app ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ರನ್ಮಾಡಿ
- **ಪ್ರಾಜೆಕ್ಟ್ಗಳು**: HTML ಯೋಜನೆಗಳಿಗೆ VS Code ಲೈವ್ ಸರ್ವರ್ ವಿಸ್ತರಣೆ ಉಪಯೋಗಿಸಿ
- **API ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: ಪ್ರತ್ಯೇಕ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ರನ್ಮಾಡಿ
## Testing Instructions
## ಪರೀಕ್ಷಾ ಸೂಚನೆಗಳು
### Quiz App Testing
### ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ಪರೀಕ್ಷೆ
```bash
cd quiz-app
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ ಪರಿಶೀಲಿಸಿ
npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
```
### Bank API Testing
### ಬ್ಯಾಂಕ್ API ಪರೀಕ್ಷೆ
```bash
cd 7-bank-project/api
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳ ಪರಿಶೀಲನೆ ಮಾಡಿ
node server.js # ಸರ್ವರ್ ದೋಷವಿಲ್ಲದೆ ಶುರುವಾಗುತ್ತದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
node server.js # ದೋಷಗಳಿಲ್ಲದೆ ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
```
### General Testing Approach
### ಸಾಮಾನ್ಯ ಪರೀಕ್ಷಾ ವಿಧಾನ
- ಇದು ಆಪ್ಟೋಮೇಶನ್ ಪರೀಕ್ಷೆಗಳಿಲ್ಲದ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹ
- ಕೈಯಿಂದ ಪರೀಕ್ಷೆ ನೋಡುವದು:
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷರಹಿತವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ
- ಡಾಕ್ಯುಮೆಂಟೇಶನಿನಲ್ಲಿನ ಲಿಂಕ್‌ಗಳು ಸರಿಯಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ
- ಯೋಜನೆ ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗುತ್ತವೆ
- ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸುತ್ತವೆ
- ಇದು ಸಂಪೂರ್ಣವಾಗಿ ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷೆಗಳಿಲ್ಲದ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹ
- ಕೈಯಿಂದ ಪರೀಕ್ಷೆಯು ಕೆಳಗಿನ ಮೇಲೆ ಕೇಂದ್ರೀಕೃತ:
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷರಹಿತವಾಗಿ ಚಲಿಸಬೇಕು
- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಲಿಂಕುಗಳು ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಬೇಕು
- ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣ ವಿಜಯದಾಯಕವಾಗಿರಬೇಕು
- ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಕ್ರಮಗಳನ್ನು ಅನುಸರಿಸಬೇಕು
### Pre-submission Checks
### ಪೂರ್ವ-ಸಲ್ಲಿಕೆ ಪರಿಶೀಲನೆಗಳು
- package.json ಇರುವ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ಓಡಿಸಿ
- ಮಾರ್ಕ್‌ಡೌನ್ಗಳ ಲಿಂಕ್‌ಗಳನ್ನು ಮಾನ್ಯವೋ ಎಂದು ಪರಿಶೀಲಿಸಿ
- package.json ಆಗಿರುವ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ಮಾಡಿ
- ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕುಗಳು ಸರಿ ಎಂದು ತಪಾಸಿ
- ಬ್ರೌಸರ್ ಅಥವಾ Node.js ನಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆಯನ್ನು ಹೊಂದಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಂಡಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
## Code Style Guidelines
## ಕೋಡ್ ಶೈಲಿ ಮಾರ್ಗಸೂಚಿ
### JavaScript
### ಜಾವಾಸ্ক್ರಿಪ್ಟ್
- ಆಧುನಿಕ ES6+语句 ಬಳಸಿ
- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ನೀಡಲಾದ ಮಾನದಂಡ ESLint ರೂಲ್ಸ್ ಅನುಸರಿಸಿ
- ಹೆಚ್ಚು ಸ್ಪಷ್ಟರಾಗಿ ವ್ಯಾರೀಬಲ್ಗಳು ಮತ್ತು ಫಂಕ್ಷನ್‌ಗಳು ಹೆಸರಿಸು
- ಕಲಿಕೆಗಾಗಿ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ
- ಸ್ಥಾಪಿತ ಆಗಿದ್ದಲ್ಲಿ Prettier ಬಳಸಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ
- ಆಧುನಿಕ ES6+ ವಾಕ್ಯರಚನೆಯನ್ನು ಬಳಸಿ
- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಒದಗಿಸಲಾದ ಮಾನಕ ESLint ಸಂರಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆಗೆ ಮಾಜಿ ಸ್ಪಷ್ಟ ಹೆಸರುಗಳನ್ನು ಬಳಸಿ
- ಕಲಿಯುವವರಿಗೆ ವಿನ್ಯಾಸಗಳನ್ನು ವಿವರಣೆ ಮಾಡುವ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ
- Prettier ಮೂಲಕ ಸ್ವರೂಪ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡಿರಿ
### HTML/CSS
- ಸ್ಮ್ಯಾನ್ಟಿಕ್ HTML5 ಘಟಕಗಳು
- ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ತತ್ವಗಳು
- ಸ್ಪಷ್ಟ ಕ್ಲಾಸ್ ಹೆಸರಿನ ನಿಯಮಗಳು
- CSS ತಂತ್ರಗಳನ್ನು ವಿವರಿಸುವ ಟಿಪ್ಪಣಿಗಳು
- ಅರ್ಥಪೂರ್ಣ HTML5 ಅಂಶಗಳು
- ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ನಿಯಮಗಳು
- ಸ್ಪಷ್ಟ ವರ್ಗ ನಾಮಕರಣ ನಿಯಮಗಳು
- CSS ತಂತ್ರಗಳನ್ನು ತಿಳಿಸುವ ಟಿಪ್ಪಣಿಗಳು
### Python
### ಪೈಥಾನ್
- PEP 8 ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು
- ಸ್ಪಷ್ಟ, ಶೈಕ್ಷಣಿಕ ಕೋಡ್ ಉದಾಹರಣೆಗಳು
- ಕಲಿಕೆಗೆ ಸಹಾಯಕವಾಗಿದ್ದಲ್ಲಿ ಪ್ರಕಾರ ಸೂಚನೆಗಳು
- ಕಲಿಕೆಯ ಸಹಾಯಕ್ಕಾಗಿ ಪ್ರಕಾರ ಸೂಚನೆಗಳು
### Markdown Documentation
### ಮಾರ್ಕ್‌ಡೌನ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್
- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹೈರಾರ್ಕಿ
- ಭಾಷಾ ಸ್ಪೆಸಿಫಿಕೇಶನ್‌ನೊಂದಿಗೆ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು
- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳ ಲಿಂಕ್‌ಗಳು
- `images/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಮತ್ತು ಚಿತ್ರಗಳು
- ಚಿತ್ರಗಳಿಗೆ ಪ್ರವೇಶಾಸುಲಭ್ಯತೆಗಾಗಿ Alt ಪಠ್ಯ
- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಕ್ರಮ
- ಭಾಷಾ ವಿಶೇಷಣಗಳೊಂದಿಗೆ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು
- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಲಿಂಕುಗಳು
- `images/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಛಾಯಾಚಿತ್ರಗಳು ಮತ್ತು ಚಿತ್ರಗಳು
- ಪ್ರಾಪ್ಯತೆಯಿಗಾಗಿ ಚಿತ್ರಗಳಿಗೆ Alt ಪಠ್ಯ
### File Organization
### ಫೈಲ್ ಸಂಘಟನೆ
- ಪಾಠಗಳು ಕ್ರಮಾಂಕಿತ ಮರಗಳಾಗಿ (1-getting-started-lessons, 2-js-basics ಮುಂತಾದವು)
- ಪ್ರತಿ ಯೋಜನೆಗೆ `solution/` ಮತ್ತು ಬಹುಮಾನವಾಗಿ `start/` ಅಥವಾ `your-work/` ಡೈರೆಕ್ಟರಿಗಳು ಇರುತ್ತವೆ
- ಪಾಠ ವಿಶೇಷ `images/` ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಚಿತ್ರಗಳು ಸಂಗ್ರಹವಾಗಿವೆ
- ಅನುವಾದಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ
- ಪಾಠಗಳು ಕ್ರಮವಾಗಿ ಸಂಖ್ಯೆ ಪಡೆದಿವೆ (1-getting-started-lessons, 2-js-basics, ಇತ್ಯಾದಿ)
- ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ `solution/` ಮತ್ತು ಹೆಚ್ಚಿನ ಸಮಯದಲ್ಲಿ `start/` ಅಥವಾ `your-work/` ಡೈರೆಕ್ಟರಿಗಳು ಇವೆ
-ಚಿತ್ರಗಳು ಪಾಠ ವಿಶೇಷ `images/` ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಸಂರಕ್ಷಿಸಲಾಗಿದೆ
- ಅನುವಾದಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇವೆ
## Build and Deployment
## ನಿರ್ಮಾಣ ಮತ್ತು ನಿಯೋಜನೆ
### Quiz App Deployment (Azure Static Web Apps)
### ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ನಿಯೋಜನೆ (Azure Static Web Apps)
quiz-app ಅನ್ನು Azure Static Web Apps ಎಡಬ್ಲಾಯ್ಮೆಂಟ್‌ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ:
quiz-app ಅನ್ನು Azure Static Web Apps ನಿಯೋಜನೆಗಾಗಿ ಸಂರಚಿಸಲಾಗಿದೆ:
```bash
cd quiz-app
npm run build # dist/ ಫೋಲ್ಡರ್ ಅನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ
# ಮೆನ್ ಶಾಖೆಗೆ ಪುಷ್ ಮಾಡಿದಾಗ GitHub Actions ವರ್ಕ್‌ಫ್ಲೋ ಮೂಲಕ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ
# ಮುಖ್ಯ ಶಾಖೆಗೆ ಪುಷ್ ಮಾಡಿದಾಗ GitHub Actions ವರ್ಕ್‌ಫ್ಲೋ ಮೂಲಕ ಟ್ರಿಗರ್ ಮಾಡುತ್ತದೆ
```
Azure Static Web Apps ರಚನೆ:
- **ಅಪ್ ಸ್ಥಳ**: `/quiz-app`
- **ଆಟ୍‌ପುಟ್ ಸ್ಥಳ**: `dist`
Azure Static Web Apps ಸಂರಚನೆ:
- **ಆಪ್ ಸ್ಥಳ**: `/quiz-app`
- **ಔಟ್‌ಪುಟ್ ಲೊಕೆಶನ್**: `dist`
- **ಕಾರ್ಯಪ್ರವಾಹ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation
### ಡಾಕ್ಯುಮೆಂಟೇಷನ್ PDF ತಯಾರಿಕೆ
```bash
npm install # docsify-to-pdf ಅನ್ನು ಸ್ಥಾಪಿಸಿ
npm run convert # ಡಾಕ್ಸ್‌ನಿಂದ PDF ಸೃಷ್ಟಿಸಿ
npm install # docsify-to-pdf ಅನ್ನು ಹೊಂದಿಸಿ
npm run convert # ಡಾಕ್ಸ್ ನಿಂದ PDF ರಚಿಸಿ
```
### Docsify Documentation
### ಡಾಕ್‌ಸಿಫೈ ಡಾಕ್ಯುಮೆಂಟೇಷನ್
```bash
npm install -g docsify-cli # Docsify ಅನ್ನು ಜಾಗತಿಕವಾಗಿ ಸ್ಥಾಪಿಸಿ
docsify serve # localhost:3000 ನಲ್ಲಿ ಸರ್ವ್ ಮಾಡಿ
npm install -g docsify-cli # ಡಾಕ್ಸಿಫೈಯನ್ನು ಜಾಗತಿಕವಾಗಿ ಸ್ಥಾಪಿಸಿ
docsify serve # localhost:3000 ನಲ್ಲಿ ಸೇವೆ ನೀಡಿ
```
### Project-specific Builds
### ಪ್ರಾಜೆಕ್ಟ್-ನಿರ್ದಿಷ್ಟ ನಿರ್ಮಾಣಗಳು
ಪ್ರತಿ ಯೋಜನೆ ಡೈರೆಕ್ಟರಿಗೆ ಸ್ವಂತ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆ ಇರಬಹುದು:
- Vue ಯೋಜನೆಗಳು: `npm run build` ಬಿಡುಗಡೆಪೂರ್ವ ಬ್ಯುಂಡಲ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ
- ಸ್ಥಿರ ಯೋಜನೆಗಳು: ಯಾವುದೇ ನಿರ್ಮಾಣ ಹಂತವಿಲ್ಲದೆ ಕಡತಗಳನ್ನು ನೇರವಾಗಿ ಸೇವ್ ಮಾಡಲಾಗುತ್ತದೆ
ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗೆ ತನ್ನದೇ ಆದ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆ ಇರಬಹುದು:
- Vue ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು: `npm run build` ಮೂಲಕ ಉತ್ಪಾದನಾ ಬಂಡಲ್ ರಚನೆ
- ಸ್ಥಿರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು: ಯಾವುದೇ ನಿರ್ಮಾಣ ಹಂತವಿಲ್ಲ, ನೇರವಾಗಿ ಫೈಲ್‌ಗಳನ್ನು ಸೇವ್ ಮಾಡಿ
## Pull Request Guidelines
## ಪುಲ್ ರಿಕ್ವೆಸ್ಟ್ ಗೈಡ್‌ಲೈನ್ಸ್
### Title Format
### ಶೀર્ષಿಕೆ ಸ್ವರೂಪ
ಬದಲಾವಣೆ ಪ್ರದೇಶವನ್ನು ಸೂಚಿಸುವ ಸ್ಪಷ್ಟ, ವಿವರವಾದ ಶೀರ್ಷಿಕೆ ಬಳಸಿ:
- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರ್ಪಡೆ`
- `[Lesson-3] terrarium ಯೋಜನೆಯಲ್ಲಿ ಟೈಪೋ ಸರಿಪಡಿಸಿ`
- `[Translation] ಪಾಠ 5ಗಾಗಿ ಸ್ಪಾನಿಷ್ ಅನುವಾದ ಸೇರ್ಪಡೆ`
- `[Docs] ಸೆಟ್‌ಅಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಿ`
ಬದಲಾವಣೆ ಪ್ರದೇಶವನ್ನು ಸೂಚಿಸುವ ಸ್ಪಷ್ಟ, ವಿವರಣಾತ್ಮಕ ಶೀರ್ಷಿಕೆಗಳನ್ನು ಬಳಸಿ:
- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಪ್ರಶ್ನೋತ್ತರ ಸೇರಿಸಿ`
- `[Lesson-3] ಟೆರರಿಯಂ ಪ್ರಾಜೆಕ್ಟಿನ ಟೈಪೋ ಸರಿಪಡಿಸಿ`
- `[Translation] ಪಾಠ 5 ಗಾಗಿ ಸ್ಪ್ಯಾನಿಷ್ ಅನುವಾದ ಸೇರಿಸಿ`
- `[Docs] ಸೆಟಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಿ`
### Required Checks
### ಅಗತ್ಯ ಪರಿಶೀಲನೆಗಳು
ಪಿಆರ್ ಸಲ್ಲಿಸುವ ಮೊದಲು:
PR ಸಲ್ಲಿಸುವ ಮೊದಲು:
1. **ಕೋಡ್ ಗುಣಮಟ್ಟ**:
- ಪ್ರಸ್ತುತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ಓಡಿಸಿ
- ಲಿಂಟ್ ದೋಷಗಳು ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ
- ಪ್ರಭಾವಿತರಾದ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ನಡೆಸಿ
- ಎಲ್ಲಾ ಲಿಂಟ್ ದೋಷಗಳು ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ
2. **ನಿರ್ಮಾಣ ಪರಿಶೀಲನೆ**:
- ಅಗತ್ಯವಿದ್ದರೆ `npm run build` ಓಡಿಸಿ
- ಯಾವುದೇ ನಿರ್ಮಾಣ ದೋಷಗಳಿಲ್ಲದಿರುವುದನ್ನು ಖಚಿತಪಡಿಸಿ
2. **ನಿರ್ಮಾಣದ ಪರಿಶೀಲನೆ**:
- ಅನ್ವಯಿಸಿದಲ್ಲಿ `npm run build` ರನ್ಮಾಡಿ
- ಯಾವುದೇ ನಿರ್ಮಾಣ ದೋಷಗಳಿಲ್ಲದಿರಲಿ
3. **ಲಿಂಕ್ ಮಾನ್ಯತೆ**:
- ಎಲ್ಲಾ ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
- ಚಿತ್ರ ಉಲ್ಲೇಖಗಳು ಸರಿಯಾದವೋ ಎಂದು ಪರಿಶೀಲಿಸಿ
3. **ಲಿಂಕ್ ವ್ಯಾಲಿಡೇಶನ್**:
- ಎಲ್ಲಾ ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕುಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
- ಚಿತ್ರಗಳ ಉಲ್ಲೇಖಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
4. **ವಿಷಯ ಪರಿಶೀಲನೆ**:
- ವ್ಯಾಕರಣ ಮತ್ತು ಬರಹದ ಸರಿಯಾಗಿ ಹೊಂದಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿದ್ದು ಶೈಕ್ಷಣಿಕವಾಗಿರಲಿ
- ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
4. **ವಿಷಯ ಸಮೀಕ್ಷೆ**:
- ವ್ಯಾಕರಣ ಮತ್ತು ಶಬ್ದನಿಯಮ ಪರಿಶೀಲನೆ ಮಾಡಿ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾದವು ಮತ್ತು ಶೈಕ್ಷಣಿಕವಾಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
- ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಯ್ದುಕೊಂಡಿರಲಿ
### Contribution Requirements
### ಕೊಡುಗೆ ಅಗತ್ಯತೆಗಳು
- ಮೈಕ್ರೋಸಾಫ್ಟ್ CLA ಒಪ್ಪಿಕೊಳ್ಳಿ (ಮೊದಲ PR ನಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತ ಪರಿಶೀಲನೆ)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನುಸರಿಸಿ
- ವಿವರವಾದ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು [CONTRIBUTING.md](./CONTRIBUTING.md) ನಲ್ಲಿ ಪಡಿ
- ಪ್ರಸ್ತಾವನೆ ವಿವರಣೆಯಲ್ಲಿ ಸಮಸ್ಯೆ ಸಂಖ್ಯೆಗಳ ಉಲ್ಲೇಖ ಮಾಡಿ (ಅದಕ್ಕಾಗಿಯೇ ಇದ್ದರೆ)
- ಮೈಕ್ರೋಸಾಫ್ಟ್ CLA ಗೆ ಒಪ್ಪಿಗೆ (ಮೊದಲ PR ರಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತ ಪರಿಶೀಲನೆ)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಪಾಲನೆ
- ವಿವರವಾದ ಮಾರ್ಗಸೂಚಿಗಾಗಿ [CONTRIBUTING.md](./CONTRIBUTING.md) ನೋಡಿ
- ಅನ್ವಯಿಸಿದಲ್ಲಿ PR ವಿವರಣೆಯಲ್ಲಿ ಸಮಸ್ಯೆ ಸಂಖ್ಯೆಗಳನ್ನು ಉಲ್ಲೇಖಿಸಿ
### Review Process
### ವಿಮರ್ಶಾ ಪ್ರಕ್ರಿಯೆ
- PR ಗಳು ನಿರ್ವಹಕರು ಮತ್ತು ಸಮುದಾಯದವರು ಸಹ ಪರಿಶೀಲನೆ ಮಾಡುತ್ತಾರೆ
- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆ ಪ್ರಧಾನ್ಯ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು
- ಅನುವಾದಗಳನ್ನು ಶುದ್ಧತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕmerksamkeitಗಾಗಿ ಪರಿಶೀಲನೆ ಮಾಡಲಾಗುತ್ತದೆ
- PR ಗಳನ್ನು ನಿರ್ವಹಕರು ಮತ್ತು ಸಮುದಾಯ ವಿಮರ್ಶಿಸುತ್ತಾರೆ
- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆಗೆ ಆದ್ಯತೆ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಕ್ರಮಗಳನ್ನು ಅನುಸರಿಸಬೇಕು
- ಅನುವಾದಗಳನ್ನು ಖಚಿತತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕ ಸೂಕ್ತತೆಗೆ ವಿಮರ್ಶಿಸಲಾಗುತ್ತದೆ
## Translation System
## ಅನುವಾದ ವ್ಯವಸ್ಥೆ
### Automated Translation
### ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ
- GitHub Actions ನೊಂದಿಗೆ co-op-translator ಕಾರ್ಯ ಪ್ರಾಬಲ್ಯ
- 50+ ಭಾಷೆಗಳಿಗೂ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ
- ಮೂಲ ಕಡತಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ
- ಅನುವಾದಿತ ಕಡತಗಳು `translations/{language-code}/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ
- GitHub ಆಕ್ಶನ್‌ಗಳೊಂದಿಗೆ co-op-translator ಕಾರ್ಯಪ್ರವಾಹವನ್ನು ಉಪಯೋಗಿಸುತ್ತದೆ
- 50+ ಭಾಷೆಗಳಿಗೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಅನುವಾದಿಸುತ್ತದೆ
- ಮೂಲ ಫೈಲ್ಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿವೆ
- ಅನುವಾದಿತ ಫೈಲ್ಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇವೆ
### Adding Manual Translation Improvements
### ಕೈಮೇಲು ಅನುವಾದ ಸುಧಾರಣೆಗಳು ಸೇರ್ಪಡೆ
1. `translations/{language-code}/` ನಲ್ಲಿ ಕಡತವನ್ನು ಕಂಡುಹಿಡಿ
2. ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತಾ ಸುಧಾರಣೆ ಮಾಡಿ
3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
4. ಸ್ಥಳೀಯ ಕ್ವಿಜ್ ವಿಷಯವನ್ನು ಪರೀಕ್ಷಿಸಿ
1. `translations/{language-code}/` ನಲ್ಲಿ ಫೈಲ್ ಹುಡುಕಿ
2. ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಂಡು ಸುಧಾರಣೆ ಮಾಡಿ
3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿರುವುದನ್ನು ಖಚಿತಪಡಿಸಿ
4. ಯಾವುದೇ ಸ್ಥಳೀಯಕೃತ ಪ್ರಶ್ನೋತ್ತರ ವಿಷಯವನ್ನು ಪರೀಕ್ಷಿಸಿ
### Translation Metadata
### ಅನುವಾದ ಮೆಟाडೇಟಾ
ಅನುವಾದಿತ ಕಡತಗಳು ಮೆಟಾಡೇಟಾ ಶೀರ್ಷಿಕೆ ಹೊಂದಿರುತ್ತವೆ:
ಅನುವಾದಿತ ಫೈಲ್ಗಳು ಮೆಟಾಡೇಟಾ ಹೆಡರ್ ಸೇರಿವೆ:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## Debugging and Troubleshooting
## ಡಿಬಗ್ಗಿಂಗ್ ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ
### Common Issues
### ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಗಳು
**Quiz app ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**:
- Node.js ಆವೃತ್ತಿ (v14+ ಶಿಫಾರಸು)
- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ಚಾಲನೆ ಮಾಡಿ
- ಪೋರ್ಟ್ ಸಂಗ್ರಹಣೆ (ಡೀಫಾಲ್್ಟ್: Vite ಪೋರ್ಟ್ 5173) ಪರಿಶೀಲಿಸಿ
**ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**:
- Node.js ಆವೃತ್ತಿ ಪರಿಶೀಲಿಸಿ (v14+ ಶಿಫಾರಸು)
- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ರನ್ಮಾಡಿ
- ಪೋರ್‌ಟ್ ಗೂಡಿನ ತಿರುವುಗಳ (default: Vite ಪೋರ್‌ಟ್ 5173 ಬಳಕೆ) ತಪಾಸಿಸಿ
**API ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**:
- Node.js ಆವೃತ್ತಿ ಕನಿಷ್ಠ (node >=10) ಪರಿಶೀಲಿಸಿ
- ಪೋರ್ಟ್ ಬಳಕೆಯಲ್ಲಿದೆಯೇ ನೋಡಿ
- ಎಲ್ಲ ಅವಲಂಬನೆಗಳನ್ನು `npm install` ಮೂಲಕ ಇನ್ಸ್‌ಟಾಲ್ ಮಾಡಿ
- Node.js ಆವೃತ್ತಿ ತಗಲು (node >=10) ಪರಿಶೀಲಿಸಿ
- ಪೋರ್‌ಟ್ ಈಗಾಗಲೇ ಬಳಕೆಯಲ್ಲಿದೆಯೆ ಎಂದು ನೋಡಿ
- ಎಲ್ಲಾ ಅವಲಂಬನೆಗಳು `npm install` ಮೂಲಕ ಸ್ಥಾಪಿಸಲಾಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
**ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತಿಲ್ಲ**:
- manifest.json ಸರಿಯಾಗಿ ರಚಿಸಲಾಗಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
- ಬ್ರೌಸರ್ ಕಾನ್ಸೋಲ್ ದೋಷಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
- ಬ್ರೌಸರ್ ವಿಶೇಷ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
- manifest.json ಸರಿಯಾದ ಫಾರ್ಮ್ಯಾಟ್ ಇಲ್ಲವೇ ನೋಡಿ
- ಬ್ರೌಸರ್ ಕನ್ಸೋಲ್ ದೋಷಗಳನ್ನು ತಪಾಸಿಸಿ
- ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
**Python ಚಾಟ್ ಯೋಜನೆ ಸಮಸ್ಯೆಗಳು**:
- OpenAI ಪ್ಯಾಕೇಜ್ ಇನ್‌ಸ್ಟಾಲ್ ಆಗಿದೆಯೇ ನೋಡಿ: `pip install openai`
- GITHUB_TOKEN ಪರಿಸರ ವ್ಯತ್ಯಯ ಸರಿಯಾದಂತೆ ಹೊಂದಿದೆ ಎಂದು ದೃಢಪಡಿಸಿ
- GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ ಅನುವುಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
**ಪೈಥಾನ್ ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸಮಸ್ಯೆಗಳು**:
- OpenAI ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ: `pip install openai`
- GITHUB_TOKEN ಪರಿಸರ ವರಿಯಬೆಲ್ ಹೊಂದಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
- GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ ಅನುಮತಿಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
**Docsify ಡಾಕ್ಯುಮೆಂಟ್ ಪೂರೈಸುತ್ತಿಲ್ಲ**:
- docsify-cli ಅನ್ನು ಗ್ಲೋಬಲ್ ಆಗಿ ಇನ್ಸ್‌ಟಾಲ್ ಮಾಡಿ: `npm install -g docsify-cli`
- ಸಂಗ್ರಹಾಲಯದ ರೂಟ್ ಡೈರೆಕ್ಟರಿಯಿಂದ ಚಾಲನೆ ಮಾಡಿ
- `docs/_sidebar.md` ಉಳಿದಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
**ಡಾಕ್‌ಸಿಫೈ ಡಾಕ್ಯುಮೆಂಟ್ ಸರ್ವ್ ಆಗುತ್ತಿಲ್ಲ**:
- docsify-cli ಅನ್ನು ಗ್ಲೋಬಲಿಯಾಗಿ ಸ್ಥಾಪಿಸಿ: `npm install -g docsify-cli`
- ಸಂಗ್ರಹ ರುಟ್ ಡೈರೆಕ್ಟರಿಯಿಂದ ರನ್ ಮಾಡಿ
- `docs/_sidebar.md` अस्तಿತ್ವದಲ್ಲಿದೆ ಎಂದು ತಪಾಸಿಸಿ
### Development Environment Tips
### ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಲಹೆಗಳು
- VS Code ನೊಂದಿಗೆ HTML ಯೋಜನೆಗಳಿಗೆ Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ
- ಏರ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸಿದ್ದಪಡಿಸಿ
- ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡಿಬಗ್ಗಿಂಗ್‌ಗೆ ಬ್ರೌಸರ್ ಡೆವ್‌ಟೂಲ್‌ಗಳನ್ನು ಬಳಸಿ
- Vue ಯೋಜನೆಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ
- HTML ಪ್ರಾಜೆಕ್ಟ್ಗಾಗಿ VS Code ಲೈವ್ ಸರ್ವರ್ ವಿಸ್ತರಣೆ ಉಪಯೋಗಿಸಿ
- ಸರ್ವ ವಿಶಿಷ್ಟ ಪ್ರಾರಂಭಿಕ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ
- ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡಿಬಗ್ಗಿಂಗ್‌ಗೆ ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್‌ಗಳು ಬಳಸಿ
- Vue ಪ್ರಾಜೆಕ್ಟ್ಗಾಗಿ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ
### Performance Considerations
### ಕಾರ್ಯತಕ್ಷಣದ ಪರಿಗಣನೆಗಳು
- ಅನುವಾದಿತ ಕಡತಗಳ ಸಂಖ್ಯೆ ದೊಡ್ಡದು (50+ ಭಾಷೆಗಳು) ಹೀಗಾಗಿ ಸಂಪೂರ್ಣ ಕ್ಲೋನ್ ಗಾತ್ರ ದೊಡ್ಡದು
- ವಿಷಯದ ಮೇಲೆಯೇ ಕೆಲಸ ಮಾಡಿದರೆ ಶಾಲೋ ಕ್ಲೋನ್ ಬಳಸಿ: `git clone --depth 1`
- ಇಂಗ್ಲಿಷ್ ವಿಷಯದ ಮೇಲೆ ಕೆಲಸ ಮಾಡುವಾಗ ಅನುವಾದಗಳನ್ನು ಹುಡುಕಾಟದಿಂದ ಹೊರತುಪಡಿಸಿ
- ಮೊದಲ ಬಾರಿಗೆ npm install, Vite ನಿರ್ಮಾಣ ತಡವಾಗಬಹುದು
- ಅನುವಾದಿತ ಫೈಲ್‌ಗಳ ಸಂಖ್ಯೆ (50+ ಭಾಷೆಗಳು) ಕಡಿಮೆ ಗಹನತೆ ಸೂಚಿಸುತ್ತದೆ
- ವಿಷಯಮಾತ್ರದ ಕಾರ್ಯಕ್ಕಾಗಿ ಶೋಲೋ ಕ್ಲೋನ್ ಬಳಸಿ: `git clone --depth 1`
- ಇಂಗ್ಲಿಷ್ ವಿಷಯದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವಾಗ ಅನುವಾದಗಳ ಹುಡುಕಾಟದಿಂದ ಹೊರತುಪಡಿಸಿ
- ಮೊದಲ ರನ್‌ನಲ್ಲಿ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಗಳು ನಿಧಾನವಾಗಬಹುದು (npm install, Vite build)
## Security Considerations
## ಭದ್ರತಾ ಪರಿಗಣನೆಗಳು
### Environment Variables
### ಪರಿಸರ ಚರಗಳು
- API ಕೀಗಳು ಎಂದಿಗೂ ಸಂಗ್ರಹಾಲಯಕ್ಕೆ ಕಮಿಟ್ ಮಾಡಬೇಡಿ
- `.env` ಕಡತಗಳ ಬಳಕೆ (ಇವುಗಳು `.gitignore`ನಲ್ಲಿ ಸೇರಿವೆ)
- ಅಗತ್ಯ ಪರಿಸರ ವ್ಯತ್ಯಾಯಗಳನ್ನು ಪ್ರಾಜೆಕ್ಟ್ README ಗಳಲ್ಲಿ ದಾಖಲೆ ಮಾಡಿರಿ
- API ಕೀಗಳನ್ನು ಸಂಗ್ರಹಕ್ಕೆ ಅತಿಲಿಖಿತ ಮಾಡಬೇಡಿ
- `.env` ಫೈಲ್‌ಗಳನ್ನು ಬಳಸಿ (ಇದು `.gitignore`ನಲ್ಲಿ ಇದೆ)
- ಪ್ರಾಜೆಕ್ಟ್ README ಗಳಲ್ಲಿ ಅಗತ್ಯ ವಾತಾವರಣ ಚರಗಳನ್ನು ದಾಖಲೆಗೊಳಿಸಿ
### Python Projects
### ಪೈಥಾನ್ ಪ್ರಾಜೆಕ್ಟ್ಗಳು
- ವರ್ಚುವಲ್ ಪರಿಸರಗಳನ್ನು ಬಳಸಿ: `python -m venv venv`
- ವರ್ಶುಯಲ್ वातावरणಗಳನ್ನು ಬಳಸಿ: `python -m venv venv`
- ಅವಲಂಬನೆಗಳನ್ನು ನವೀಕರಿಸಿ
- GitHub ಟೋಕನ್‌ಗಳಿಗೆ ಕನಿಷ್ಠ ಅಗತ್ಯ ಅನುಮತಿಗಳು ಇರಲಿ
- GitHub ಟೋಕನ್‌ಗಳು ಕನಿಷ್ಟ ಅಗತ್ಯ ಅನುಮತಿಗಳೊಂದಿಗೆ ಇರಬೇಕು
### GitHub Models Access
### GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ
- GitHub ಮಾದರಿಗಳಿಗೆ ವೈಯಕ್ತಿಕ ಪ್ರವೇಶ ಟೋಕನ್‌ಗಳು (PAT) ಅಗತ್ಯ
- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ವ್ಯತ್ಯಾಯಗಳಾಗಿ ಸಂರಕ್ಷಿಸಿ
- ಟೋಕನ್‌ಗಳು ಅಥವಾ ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಎಲ್ಲವೇಳೆ ಕಮಿಟ್ ಮಾಡಬೇಡಿ
- GitHub ಮಾದರಿಗಳಿಗಾಗಿ ವೈಯಕ್ತಿಕ ಪ್ರವೇಶ ಟೋಕನ್‌ಗಳು (PAT) ಅಗತ್ಯ
- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ವೇರಿಯಬೆಲ್ ಗಳಾಗಿ ಸಂಗ್ರಹಿಸಿ
- ಟೋಕನ್ ಅಥವಾ ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಎಂದಿಗೂ ಸಂಗ್ರಹಕ್ಕೆ ಹಾಕಬೇಡಿ
## Additional Notes
## ಹೆಚ್ಚುವರಿ ಟಿಪ್ಪಣಿಗಳು
### Target Audience
### ಗುರಿ ಪ್ರೇಕ್ಷಕರು
- ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಸಂಪೂರ್ಣ ಆರಂಭಿಕರು
- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂ ಅಧ್ಯಯನಕಾರರು
- ತರಗತಿಗಳಲ್ಲಿ ಪಾಠ್ಯಕ್ರಮ ಬಳ 사용하는 ಶಿಕ್ಷಕರು
- ಪ್ರವೇಶಮಾರ್ಗ ಮತ್ತು ಹಂತ ಹಂತದ ಕೌಶಲ್ಯವನ್ನು ಗಮನದಲ್ಲಿಡುತ್ತಿದ್ದ ವಿಷಯ
- ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಹೊಸಬರಿಗೂ
- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವ-ಕಲಿಯುವವರು
- ತರಗತಿಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮ ಬಳಸಿ ಶಿಕ್ಷಕರು
- ವಿಷಯವು ಪ್ರವೇಶಕಾರಿ ಮತ್ತು ಹಂತ ಹಂತವಾಗಿ ಕೌಶಲ್ಯಗಳನ್ನು ಕಟ್ಟಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ
### Educational Philosophy
### ಶೈಕ್ಷಣಿಕ ತತ್ವಶಾಸ್ತ್ರ
- ಯೋಜನೆ ಆಧಾರಿತ ಕಲಿಕೆ ವಿಧಾನ
- ಹಗುರಾದ ಜ್ಞಾನ ಪರೀಕ್ಷೆಗಳು (ಕ್ವಿಜುಗಳು)
- ಕಾರ್ಯಾಚರಣೆಯಾದ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು
- ನೈಜ ಜಗತ್ತಿನ ಅನ್ವಯ ಉದಾಹರಣೆಗಳು
- ಫ್ರೆಮ್ವರ್ಕ್‌ಗಳ ಮುಂಚಿತವಾಗಿ ಮೂಲಭೂತ ವಿಷಯಗಳ ಮೇಲೆ ಗಮನ
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಕಲಿಕೆ ಕ್ರಮ
- ನಿಯಮಿತ ಜ್ಞಾನ ಪರೀಕ್ಷೆಗಳು (ಪ್ರಶ್ನೋತ್ತರಗಳು)
- ಕೈಗೆ ತಗಲುವ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು
- ನಿಖರ ಜಗತ್ತಿನ ಅನ್ವಯ ನ್ಯಾಯоматಗಳು
- ಫ್ರೇಮ್ವರ್ಕ್ಗಳಿಗಿಂತ ಮೊದಲು ಮೂಲಭೂತಗಳನ್ನು ಗಮನಿಸು
### Repository Maintenance
### ಸಂಗ್ರಹ ನಿರ್ವಹಣೆ
- ಕಲಿಕಾರರು ಮತ್ತು ಕೊಡುಗೆದಾರರ ಸಕ್ರಿಯ ಸಮುದಾಯ
- ಅವಲಂಬನೆಗಳು ಮತ್ತು ವಿಷಯ ಸಾಮಗ್ರಿಗಳ ನಿಯಮಿತ ನವೀಕರಣ
- ನಿರ್ವಹಕರಿಂದ ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳು ಮೇಲ್ವಿಚಾರಣೆ
- GitHub Actions ಮೂಲಕ ಅನುವಾದ ನವೀಕರಣ ಸ್ವಯಂಚಾಲಿತ
- ಕಲಿಕೆಯಿಂದ ಮತ್ತು ಕೊಡುಗೆದಾರರ ಚಟುವಟಿಕೆ ಸಮುದಾಯ
- ಅವಲಂಬನೆಗಳು ಮತ್ತು ವಿಷಯದ ನಿಯಮಿತ ನವೀಕರಣಗಳು
- ನಿರ್ವಹಕರಿಂದ ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳು ಗಮನದಲ್ಲಿರಲಿ
- ಅನುವಾದ ನವೀಕರಣಗಳು GitHub ಆಕ್ಶನ್ಗಳ ಮೂಲಕ ಸ್ವಯಂಚಾಲಿತ
### Related Resources
### ಸಂಬಂಧಿಸಿದ ಸಂಪನ್ಮೂಲಗಳು
- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ಶಿಫಾರಸು ಶೈಕ್ಷಣಿಕರಿಗೆ
- ಹೆಚ್ಚಿನ ಕೋರ್ಸ್‌ಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ಸಾಯನ್ಸ್, ML, IoT ಪಾಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ
- ಕಲಿಕೆಗೆ ಶಿಫಾರಸು: [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸ್‌ಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ಸೈನ್ಸ್, ML, IoT ಪಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯವಿವೆ
### Working with Specific Projects
### ನಿರ್ದಿಷ್ಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ
ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳ ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಓದಿ:
- `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್
- `7-bank-project/README.md` - ಪ್ರಾಮಾಣೀಕರಣ ಹೊಂದಿದ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಸಂಬಂಧ ಪಟ್ಟ ಪ್ರಾಜೆಕ್ಟ್ README ಫೈಲ್‌ಗಳನ್ನು ನೋಡಿ:
- `quiz-app/README.md` - Vue 3 ಪ್ರಶ್ನೋತ್ತರ ಆಪ್
- `7-bank-project/README.md` - ಲಾಗಿನ್ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಯೋಜನೆ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಗೇಮ್
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಾಯಿ ಪ್ರಾಜೆಕ್ಟ್
### Monorepo Structure
### ಮೋನೋರಿಪೋ ರಚನೆ
ಪ್ರಚಲಿತ ಮಾನೊರೆಪೊ ಅಲ್ಲ, ಆದರೆ ಈ ಸಂಗ್ರಹದಲ್ಲಿ ಹಲವಾರು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳಿವೆ:
ಸಾಮಾನ್ಯ ಮೋನೋರಿಪೋ ಅಲ್ಲದಿದ್ದರೂ, ಈ ಸಂಗ್ರಹವು ಅನೇಕ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳನ್ನು ಹೊಂದಿದೆ:
- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಯೋಜನೆಗಳು ಅವಲಂಭನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತವೆಯೆಂದು ಇಲ್ಲ
- ಇತರರಿಗೆ ವ್ಯತ್ಯಾಸವೇ ಇಲ್ಲದೆ ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಿ
- ಸಂಪೂರ್ಣ ಪಾಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ಸಂಗ್ರಹ ಹಿಂಡಿಸಿ ಇಂದು ಪಡೆಯಿರಿ
- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
- ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ಮೇಲೆ ಕೆಲಸ ಮಾಡಿ, ಇತರೆ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಪ್ರಭಾವ ಬೀರುವುದಿಲ್ಲ
- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ಸಂಗ್ರಹವನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ
---
<!-- 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) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಸತ್ಯತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸಮತೋಲನಗಳು ಇರಬಹುದು ಎಂಬುದು ಗಮನಕ್ಕೆ ತಗೆದುಕೊಳ್ಳಿ. ಮೂಲ ಭಾಷೆಯ ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅಧಿಕಾರಪ್ರದ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆದಿಂದ ಉಂಟಾಗಬಹುದಾದ ಯಾವುದೇ непuಜ್ಞಾತತೆ ಅಥವಾ ತಪ್ಪು ಹಕ್ಕುಗಳಿಗಾಗಿ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗುವುದಿಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

243
translations/kn/README.md
Unescape View File

@ -10,206 +10,207 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ - ಒಂದು ಪಠ್ಯಕ್ರಮ
# ಹೊಸವರಿಗಾಗಿ ವೆಬ್ ಅಭಿವೃದ್ಧಿ - ಒಂದು ಅಧ್ಯয়ন ಕ್ರಮ
Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮದಿಂದ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲೆಲ್ಲಾ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಸಿಎಸ್‌ಎಸ್ ಮತ್ತು HTML ಅನ್ನು ವೇಳೆ ಕೆಲಸದ ಯೋಜನೆಗಳ ಮೂಲಕ - ಟೆರಾರಿಯಮ್‌ಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಬಾಹ್ಯಾಕಾಶ ಆಟಗಳು - ಆಯ್ತು. ಕುಯಿಜ್‌ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ವಾಸ್ತವಿಕ ಕೆಲಸದ ಮೂಲಕ ತೊಡಗಿಸಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ವರ್ಗದ ಮೂಲಕ ваше ಜ್ಞಾನ ನಿಖರಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಯಾತ್ರೆಯನ್ನು ಇಂದೇ ಆರಂಭಿಸಿ!
ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಬರವಿಗಿರುವ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೌಲಿಕ ತತ್ವಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS, ಮತ್ತು HTML ಅನ್ನು ತೆರೆದ ಬಾಹ್ಯ ಪ್ರಾಯೋಗಿಕ ಯೋಜನೆಗಳ ಮೂಲಕ ತರಗತಿಗಳು ನೀಡಲಾಗುತ್ತವೆ, ಇದರಲ್ಲಿ ಟೆರಾರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಬಾಹ್ಯಾಕಾಶ ಆಟಗಳು ಸೇರಿವೆ. ಪ್ರಶ್ನೋತ್ತರಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ಕಾರ್ಯಾಚರಣಾ ನಿಯೋಜನೆಗಳೊಂದಿಗೆ ತೊಡಗಿಕೊಳ್ಳಿ. ನಿಮ್ಮ ಕೌಶಲಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಜ್ಞಾನ ಸಂಗ್ರಹಣೆಯನ್ನು ಉತ್ತಮಗೊಳಿಸಲು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಠ್ಯಕ್ರಮವನ್ನು ಅನುಸರಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣ ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ್ಳಿ
ಆಜುರ್ AI ಫೌಂಡ್ರಿ ಡಿಸ್ಕಾರ್ಡ್ ಸಮುದಾಯವನ್ನು ಸೇರುವಿರಿ
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ಈ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸಲು ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಅನ್ಯ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4)
ಈ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸಲು ಪ್ರಾರಂಭಿಸಲು ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **Repositories ನ್ನು 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. **Repositories ನ್ನು Clone ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**ಆಜುರ್ AI ಫೌಂಡ್ರಿ ಡಿಸ್ಕಾರ್ಡ್ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಹಾಗೂ ಸಹನಿರ್ದೇಶಕರನ್ನು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ಬಹುಭಾಷಾ ಬೆಂಬಲ
#### GitHub ಕ್ರಿಯೆ ಮೂಲಕ ಬೆಂಬಲಿಸಲ್ಪಟ್ಟಿದೆ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾಕಾಲ ನವೀಕೃತ)
#### GitHub Action ಮೂಲಕ ಬೆಂಬಲ (ಸ್ವಯಂಚಾಲಿತ 및 ಸದಾ ನವೀಕರಿತ)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](./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)
> **ಸ್ಥಾನಿಕವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಇಚ್ಛಿಸುತ್ತೀರಾ?**
> **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಬಯಸುವವರು?**
> ಈ ರಿಪೊಸಿಟರಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಇದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ತುಂಬಾ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳನ್ನು ಇಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ:
> ಈ ರೆಪೊ ವಿವಿಧ ಭಾಷೆಗಳಿಗೆ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಅದು ಡೌನ್‌ಲೋಡ್ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು, ಸ್ಪಾರ್ಸ್ ಔಟ್ಚೆಕ್ ಬಳಸಿ:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> ಇದರಿಂದ ಈ ಕೋರ್ಸ್ ಅನ್ನು ಸಂಪೂರ್ಣ ಮಾಡಲು ಬೇಕಾದ ಎಲ್ಲಾ ವಸ್ತುಗಳು ತುಂಬಾ ವೇಗವಾಗಿ ಲಭ್ಯವಾಗುತ್ತವೆ.
> ಇದು ನಿಮಗೆ ಕೋರ್ಸ್ ಪೂರ್ಣಗೊಳಿಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ವಿಷಯಗಳನ್ನು much ವೇಗವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡುತ್ತದೆ.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**ಹೆಚ್ಚಿನ ಅನುವಾದ ಭಾಷೆಗಳು ಬೆಂಬಲಿಸಲು ನೀವು ಬಯಸಿದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯನ್ನು ಕಾಣಬಹುದು**
**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದ ಬೆಂಬಲ ಸಲ್ಲಿಸುವುದನ್ನು ಬಯಸಿದರೆ ಅವುಗಳು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯಾಗಿವೆ**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯಾದೀರಾ?_
#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿ ಅಥವಾ ವಿದ್ಯಾರ್ಥಿನಿಯಾಗಿದ್ದೀರಾ?_
[**Student Hub ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಭೇಟಿಕೊಳ್ಲಿರಿ ಇಲ್ಲಿ ನೀವು ಪ್ರಾಥಮಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಹಾಗೂ ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೌಚರ್ ಪಡೆದುಕೊಳ್ಳಲು ಮಾರ್ಗಗಳನ್ನು ಕಾಣುತ್ತೀರಿ. ಈ ಪುಟವನ್ನು ನಿಮ್ಮ ಬುಕ್ಮಾರ್ಕ್ ಮಾಡಿಕೊಳ್ಳಿ ಮತ್ತು ತಿಂಗಳಿಗೆ ವಿಷಯ ಬದಲಾಗುತ್ತಿದ್ದಂತೆ ಪರಿಶೀಲಿಸಿ.
[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟವನ್ನು**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿದೆ ಪ್ರಾಥಮಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೋಚರ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು. ಇದು ನೀವು ಸೇರ್ಗೊಳ್ಳಲು ಬಯಸುವ ಪುಟ ಮತ್ತು ತಿಂಗಳೊಂದಿಗೊಂದು ವಿಷಯವನ್ನು ಬದಲಾಯಿಸುವಾಗ ದಯವಿಟ್ಟು ಪರಿಶೀಲಿಸಿ.
### 📣 ಘೋಷಣೆ - GitHub Copilot Agent ಮೋಡ್ ನ ಹೊಸ ನಾವುಗಳು ಪೂರ್ಣಗೊಳಿಸಲು!
### 📣 ಘೋಷಣೆ - GitHub Copilot Agent ಮೋಡ್ ಸವಾಲುಗಳಿಗಾಗಿ!
ಹೊಸ ನಾವು ಸೇರಿಸಲಾಗಿದೆ, ಬಹುತೇಕ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹುಡುಕಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಬಳಸಿಕೊಂಡು ನೀವು ಪೂರ್ಣಗೊಳಿಸಬೇಕಾದ ಹೊಸ ನಾವು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿರದಿದ್ದರೆ ಇದು ಕೇವಲ ಪಠ್ಯ ವಿನ್ಯಾಸ ಮಾಡದೇ, ಕಡತಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಆಜ್ಞೆಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಲು ಸಾಮರ್ಥ್ಯವಿದೆ.
ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹುಡುಕಿರಿ. GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮಗಾಗಿ ಹೊಸ ಸವಾಲು ಇದೆ. ನೀವು Agent ಮೋಡ್ ಅನ್ನು ಮೊದಲು ಬಳಸದಿದ್ದರೆ, ಅದು ಕೇವಲ ಪಠ್ಯ ರಚಿಸುವುದಲ್ಲದೆ ಫೈಲ್‌ಗಳನ್ನು ಸೃಷ್ಟಿ ಮಾಡುವುದು, ಸಂಪಾದನೆ ಮಾಡುವುದು, ಕ್ರಮಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುವುದನ್ನು ಸಹ ಮಾಡಬಹುದು.
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ನಿರ್ಮಿಸಲು ಹೊಸ ಯೋಜನೆ_
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಉಪಯೋಗಿಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ_
ಹೊಸ AI ಸಹಾಯಕ ಯೋಜನೆ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [ಯೋಜನೆ](./9-chat-project/README.md)
ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್刚刚 ಸೇರಿಸಲಾಗಿದೆ, ಇದನ್ನು ನೋಡಿ [project](./9-chat-project/README.md)
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AIಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ ಬಿಡುಗಡೆಯಾಗಿದೆ
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಕೋರ್ಸ್_ JavaScript ಗಾಗಿ ಹೊಸ ಅಧ್ಯಯನ ಕ್ರಮ ಬಿಡುಗಡೆ
ನಮ್ಮ ಹೊಸ ಜನರೇಟಿವ್ AI ಪಠ್ಯಕ್ರಮವನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಡಿ!
ನಮ್ಮ ಹೊಸ ಜನರೇಟಿವ್ AI ಅಧ್ಯಯನ ಕ್ರಮವನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳದಿರಿ!
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
![ಹಿನ್ನಲೆ](../../translated_images/kn/background.148a8d43afde5730.webp)
![Background](../../translated_images/kn/background.148a8d43afde5730.webp)
- ಮೂಲಗಳಿಂದ RAG ವರೆಗೆ ಎಲ್ಲವನ್ನೂ ಒಳಗೊಂಡ ಪಾಠಗಳು.
- GenAI ಮತ್ತು ನಮ್ಮ ಸಂಗಾತಿ ಅಪ್ ಬಳಸಿ ಐತಿಹಾಸಿಕ ಪಾತ್ರಗಳೊಂದಿಗೆ ಸಂವಹನ ಮಾಡಿ.
- ಮನರಂಜನೆ ಮತ್ತು ಆಕರ್ಷಕ ಕಥಾನಕ, ನೀವು ಕಾಲ ಯಾತ್ರೆ ಮಾಡುತ್ತಿದ್ದೀರಿ!
- ಮೂಲದಲ್ಲಿಂದ RAG ವರೆಗಿನ ಪಾಠಗಳು.
- GenAI ಮತ್ತು ನಮ್ಮ ಸಹಯೋಗಿ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸಿ ಇತಿಹಾಸದ ಪಾತ್ರಗಳೊಂದಿಗೆ ಸಂವಹನ ಮಾಡಿ.
- ಮನರಂಜನೆಯ ಕಥನ, ನೀವು ಕಾಲযಾನ ಮಾಡುತ್ತಿದ್ದೀರಾ!
![પાત્ર](../../translated_images/kn/character.5c0dd8e067ffd693.webp)
![character](../../translated_images/kn/character.5c0dd8e067ffd693.webp)
ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಒಂದು ಕಾರ್ಯ, ಜ್ಞಾನ ಪರೀಕ್ಷೆ ಮತ್ತು ಸವಾಲು ಇದೆ,ದಲ್ಲಿ ಕಲಿಯುವ ವಿಷಯಗಳು:
- ಪ್ರಾಂಪ್ಟ್‌ಗಾಗಿ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ತಯಾರಿ
ಪ್ರತಿಯೊಂದು ಪಾಠದೊಂದಿಗೆ ಪೂರ್ಣಗೊಳಿಸಲು ನಿಯೋಜನೆ, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ನೀವು ಕಲಿಯಬೇಕಾದ ವಿಷಯಗಳ ಕುರಿತಾಗಿ ಮಾರ್ಗದರ್ಶಕ ಸವಾಲು ಇರುತ್ತದೆ:
- ಲಿಖಿತ ಸಂವೇದನೆ ಮತ್ತು ಸಂವೇದನೆ ಅಭಿಯಂತ್ರಣ
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ಸೃಷ್ಟಿ
- ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ಗಳು
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)!
## 🌱 ಪ್ರಾರಂಭಿಸುವುದು
> **ಆಚಾರಕರು**, ನಾವು ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಬಳಸುವ ಕುರಿತು ಕೆಲವು ಸಲಹೆಗಳನ್ನು [ಸೇರಿಸಿದ್ದೇವೆ](for-teachers.md). ನಿಮ್ಮ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು [ನಮ್ಮ ಚರ್ಚೆ ವೇದಿಕೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ನಲ್ಲಿ ಆವश्यकತೆ ಇರುತ್ತದೆ!
## 🌱 ಪ್ರಾರಂಭಿಕ ಪಾಯಿಂಟ್
**[ಕಲಿಯುವವರು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ಪ್ರತಿ ಪಾಠಕ್ಕಾಗಿ, ಪ್ರಥಮವಾಗಿ ಪೂರ್ವ-ಪಾಠ ಕುಯಿಜ್ ಸಂಪರ್ಕಿಸಿ ನಂತರ ಪಾಠದ ವಸ್ತು ಓದಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ನಂತರದ ಪಾಠ ಕುಯಿಜ್ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆ ಪರಿಶೀಲಿಸಿ.
> **ಶಿಕ್ಷಕರು**, ಈ ಅಧ್ಯಯನ ಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸಬೇಕು ಎಂಬ ಕೆಲವು ಸಲಹೆಗಳು [ಇಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ](for-teachers.md). ನಿಮ್ಮ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಮಗೆ ತಿಳಿಸಿ [ನಮ್ಮ ಚರ್ಚಾ ವೇದಿಕೆಯಲ್ಲಿಇಲ್ಲಿ](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) ನಂತಹ ಪಠ್ಯ ಸಂಪಾದಕ ಬಳಸಿ ಆಯ್ಕೆ ಮಾಡಬಹುದು.
### 📋 ನಿಮ್ಮ ವಾತಾವರಣವನ್ನು ಹೊಂದಿಸಿ
#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯು ನಿಮ್ಮ ಸ್ವಂತ ನಕಲನ್ನು ನಿರ್ಮಿಸುವುದನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮದ ನಕಲಿನೊಂದಿಗೆ ಹೊಸ ರಿಪೊಸಿಟರಿ ಸೃಷ್ಟಿಸಲು ಪುಟದ ಮೇಲ್ಭಾಗದ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
ಈ ಅಧ್ಯಯನಕ್ರಮವು ಉಪಯೋಗಕ್ಕೆ ತಯಾರಾದ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ಒಳಗೊಂಡಿದೆ! ನೀವು ಪ್ರಾರಂಭಿಸುವಾಗ ನೀವು ಈ ಅಧ್ಯಯನಕ್ರಮವನ್ನು [Codespace](https://github.com/features/codespaces/) (_ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಯಾವುದೇ ಇನ್ಸ್ಟಾಲ್ ಅಗತ್ಯವಿಲ್ಲದ ಪರಿಸರ_) ನಲ್ಲಿ ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಮುಂತಾದ ಪಠ್ಯ ಸಂಪಾದಕ ಬಳಸಿಕೊಂಡು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು.
#### ನಿಮ್ಮ ರೆಪೊಸಿಟೊರಿ ನಿರ್ಮಿಸಿ
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರೆಪೊಸಿಟೋರಿಯ ಪೂರ್ಣ ನಕಲನ್ನು ನಿಮ್ಮದಾಗಿ ನಿರ್ಮಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಇದನ್ನು ಮಾಡಲು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ **Use this template** ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ. ಇದು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಹೊಸ ರೆಪೊಸಿಟೊರಿಯನ್ನು ಮತ್ತು ಅಧ್ಯಯನಕ್ರಮದ ನಕಲನ್ನು ರಚಿಸುತ್ತದೆ.
ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ದಡಿಯಲ್ಲಿ ಇರುವ "Fork" ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
1. **Repositories ನ್ನು Fork ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಕೊನೆಯಲ್ಲಿ ಇರುವ "Fork" ಬಟನ್ ಅನ್ನು ಒತ್ತಿರಿ.
2. **Repositories ನ್ನು 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/kn/createcodespace.0238bbf4d7a8d955.webp)
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಲಾಯಿಸುವುದು
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಅಧ್ಯಯನಕ್ರಮವನ್ನು ನಡೆಸುವುದು
ಈ ಅಧ್ಯಯನಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಹೂಡಲು, ನಿಮಗೆ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಅಗತ್ಯವಿದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) ನಿಮಗೆ ಪ್ರತಿಯೊಂದು ಉಪಕರಣಗಳಿಗೆ ವಿವಿಧ ಆಯ್ಕೆಗಳನ್ನು ತೋರಿಸುತ್ತದೆ ಮತ್ತು ಯಾವುದು ನಿಮಗೆ ಸೂಕ್ತ ಎಂದು ಆರಿಸುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಚಲಾಯಿಸಲು, ನಿಮಗೆ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಬೇಕಾಗುತ್ತದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು](../../1-getting-started-lessons/1-intro-to-programming-languages), ನಿಮ್ಮ ಅವಶ್ಯಕತೆಗಳಿಗೆ ಸರಿಯಾದ ಆಯ್ಕೆ ಮಾಡಲು ಆ ವಿವಿಧ ಆಯ್ಕೆಗಳನ್ನು ನಿಮಗೆ ಪರಿಚಯಿಸುತ್ತದೆ.
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಬಳಸುವುದು, ಇದರಲ್ಲಿ ನಿರ್ಮಿತಿತ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಇದೆ. Visual Studio Code ನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ಸಂಪಾದಕವಾಗಿ ಬಳಸುವುದಾಗಿದೆ, ಇದರಲ್ಲಿ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅಂತರ್ನಿಹಿತವಿರುತ್ತದೆ. ನೀವು Visual Studio Code ಅನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು.
1. ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯ ನಕಲನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲಿಸಬಹುದು:
1. ನಿಮ್ಮ ರೆಪೊಸಿಟೋರಿಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ಇದನ್ನು ಮಾಡಲು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನ್ನು ನಕಲಿಸಿ:
[CodeSpace](./images/createcodespace.png)
ಆಮೇಲೆ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅಂತರ್ನಿಹಿತವಾಗಿ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸಿ, `<your-repository-url>` ಅನ್ನು ನೀವು ಈಗ ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಿ ಮಾಡಿಕೊಳ್ಳಿ:
ನಂತರ, [ವಿಸುಯಲ್ ಸ್ಟುಡಿಯೋ ಕೋಡ್](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿರುವ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸಿ, ನೀವು appena ಪ್ರತಿಲಿಪಿ ಮಾಡಿದ URL ಅನ್ನು `<your-repository-url>` ನೊಂದಿಗೆ ಬದಲಾಯಿಸಿ:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಆಗು ತೆಗೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
2. ವಿಸುಯಲ್ ಸ್ಟುಡಿಯೋ ಕೋಡ್‌ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ. ಇದು ನೀವು appena ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ **ಫೈಲ್** > **ಒಪನ್ ಫೋಲ್ಡರ್** ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಮಾಡಬಹುದು.
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
> ಶಿಫಾರಸ್ಸು ಮಾಡಲಾದ ವಿಸುಯಲ್ ಸ್ಟುಡಿಯೋ ಕೋಡ್ ವಿಸ್ತರಣೆಗಳು:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳ ಪೂರ್ವದರ್ಶನಕ್ಕೆ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
> * [ಲೈವ್ ಸರ್ವರ್](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - ವಿಸುಯಲ್ ಸ್ಟುಡಿಯೋ ಕೋಡ್ ಒಳಗಿರುವ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು
> * [ಕೋಪಿಲಾಟ್](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 ಆಪ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ ಅಜುರ್‌ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್‌ನ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
## 🗃️ ಪಾಠಗಳು
| | ಯೋಜನೆಯ ಹೆಸರು | ಕಲಿಸಿದ ಅಂಶಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಸಂಬಂಧಿಸಿದ ಪಾಠ | ರಚನೆಕಾರರು |
| :-: | :-------------------------------------------------------: | :------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳ ಬಗ್ಗೆ ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜಾಸ್ಮಿನ್ |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | ಗಿಥಬ್‌ನ ಮೂಲಭೂತಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಸೇರಿಸುತ್ತದೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಕೋಡ್ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಂದಿಗೆ ಸಹಕಾರ ಮಾಡುವುದು | [GitHub ಪ್ರಾರಂಭಿಕ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶೋಪಯೋಗಿತ್ವ | ವೆಬ್ ಪ್ರವೇಶೋಪಯೋಗಿತ್ವದ ಮೂಲಭೂತಗಳು ಕಲಿಯಿರಿ | [ಪ್ರವೇಶೋಪಯೋಗಿತ್ವ ಮೂಲತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟೊಫರ್ |
| 04 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತ ವಿವರಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜಾಸ್ಮಿನ್ |
| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಪ್ರವಾಹವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜಾಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೊಫರ್ |
| 06 | JS ಮೂಲಭೂತಗಳು | JS ಜೊತೆಗೆ ನಿರ್ಣಯಗಳನ್ನು ಮಾಡುವುದು | ನಿರ್ಣಯ-ಮಾದರಿ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡಲು](./2-js-basics/3-making-decisions/README.md) | ಜಾಸ್ಮಿನ್ |
| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳೊಂದಿಗೆ ಡೇಟಾದೊಂದಿಗೆ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜಾಸ್ಮಿನ್ |
| 08 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | HTML ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ |
| 09 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | CSS ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು CSS ರಚಿಸಿ, CSS ಮೂಲಭೂತಗಳನ್ನು ಒಳಗೊಂಡು ಪುಟ ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸಲು ಗಮನಕೊಡಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ |
| 10 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ | ಡ್ರಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಮೂಲಕ ಟೆರೇರಿಯಂ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ನಿರ್ವಹಣೆಯ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ |
| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಇವೆಂಟ್‌ಗಳ ಬಳಕೆಯಿಂದ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಮೊರೆಹೋಗುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಇವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟೊಫರ್ |
| 12 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರಿನ ಕಾರ್ಯವಿಧಾನ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಪ್ರಾರಂಭಿಕ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಬ್ರೌಸರಿನ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ |
| 13 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಾಣ, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಲ್ಲಿಲ್ಲಿ ಚರಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆಯಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸંગ્રಹಿತ ಚರಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ | [APIಗಳು, ಫಾರ್ಮ್ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ |
| 14 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಅದನ್ನು ಉತ್ತಮಗೊಳಿಸುವ ಕೆಲವು ಉಪಾಯಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಹೆಚ್ಚು ಉನ್ನತ ಆಟ ಅಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಂಶಪಾರಂಪರ್ಯ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಕಲಿತು, ಆಟವನ್ನು ರಚಿಸಲು ಸಿದ್ಧತೆಯಾಗಿರಿ | [ಅತ್ಯಾಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್‌ವಾಸ್‌ಗೆ ಚಿತ್ರರಚನೆ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್‌ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್‌ವಾಸ್‌ಗೆ ಚಿತ್ರರಚನೆ](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಸುತ್ತಲಿ ಅಂಶಗಳ ಚಲನೆ | ಕಾರ್ಟೀಸಿಯನ್ ನಿರ್ದೇಖನಗಳು ಮತ್ತು ಕ್ಯಾನ್‌ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಹೇಗೆ ಚಲಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಸುತ್ತಲಿ ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು | ಕೀಪ್ರೆಸ್ ಬಳಸಿಕೊಂಡು ಅಂಶಗಳನ್ನು ಘರ್ಷಣೆಯಲ್ಲಿ ಮೂಡಿಸಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಖಚಿತಪಡಿಸಲು ಶಿಶುಶೀತಲ ಕಾರ್ಯವಿಧಾನವನ್ನು ನೀಡಿರಿ | [ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕೆಗಳು ಸંગ્રಹಿಸುವುದು | ಆಟದ ಸ್ಥಿತಿಗತಿಯ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಹಿಸುಕುಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [ಅಂಕೆಗಳನ್ನು ಕಾಪಾಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಅಂತ್ಯಗೊಳಿಸುವುದು ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವುದು | ಆಟದ ಅಂತ್ಯಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವಿಕೆ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವಿಕೆ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ |
| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನೆಯಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗ ನಿರ್ವಹಣೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳ ಬಳಕೆ ಮೂಲಕ ಬಹುಪುಟ ವೆಬ್‌ಸೈಟ್ معماري ಸೃಷ್ಟಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ |
| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಪಟ್ಟಿ ಪರಿಶೀಲನೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ |
| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆದುಕೊಳ್ಳಲು ಮತ್ತು ಬಳಸಲು ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಪ್ರವಾಹಿಸುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆದುಕೊಳ್ಳುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ನಾಶಪಡಿಸುವುದು | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ |
| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆ ಪರಿಕಲ್ಪನೆಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಕಾಯ್ದುಕೊಳ್ಳುವುದು ಮತ್ತು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಅದನ್ನು ನಿರ್ವಹಿಸುವುದು | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ |
| 25 | [ಬ್ರೌಸರ/VSಕೋಡ್ ಕೋಡ್](../../8-code-editor) | VSಕೋಡ್ ಜೊತೆಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ ಮಾಡುವ ವಿಧಾನ ಕಲಿಯಿರಿ| [VSಕೋಡ್ ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ |
| 26 | [AI ಸಹಾಯಕರ](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕ ಅನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಯೋಜನೆ](./9-chat-project/README.md) | ಕ್ರಿಸ್ |
## 🏫 ಪಠ್ಯಶಾಸ್ತ್ರ
ನಮ್ಮ ಅಧ್ಯಯನಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರ 원칙ಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ:
* ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ
* ಆಗಾಗಾಗ್ಗೆ ಕ್ವಿಜ್‌ಗಳು
ಕಾರ್ಯಕ್ರಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML, ಮತ್ತು CSS ಅವರ ಮೂಲಭೂತ ವಿಷಯಗಳನ್ನು ಮತ್ತು ಇಂದಿನ ವೆಬ್ ডೆವಲಪರ್ ಗಳ ಬಳಕೆ ಮಾಡುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಆಟ, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಅಂತರಿಕ್ಷ ಆಟ ಸ್ನೈಪರ್ ಶೈಲಿ ಆಟ, ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸುವ ಮೂಲಕ ಪ್ರಯೋಗಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಅಂತ್ಯದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಸದೃಢ ತಿಳಿವಳಿಕೆಯನ್ನು ಹೊಂದಿರುತ್ತಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಕೆಲವು ಮೊದಲ ಪಾಠಗಳನ್ನು Microsoft Learn ನಲ್ಲಿ [ಕಲಿಯುವ ಪಥ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ಆಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು!
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವುದನ್ನು ಖಚಿತಪಡಿಸುವ ಮೂಲಕ, ವಿದ್ಯಾರ್ಥಿಗಳ ಆಸಕ್ತಿಯನ್ನು ಹೆಚ್ಚಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಾಂಶಗಳ ಸೇರುವುದು ಸುಲಭವಾಗುತ್ತದೆ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಭೂತಗಳ ಮೇಲೆ ಹಲವಾರು ಪ್ರಾರಂಭ ಪಾಠಗಳನ್ನು ಬರೆದಿದ್ದೇವೆ, ಮತ್ತು "[ಜನಪ್ರಿಯರ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೊಗಳ ಸಂಗ್ರಹದಿಂದ ವೀಡಿಯೋಗಳನ್ನು ಸೇರಿಸಿದ್ದೇವೆ, ಇದರ ಕೆಲವು ರಚನೆಕಾರರು ಈ ಅಧ್ಯಯನಕ್ರಮಕ್ಕೆ ಸಹಾಯ ಮಾಡಿದ್ದಾರೆ.
ಇನ್ನಷ್ಟು, ತರಗತಿಗೆ ಮುಂಚಿತವಾಗಿ ಕಡಿಮೆ-ಏತುದಾಯಕವಾದ ಕ್ವಿಜ್ವು ವಿದ್ಯಾರ್ಥಿಯ ಕಲಿಕೆ ನಿರ್ಧಾರವನ್ನು ನಿರ್ದಿಷ್ಟಗೊಳಿಸುತ್ತದೆ, ಮತ್ತು ತರಗತಿ ನಂತರದ ಎರಡನೇ ಕ್ವಿಜ್ ದೃಢತೆ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಈ ಅಧ್ಯಯನಕ್ರಮವನ್ನು ಸೌಕರ್ಯವಾಗಿ ಮತ್ತು ಮನೋರಂಜನೆಯಾಗಿ ರೂಪಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗಶಃ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಯೋಜನೆಗಳು ಚಿಕ್ಕದಾಗಿ ಪ್ರಾರಂಭವಾಗಿ 12-ವಾರದ ಚಕ್ರದ ಅಂತ್ಯದಲ್ಲಿ ಹಿಂದುಳಿದ ವಷಯಗಳಾಗಿ ಪರಿಗಣಿಸಲ್ಪಡುತ್ತವೆ.
ನಾವು ಉದ್ದೇಶಿತವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ತಪ್ಪಿಸಿದ್ದೇವೆ, ಬೇಸಿಕ್ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಬರುವ ಒಂದು ಉತ್ತಮ ಹೆಜ್ಜೆಯಾಗಿ ಈ ಅಧ್ಯಯನಕ್ರಮವು ಮುಕ್ತಾಯವಾದ ಮೇಲೆ ನೋಡ್.ಜೆಎಸ್ನ ಬಗ್ಗೆ ಮತ್ತೊಂದು ವೀಡಿಯೊ ಸಂಗ್ರಹದಿಂದ ಕಲಿಯಬಹುದು: "[ಪ್ರಾರಂಭಿಕರ ಸರಣಿ: ನೋಡ್.ಜೆಎಸ್](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> ನಮ್ಮ [ನಡುಪಾಲನೆ ಕೋಡ್](CODE_OF_CONDUCT.md) ಮತ್ತು [ಚೇತನιστα](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿಯಾಗಿರಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಗಳಿಗೆ ನಾವು ಸ್ವಾಗತ ಸಲ್ಲಿಸುತ್ತೇವೆ!
| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿತ ಸಂಗತಿಗಳು | ಕಲಿಕೆಯ ಉದ್ದೇಶಗಳು | ಲಿಂಕ್ ಪಾಠ | ಲೇಖಕ |
| :-: | :----------------------------------------------------------: | :--------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ಪ್ರಾರಂಭಿಸೋಣ | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಮತ್ತು ಉಡುಪಿನ ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ತತ್ವಗಳನ್ನು ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್ಗಳ ಕಾರ್ಯವನ್ನು ನೆರವಾಗುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಉಪಕರಣಗಳು ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜಾಸ್ಮಿನ್ |
| 02 | ಪ್ರಾರಂಭಿಸೋಣ | GitHub ಮೂಲಗಳು, ತಂಡದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದು | ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಕೋಡ್ ಬೇಸ್‌ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಹೇಗೆ ಸಹಕಾರ ಮಾಡುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ |
| 03 | ಪ್ರಾರಂಭಿಸೋಣ | ಪ್ರವೇಶಸಾಧ್ಯತೆ | ವೆಬ್ ಪ್ರವೇಶಸಾಧ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ | [ಪ್ರವೇಶಸಾಧ್ಯತೆ ಮೂಲಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ |
| 04 | JS ಮೂಲಗಳು | ಜаваಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜಾಸ್ಮಿನ್ |
| 05 | JS ಮೂಲಗಳು | ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್‌ನ ತರ್ಕದ ಹರಿವು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜಾಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೋಫರ್ |
| 06 | JS ಮೂಲಗಳು | JS ನೊಂದಿಗೆ ತೀರ್ಮಾನಗಳನ್ನು ಮಾಡುವುದು | ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ತೀರ್ಮಾನಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಷರತ್ತಿನ ನಿರ್ಮಾಣವನ್ನು ಕಲಿಯಿರಿ | [ತೀರ್ಮಾನ ಮಾಡುವುದು](./2-js-basics/3-making-decisions/README.md) | ಜಾಸ್ಮಿನ್ |
| 07 | JS ಮೂಲಗಳು | ಅರೇಸ್ ಮತ್ತು ಲೂಪ್‌ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೇಸ್ ಮತ್ತು ಲೂಪ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಮೇಲೆ ಕಾರ್ಯನಿರ್ವಹಿಸಿ | [ಅರೇಸ್ ಮತ್ತು ಲೂಪ್‌ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜಾಸ್ಮಿನ್ |
| 08 | [ಟೆರಾರಿಯಂ](./3-terrarium/solution/README.md) | ಹಟಿಎಂಎಲ್ ಪ್ರಾಯೋಗಿಕ | ಆನ್‌ಲೈನ್ ಟೆರಾರಿಯಂ ಸೃಷ್ಟಿಸಲು ಹಟಿಎಂಎಲ್ ನಿರ್ಮಿಸಿ, ಲೇಔಟ್ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಹಟಿಎಂಎಲ್ ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ |
| 09 | [ಟೆರಾರಿಯಂ](./3-terrarium/solution/README.md) | ಸಿಎಸ್ಸಿ ಪ್ರಾಯೋಗಿಕ | ಆನ್‌ಲೈನ್ ಟೆರಾರಿಯಂ ಅನ್ನು ಶೈಲಿ ನೀಡಲು ಸಿಎಸ್ಸಿ ನಿರ್ಮಿಸಿ, ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾದ ಪುಟವನ್ನು ತಯಾರಿಸುವ ಮೂಲಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಸಿಎಸ್ಸಿ ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ |
| 10 | [ಟೆರಾರಿಯಂ](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಜರ್‌ಗಳು, ಡಿಒಎಂ ವ್ಯವಸ್ಥೆ | ಟೆರಾರಿಯಂ ಅನ್ನು ಡ್ರಾಗ್/ಡ್ರಾಪ್ ಅಂತರ್ಜಾಲದಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಿಲ್ಡ್ ಮಾಡಿ, ಕ್ಲೋಜರ್‌ಗಳು ಮತ್ತು ಡಿಒಎಂ ವ್ಯವಸ್ಥೆ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಜರ್‌ಗಳು, ಡಿಒಎಂ ವ್ಯವಸ್ಥೆ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ |
| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಲಾಗುತ್ತಿದೆ | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಪ್‌ನ ತರ್ಕವನ್ನು ಚಲಾಯಿಸಲು ಕೀಪೋಸ್ಟ್ ರೀತಿಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಕಲಿಯಿರಿ | [ಘಟನೆ ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ |
| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್‌ಗಳು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ, ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲನೆಯ ಅಂಶಗಳನ್ನು ರೂಪಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಬ್ರೌಸರ್‌ಗಳ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ |
| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತčenje](./5-browser-extension/solution/README.md) | ರೂಪ ನಿರ್ಮಿಸು, API ಅನ್ನು ಕರೆ ಮಾಡು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ‌ನಲ್ಲಿ ವೇರಿಯಬಲ್ಸ್ ಇಡು | ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ ಬಳಸಿ API ಕರೆ ಮಾಡಲಿರುವ ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ | [API, ರೂಪಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ |
| 14 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿಂದಿನ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್ ಹಿಂದಿನ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಅದನ್ನು ಸುಧಾರಿಸುವ ಕೆಲವು ತಂತ್ರಗಳನ್ನು ಕಲಿಯಿರಿ | [ಹಿಂದಿನ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚಿನ ಮಟ್ಟದ ಆಟ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸ್‌ಗಳು ಮತ್ತು ಸಂಯೋಜನೆ ಬಳಸಿ ಉತ್ತರಾಧಿಕಾರ ಕುರಿತು ಮತ್ತು Pub/Sub ಮಾದರಿ ಕುರಿತು ಕಲಿಯಿರಿ, παιχνιδι ನಿರ್ಮಾಣದ ಪೂರ್ವಭಾವಿಯಾಗಿ | [ಪ್ರಗತಿಯ ಆಟ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ ಮೇಲೆ ಅಂಕನ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಅಂಕನ ಮಾಡಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್ ಅಂಕನ](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಸುತ್ತಲೂ ಅಂಶಗಳನ್ನು ಸರಿಸಲು | ಕಾರ್ಟೇಶಿಯನ್ ನಿರ್ಧಿಷ್ಟಾಂಶಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳಿಗೆ ಚಲನೆ ನೀಡುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ಅನ್ವೇಷಿಸಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಮುಖಾಮುಖಿ ಪತ್ತೆ | ಅವಕಾಶಗಳು ಟಿಕ್ಕುಗಳನ್ನು ಒಟ್ಟಾಗಿಸುವುದಾಗಿ ಮತ್ತು ಪರಸ್ಪರ ಪ್ರತಿಕ್ರಿಯಿಸುವಲ್ಲಿ, ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಖಾಲಿ ಸಮಯ ಕಾರ್ಯವನ್ನು ಒದಗಿಸುವುದಾಗಿ ಮಾಡಿ | [ಮುಹೂರ್ತ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಸ್ಕೋರ್ ಇಟ್ಟುಕೊಳ್ಳುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ ಆಧಾರಿತ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [ಸ್ಕೋರ್ ಇಟ್ಟುಕೊಳ್ಳುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟ ಅಂತ್ಯ ಮತ್ತು ಮರು ಪ್ರಾರಂಭ | ಆಟದ ಅಂತ್ಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭ ಕುರಿತಾಗಿ, ಸಂಪತ್ತುಗಳನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರ ವಿಲುಗಳು ಮರುಹೊಂದಿಸುವುದು ಕುರಿತಾಗಿ ಕಲಿಯಿರಿ | [ಅಂತ್ಯ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ |
| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಆಪ್‌ನಲ್ಲಿ ಹಟಿಎಂಎಲ್ ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ದ್ವಿಪಟ್ಲಿಕೆಯ ವೆಬ್ ತಾಣದ ಸ್ಥೂಲ ಹಣಚೂಪ್ತಿಕೆ ರಚಿಸಲು ಮಾರ್ಗ ಸಂಯೋಜನೆ ಮತ್ತು ಹಟಿಎಂಎಲ್ ಟೆಂಪ್ಲೇಟುಗಳನ್ನು ಹೇಗೆ ಮಾಡುವುದು ಕಲಿಯಿರಿ | [ಹಟಿಎಂಎಲ್ ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೊಹಾನ್ |
| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್‌ಗಳು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಗಳನ್ನು ಹೇಗೆ ನಿರ್ಮಿಸಿ ಮತ್ತು ನಿರ್ವಹಿಸುವುದು ಕಲಿಯಿರಿ | [ಫಾರ್ಮ್‌ಗಳು](./7-bank-project/2-forms/README.md) | ಯೊಹಾನ್ |
| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಹಾಗೂ ಬಳಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಆಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಪ್ರವೇಶಿಸುತ್ತದೆ ಮತ್ತು ಹೊರಹೋಗುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ పొందುವುದು, ಸંગ્રಹಿಸುವುದು ಮತ್ತು ವಿಸರ್ಜನೆ ಮಾಡುವುದು | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೊಹಾನ್ |
| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ಕಲ್ಪನೆಗಳು | ನಿಮ್ಮ ಆಪ್ಲಿಕೇಶನ್ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಉಳಿಸುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ಮಾತ್ಮಕವಾಗಿ ಹೇಗೆ ನಿರ್ವಹಿಸಬಹುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೊಹಾನ್ |
| 25 | [ಬ್ರೌಸರ್/ವಿಎಸ್ ಕೋಡ್ ಕೋಡ್](../../8-code-editor) | ವಿಎಸ್ ಕೋಡ್‌ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಎಡಿಟರ್ ಅನ್ನು ಬಳಸುವುದು ಕಲಿಯಿರಿ | [ವಿಎಸ್ಸೋಡ್ ಕೋಡ್ ಎಡಿಟರ್ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ |
| 26 | [ಕೃತ್ರಿಮ ಬುದ್ಧಿಮತ್ತೆ ಸಹಾಯಕರು](./9-chat-project/README.md) | ಕೃತ್ರಿಮ ಬುದ್ಧಿಮತ್ತೆ ಜೊತೆ ಕೆಲಸ | ನಿಮ್ಮದೇ ಕೃತ್ರಿಮ ಬುದ್ಧಿಮತ್ತೆ ಸಹಾಯಕರನ್ನು ನಿರ್ಮಿಸುವುದು ಕಲಿಯಿರಿ | [ಕೃತ್ರಿಮ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | ಕ್ರಿಸ್ |
## 🏫 ಪಾಠಶಿಕ್ಷಣ
ನಮ್ಮ ಪಠ್ಯಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಡಗೊಳಿಸುವಣಾ ತತ್ತ್ವಗಳನ್ನು ಕೇಂದ್ರದಲ್ಲಿ ಇಡುತ್ತದೆ:
* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ
* ನಿಯಮಿತ ಪ್ರಶ್ನೋತ್ತರಗಳು
ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಹಟಿಎಂಎಲ್, ಮತ್ತು ಸಿಎಸ್ಸಿ ಮೂಲಭೂತಗಳನ್ನು, ಮತ್ತು ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ಬಳಸುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಆಟ, ವರ್ಚುವಲ್ ಟೆರಾರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಇನ್‌ವೇಡರ್ ಶೈಲಿಯ ಆಟ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಆಪ್ ಬಿಲ್ಡಿಂಗ್ ಮೂಲಕ ಕೈಯಿಂದ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಅಂತ್ಯಕ್ಕೆ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಘನವಾದ ಅರ್ಥ ತಿಳಿಕೆಯನ್ನು ಪಡೆಯುತ್ತಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್‌ನಲ್ಲಿ [ಲರ್ನ್ ಪಾತ್](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ಆಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು!
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಹೊಂದಿಕೆಯಾಗಿದ್ದರಿಂದ, ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ಕಲಿತ ಕಲ್ಪನೆಗಳ ಸ್ಥಿರತೆ ಹೆಚ್ಚಾಗುತ್ತದೆ. ನಾವು ಜೊತೆಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಗಳಲ್ಲಿ ಹಲವು ಪ್ರಾರಂಭಿಕ ಪಾಠಗಳನ್ನು ಬರೆದಿದ್ದೇವೆ, ಇದೀಗ ಹಳೆಯ "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೊ ಸಂಕಲನದಿಂದ ವೀಡಿಯೊ ಹೊಂದಿವೆ, ಅದರ ಕೆಲ ಲೇಖಕರು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಸಹಭಾಗಿತರಾಗಿದ್ದಾರೆ.
ಮತ್ತಷ್ಟು, ತರಗತಿಗೆ ಮುನ್ನ ಕಡಿಮೆ ಒತ್ತಡದ ಪ್ರಶ್ನೋತ್ತರವು ವಿದ್ಯಾರ್ಥಿಯ ಕಲಿಕಾ ನಿಟ್ಟನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ, ಮತ್ತು ಎರಡನೇ ಪ್ರಶ್ನೋತ್ತರ ತರಗತಿಗೆ ನಂತರ ಹೆಚ್ಚಿನ ಸ್ಥಿರತೆಯನ್ನು ಖಚಿತಪಡಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವು ಸೌಕರ್ಯಯುತ ಮತ್ತು ಮನರಂಜನೀಯವಾಗಿರಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, ಇದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಕಿರಿಯಿಂದ ಪ್ರಾರಂಭಿಸಿ 12 ವಾರಗಳ ಸರಣಿಯ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತವೆ.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸಲು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ಮೂಲ ಕೌಶಲ್ಯಗಳನ್ನು ಗಮನಹರಿಸುವುದು, ಫ್ರೇಮ್ವರ್ಕ್ ಸ್ವೀಕರಿಸುವ ಮೊದಲು, ಇದನ್ನು ಮುಗಿಸುವ ಉತ್ತಮ ಮುಂದಿನ ಹಂತ ಎಂದರೆ "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ಎಂಬ ವೀಡಿಯೊ ಸಂಕಲನದಿಂದ Node.js ಬಗ್ಗೆ ಕಲಿಯುವುದು.
> ನಮ್ಮ [ಚಟುವಟಿಕೆ ಸಂಹಿತೆ](CODE_OF_CONDUCT.md) ಮತ್ತು [ಹೊಂದಿಕೆ ಪತ್ರಿಕೆ](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿಯಾಗಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು ಆತುರದಿಂದ ಸ್ವೀಕರಿಸುತ್ತೇವೆ!
## 🧭 ಆಫ್‌ಲೈನ್ ಪ್ರವೇಶ
ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ಈ ಪ್ರलेಖನವನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ಓಡಿಸಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsifyನ್ನು ಸೆಟ್‌ಅಪ್ ಮಾಡಿ](https://docsify.js.org/#/quickstart) ಮತ್ತು ನಂತರ ಈ ರೆಪೊ ಮೂಲಪಾತ್ರದಲ್ಲಿಳ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೊಕಲ್‌ಹೋಸ್ಟ್‌ನಲ್ಲಿ 3000 ಪೋರ್ಟ್‌ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`.
ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿಕೊಂಡು ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್‌ನನ್ನೂ ಆಫ್‌ಲೈನ್ ನಲ್ಲಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್ಸ್ಟಾಲ್](https://docsify.js.org/#/quickstart) ಮಾಡಿ, ನಂತರ ಈ ರೆಪೊ ರೂಟ್ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌സೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್‌ಹೋಸ್ಟ್‌ನಲ್ಲಿ ಪೋರ್ಟ್ 3000 ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`.
## 📘 ಪಿಡಿಎಫ್
## 📘 PDF
ಎಲ್ಲಾ ಪಾಠಗಳ ಪಿಡಿಎಫ್ ಅನ್ನು ಇಲ್ಲಿ [ಇಡಲಾಗಿದೆ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು.
## 🎒 ಇತರ ಕೋರ್ಸ್‌ಗಳು
ನಮ್ಮ ತಂಡವು ಇತರ 코ರ್ಸ್ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ! ಚೆಕ್ ಮಾಡಿ:
## 🎒 ಇತರೆ курсаಸ್
ನಮ್ಮ ತಂಡ ಇತರ ಕೋರ್ಸ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ! ಜೋತೆಯಾಗಿ ನೋಡಿ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
@ -247,21 +248,21 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
## ಸಹಾಯ ಪಡೆಯುವುದು
ನೀವು ಅಡಗಿ ಹೋಗಿದ್ದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದರ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ, ಸಹಭಾಗಿಗಳೊಂದಿಗೆ ಮತ್ತು ಅನುಭವಜ್ಞರೊಂದಿಗೆ MCP ಕುರಿತು ಚರ್ಚೆಗಳಲ್ಲಿ ಸೇರಿ. ಇದು ಪ್ರಶ್ನೆಗಳನ್ನು ಸ್ವಾಗತಿಸುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುವ ಒಂದು ಬೆಂಬಲನೆಯ ಸಮುದಾಯವಾಗಿದೆ.
ನೀವು ಅಡಗಿಸಿಕೊಂಡಿದ್ದೀರಾ ಅಥವಾ AI ಆ್ಯಪ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದಕ್ಕೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ, MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹಕಾಲಿಕ ಕಲಿಕಾರರು ಮತ್ತು ಅನುಭವಸंपನ್ನ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರೊಂದಿಗೆ ಸೇರಿ. ಇದು ಪ್ರಶ್ನೆಗಳಿಗೆ ಸ್ವಾಗತ ನೀಡುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಉಚಿತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುವ ಬೆಂಬಲಾತ್ಮಕ ಸಮುದಾಯವಾಗಿದೆ.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ನಿಮಗೆ ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆಗಳು ಅಥವಾ ನಿರ್ಮಿಸುವಾಗ ಎರ್ರರ್‌ಗಳು ಇದ್ದರೆ ಭೇಟಿ ನೀಡಿ:
ನಿಮ್ಮ ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆ ಅಥವಾ ಕಲಿಸುವಾಗ ತಪ್ಪುಗಳಿದ್ದರೆ ಭೇಟಿ ನೀಡಿ:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## ಪರವಾನಗಿ
ಈ ಸಂಗ್ರಹಾಲಯವನ್ನು MIT ಪರವಾನಗಿಯಡಿಯಲ್ಲಿ ಲೈಸೆನ್ಸ್ ಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ.
ಈ ಸಂಗ್ರಹಿಕೆಯನ್ನು MIT ಪರವಾನಗಿ ಅಡಿಯಲ್ಲಿ ಪರವಾನಗಿಯನ್ನು ಸಿಕ್ಕಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗೆ [LICENSE](../../LICENSE) ಕಡತವನ್ನು ನೋಡಿ.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಜಾರಿಗೊಳಿಸುವಿಕೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲ ದೃಷ್ಟಿಗೆ ಬರುವ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅದರ ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಸ್ನೇಹಪೂರ್ವಕವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗಳಿಗೆ ಅಥವಾ ವ್ಯತ್ಯಯಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗಿರುವುದಿಲ್ಲ.
**ಮುಕ್ತಾಯ ಘೋಷಣೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆಯಾದ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿಕೊಂಡು ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಯನ್ನು ಕಾಯ್ದುಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ఉండಬಹುದು ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅದರ ಸ್ವದೇಶಿ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ ಮೂಲವ್ಯವಸ್ಥೆ ಆಗಿದ್ದು ಪರಿಗಣಿಸುವುದು ಸೂಕ್ತ. ಮಹತ್ವಪೂರ್ಣ ಮಾಹಿತಿಗೆ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆ ಮೂಲಕ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗಳಿಗೆ ಅಥವಾ ತಪ್ಪು ವಿವರಣೆಗಳಿಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗಿದ್ದೇವೆ ಎಂಬುದು ಅಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

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

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-01-08T10:26:00+00:00",
"translation_date": "2026-02-06T10:49:24+00:00",
"source_file": "AGENTS.md",
"language_code": "ml"
},
@ -516,8 +516,8 @@
"language_code": "ml"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T19:38:19+00:00",
"original_hash": "805cd399757df19e886e86f0891a1374",
"translation_date": "2026-02-06T10:45:43+00:00",
"source_file": "README.md",
"language_code": "ml"
},

348
translations/ml/AGENTS.md
Unescape View File

@ -2,27 +2,27 @@
## Project Overview
ഇത് വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങളെ തുടക്കക്കാരെ പഠിപ്പിക്കുന്നതിനുള്ള ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റെപ്പോസിറ്ററിയാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റുകൾ വികസിപ്പിച്ചെടുത്ത 12 ആഴ്ചകളിലെ സമഗ്ര കോഴ്സ് ആണ് ഈ പാഠ്യപദ്ധതി, അതിൽ ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML തുടങ്ങിയ വിഷയങ്ങളെക്കുറിച്ചുള്ള 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്നു.
ഇത് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങള്‍ തുടങ്ങുന്നവര്‍ക്ക് പഠിപ്പിക്കാന്‍ ഉള്ള ഒരു വിദ്യാഭ്യാസ കോഴ്‌സ് റിപോസിറ്ററിയാണ്. ഇത് മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റുകള്‍ വികസിപ്പിച്ച 12 ആഴ്ച കാലയളവില്‍ 24 പ്രായോഗിക ലെസ്സനുകള്‍ അടങ്ങിയ സമഗ്ര കോഴ്‌സാണ്, ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയെക്കുറിച്ചാണ്.
### Key Components
- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പദ്ധതിപരമായി ക്രമീകരിച്ച 24 ഘടനാപരമായ പാഠങ്ങൾ
- **പ്രായോഗിക പ്രോജക്ടുകൾ**: Terrarium, ടൈപ്പിങ്ങ് ഗെയിം, ബ്രൗസർ എക്സ്‌ടൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിംഗ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്
- **ഇന്ററാക്ടീവ് ക്വിസുകൾ**: ഓരോത്തിലും 3 ചോദ്യങ്ങളുള്ള 48 ക്വിസുകൾ (പാഠം മുമ്പും ശേഷവും)
- **ബഹുഭാഷാ പിന്തുണ**: GitHub Actions ഉപയോഗിച്ച് 50+ ഭാഷകളിലേക്ക് സ്വಯമാറ്റം
- **ടെക്‌നോളജികൾ**: HTML, CSS, ജാവാസ്ക്രിപ്റ്റ്, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകൾക്ക്)
- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പ്രോജക്ട് അടിസ്ഥാനമാക്കിയുള്ള 24 ഘടിപ്പിച്ച ലെസ്സനുകള്‍
- **പ്രായോഗിക പ്രോജക്ടുകള്‍**: ടെറാറിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസര്‍ എക്‌സ്റ്റന്‍ഷന്, സ്പേസ് ഗെയിം, ബാങ്കിംഗ് അപ്, കോഡ് എഡിറ്റര്‍, AI ചാറ്റ് അസിസ്റ്റന്റ്
- **ഇന്ററാക്ടീവ് ക്വിസ്**: 48 ക്വിസുകള്‍ 3 ചോദ്യങ്ങളോടു കൂടി (പ്രീ/പോസ്റ്റ് ലെസ്സന്‍ പരിശോധനകള്‍)
- **ബഹുഭാഷ പിന്തുണ**: GitHub Actions വഴി 50+ ഭാഷകളിലേക്ക് ഓട്ടോമാറ്റഡ് പരിഭാഷ
- **ടെക്‌നോളജികള്‍**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകള്‍ക്ക്)
### Architecture
- പാഠം അധിഷ്ഠിത ഘടനയോടെ വിദ്യാഭ്യാസ റെപ്പോസിറ്ററി
- ഓരോ പാഠ ഫോളഡറിൽ README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ അടങ്ങിയിരിക്കുന്നു
- സ്വതന്ത്ര പ്രോജക്ടുകൾ വേർതിരിച്ച ഫോളഡറുകളിൽ (quiz-app, വ്യത്യസ്ത പാഠ പ്രോജക്ടുകൾ)
- GitHub Actions ഉപയോഗിച്ചുള്ള വിവർത്തന സംവിധാനം (co-op-translator)
- ഡോക്യൂമെന്റേഷൻ Docsify വഴി സർവ് ചെയ്യുന്നു കൂടാതെ PDF രൂപത്തിൽ ലഭ്യമാണ്
- ലെസ്സന്‍ അടിസ്ഥാനത്തിലുള്ള വിദ്യാഭ്യാസ റിപോസിറ്ററി
- ഓരോ ലെസ്സന്‍ ഫോളഡര്‍ README, കോഡ് ഉദാഹരണങ്ങള്‍, പരിഹാരങ്ങള്‍ ഉള്‍ക്കൊള്ളുന്നു
- സ്വതന്ത്ര പ്രോജക്ടുകള്‍ വേര്‍തിരിച്ച ഡയറക്ടറികളില്‍ (quiz-app, വിവിധ ലെസ്സന്‍ പ്രോജക്ടുകള്‍)
- GitHub Actions ഉപയോഗിച്ച് ട്രാന്‍സ്ലേഷന്‍ സംവിധാനം (co-op-translator)
- ഡോക്യുമെന്റേഷന്‍ Docsify വഴി സേവ് ചെയ്ത് PDF ആയി ലഭ്യമാണ്
## Setup Commands
ഈ റെപ്പോസിറ്ററി പ്രധാനമായും വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കാൻ ആണ്. പ്രത്യേക പ്രോജക്ടുകൾ ഉപയോഗിക്കാൻ:
ഇത് അടിസ്ഥാനമായും വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കുന്നതിന്. പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലിചെയ്യാന്‍:
### Main Repository Setup
@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners
```bash
cd quiz-app
npm install
npm run dev # ഡെവലപ്പ്മെന്റ് സർവർ തുടങ്ങിയ്ക്കുക
npm run build # പ്രൊഡക്ഷനായി നിർമ്മിക്കുക
npm run lint # ESLint ഓടിക്കൂ
npm run dev # വികസന സേർവർ ആരംഭിക്കുക
npm run build # ഉത്പാദനത്തിനായി നിർമ്മിക്കുക
npm run lint # ESLint നടത്തുക
```
### Bank Project API (Node.js + Express)
@ -46,9 +46,9 @@ npm run lint # ESLint ഓടിക്കൂ
```bash
cd 7-bank-project/api
npm install
npm start # എപി‌ഐ സര്‍വര്‍ ആരംഭിക്കുക
npm run lint # ഇഎസ്എലിന്‍റ് ഓടിക്കുക
npm run format # പ്രിസ്റ്റിയറോടെ ഫോര്‍മാറ്റ് ചെയ്യുക
npm start # API സെർവർ ആരംഭിക്കുക
npm run lint # ESLint പ്രവർത്തിപ്പിക്കുക
npm run format # Prettier ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്യുക
```
### Browser Extension Projects
@ -56,7 +56,7 @@ npm run format # പ്രിസ്റ്റിയറോടെ ഫോര്
```bash
cd 5-browser-extension/solution
npm install
# ബ്രൗസര്‍-സവിശേഷമായ എക്‌സ്‌ടന്‍ഷന്‍ ലോഡിംഗ് നിർദ്ദേശങ്ങൾ പിന്തുടരുക
# ബ്രൗസർ-പ്രത്യേക വിപുലീകരണം ലോഡ് ചെയ്യാനുള്ള നിർദേശങ്ങൾ പാലിക്കുക
```
### Space Game Projects
@ -72,7 +72,7 @@ npm install
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# GITHUB_TOKEN പരിസ്ഥിതി സ്വഭാവിക ഘടകമായി സജ്ജമാക്കുക
# GITHUB_TOKEN പരിസ്ഥിതി വേരിയബിൾ സജ്ജമാക്കുക
python api.py
```
@ -80,29 +80,29 @@ python api.py
### For Content Contributors
1. നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ റെപ്പോസിറ്ററി **ഫോർക്ക് ചെയ്യുക**
2. നിങ്ങളുടെ ഫോർക്ക് ലൊക്കലായി **ക്ലോൺ ചെയ്യുക**
3. നിങ്ങളുടെ മാറ്റങ്ങൾക്കായി **പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക**
4. പാഠ ഉള്ളടക്കം അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റങ്ങൾ വരുത്തുക
5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരിശോധന നടത്തുക
6. കൺട്രിബ്യൂഷൻ മാർഗനിർദേശങ്ങൾ പാലിച്ച് പുൾ റിക്വസ്റ്റുകൾ സമർപ്പിക്കുക
1. **റിപോസിറ്ററി ഫോര്‍ക്ക് ചെയ്യുക** നിങ്ങളുടെ GitHub അക്കൗണ്ടിലേക്ക്
2. **ഫോര്‍ക്ക് ക്ലോണ്‍ ചെയ്യുക** നികുതി ആയി
3. **പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക** നിങ്ങളുടെ മാറ്റങ്ങള്‍ക്ക്
4. ലെസ്സനുകളിലെ ഉള്ളടക്കം അല്ലെങ്കില്‍ കോഡ് ഉദാഹരണങ്ങള്‍ മാറ്റുക
5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് പരിശോധിക്കുക
6. സംഭാവനാ മാർഗ്ഗനിര്‍ദേശങ്ങള്‍ പാലിച്ച് പുള്ള് റിക്വസ്റ്റ് സമര്‍പ്പിക്കുക
### For Learners
1. റെപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുകയോ ക്ലോൺ ചെയ്യുകയോ ചെയ്യുക
2. പാഠ ഡയറക്ടറികളിലേക്ക് ക്രമാശ്രിതമായി പോകുക
3. ഓരോ പാഠത്തിനും README ഫയലുകൾ വായിക്കുക
4. https://ff-quizzes.netlify.app/web/ ൽ പാഠത്തിനു മുമ്പുള്ള ക്വിസുകൾ പൂർത്തിയാക്കുക
5. പാഠ ഫോളഡറുകളിൽ കോഡ് ഉദാഹരണങ്ങൽ പാസാക്കുക
6. അസൈൻമെന്റുകളും കൂടുതൽ ചൈലഞ്ചുകളും പൂർത്തിയാക്കുക
7. പാഠത്തിനു ശേഷമുള്ള ക്വിസുകൾ എടുക്കുക
1. റിപോസിറ്ററി ഫോര്‍ക്ക് ചെയ്യുക അല്ലെങ്കില്‍ ക്ലോണ്‍ ചെയ്യുക
2. ലെസ്സന്‍ ഡയറക്ടറികളില്‍ ക്രമաբար എത്തുക
3. ഓരോ ലെസ്സനും README ഫയലുകൾ വായിക്കുക
4. പ്രീ-ലെസ്സന്‍ ക്വിസുകള്‍ https://ff-quizzes.netlify.app/web/ ൽ പൂരിപ്പിക്കുക
5. ലെസ്സന്‍ ഫോളഡറുകളില്‍ കോഡ് ഉദാഹരണങ്ങളില്‍ ജോലി ചെയ്യുക
6. അസൈന്‍മെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക
7. പോസ്റ്റ്-ലെസ്സന്‍ ക്വിസുകള്‍ പിന്തുടരുക
### Live Development
- **ഡോക്യൂമെന്റേഷൻ**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000)
- **Quiz App**: quiz-app ഡയറക്ടറിയിൽ `npm run dev` ഓടിക്കുക
- **പ്രോജക്ടുകൾ**: HTML പ്രോജക്ടുകൾക്ക് VS Code Live Server എക്സ്റ്റെൻഷൻ ഉപയോഗിക്കുക
- **API Projects**:​អതിരേഷമുള്ള API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക
- **ഡോക്യുമെന്റേഷന്‍**: റൂട്ട് ഡിറക്ടറിയില്‍ `docsify serve` റണ്‍ ചെയ്യുക (പോര്‍ട്ട് 3000)
- **Quiz App**: quiz-app ഡയറക്ടറിയില്‍ `npm run dev` റണ്‍ ചെയ്യുക
- **Projects**: HTML പ്രോജക്ട്‌ಗಳಿಗೆ VS Code ലൈവ് സെര്‍വര്‍ എക്സ്റ്റന്‍ഷന്‍ ഉപയോഗിക്കുക
- **API Projects**: പ്രാദേശിക API ഡയറക്ടറികളില്‍ `npm start` റണ്‍ ചെയ്യുക
## Testing Instructions
@ -110,7 +110,7 @@ python api.py
```bash
cd quiz-app
npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്‌നങ്ങൾ പരിശോധിക്കുക
npm run lint # കോഡ് ശൈലി പ്രശ്നങ്ങൾ പരിശോധിക്കുക
npm run build # ബിൽഡ് വിജയിക്കുന്നത് സ്ഥിരീകരിക്കുക
```
@ -119,164 +119,164 @@ npm run build # ബിൽഡ് വിജയിക്കുന്നത്
```bash
cd 7-bank-project/api
npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക
node server.js # പിഴവുകൾ ഇല്ലാതെ സെർവർ തുടങ്ങുന്നത് സ്ഥിരീകരിക്കുക
node server.js # തെറ്റുകൾ ഇല്ലാതെ സെർവർ ആരംഭിക്കുന്നതായി ഉറപ്പ് വരുത്തുക
```
### General Testing Approach
- ഇത് സമഗ്രമായ സ്വയംപരീക്ഷണ പരീക്ഷണങ്ങളില്ലാത്തൊരു വിദ്യാഭ്യാസ റെപ്പോസിറ്ററിയാണ്
- മാനുവൽ ടെസ്റ്റിംഗിന്റെ പ്രധാന ലക്ഷ്യം:
- കോഡ് ഉദാഹരണങ്ങൾ പിശക് രഹിതമായ പ്രവർത്തനം
- ഡോക്യുമെന്റേഷൻ ലിങ്കുകൾ ശരിയായ പ്രവർത്തനം
- പ്രോജക്ട് ബിൽഡുകൾ പൂര്‍ണ്ണത
- ഉദാഹരണങ്ങൾ മികച്ച അനുഭവരീതികൾ പാലിക്കുന്നു
- സമ്പൂര്‍ണ്ണ സ്വയംപരിശോധനയില്ലാത്ത ഒരു വിദ്യാഭ്യാസ റിപോസിറ്ററിയാണ് ഇത്
- മാനുവല്‍ പരിശോധന പ്രധാനമായും:
- കോഡ് ഉദാഹരണങ്ങള്‍ പിശകുകള്‍ കൂടാതെ പ്രവര്‍ത്തിക്കുന്നവര്‍
- ഡോക്യുമെന്റേഷന്‍ ലിങ്കുകള്‍ ശരിയായി പ്രവർത്തിക്കുന്നത്
- പ്രോജക്ട് ബിൽഡുകള്‍ വിജയകരമായി പൂര്‍ത്തിയാക്കുന്നത്
- ഉദാഹരണങ്ങള്‍ മികച്ച പ്രവർത്തന രീതികള്‍ പാലിക്കുന്നത്
### Pre-submission Checks
- package.json അടങ്ങിയ ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക
- മാർക്ക്ഡൗൺ ലിങ്കുകൾ സാധുവാണെന്ന് പരിശോധിക്കുക
- ബ്രൗസറിലോ Node.js-ലോ കോഡ് ഉദാഹരണങ്ങൾ പരീക്ഷിക്കുക
- വിവർത്തനങ്ങളുടെ ഘടന കൃത്യമായി നിലനിൽക്കുന്നു എന്ന് ഉറപ്പാക്കുക
- package.json ഉള്ള ഡയറക്ടറികളില്‍ `npm run lint` നടത്തുക
- മാർക്ഡൗൺ ലിങ്കുകൾ സാധൂകരിക്കുക
- ബ്രൗസര്‍ അല്ലെങ്കില്‍ Node.js-ല്‍ കോഡ് ഉദാഹരണങ്ങള്‍ പരിശോധിക്കുക
- പരിഭാഷകള്‍ ശരിയായ ഘടനകുറച്ചു നിലനിർത്തിയത് ഉറപ്പാക്കുക
## Code Style Guidelines
### JavaScript
- ആധുനിക ES6+ ലിപി ഉപയോഗിക്കുക
- പ്രോജക്ടുകളിൽ ലഭ്യമായ സാധാരണ ESLint കോൺഫിഗറേഷനുകൾ പാലിക്കുക
- വിദ്യാർത്ഥികൾക്ക് മനസ്സിലാക്കാൻ സാധിക്കുന്ന രീതിയിൽ നാമങ്ങൾ ഉപയോഗിക്കുക
- ആശയങ്ങൾ വിശദീകരിക്കുന്ന കുറിപ്പുകൾ ചേർക്കുക
- Prettier ഉപയോഗിച്ച് സജ്ജമാക്കിയ സ്ഥലങ്ങളിൽ ഫോർമാറ്റ് ചെയ്യുക
- ആധുനിക ES6+ സിന്റാക്സ് ഉപയോഗിക്കുക
- പ്രോജക്ടുകളില്‍ ലഭ്യമായ സ്റ്റാന്‍ഡേര്‍ഡ് ESLint ക്രമീകരണങ്ങള്‍ പാലിക്കുക
- വിദ്യാഭ്യാസ സൗഹൃദമായ വേരിയബിൾ ആൻഡ് ഫംഗ്ഷൻ നാമങ്ങൾ ഉപയോഗിക്കുക
- പഠിക്കുന്നവര്‍ക്കായി ആശയങ്ങള്‍ വിശദീകരിക്കുന്ന കുറിപ്പുകള്‍ ചേർക്കുക
- പ്രീട്ടിയറിലൂടെ ഫോർമാറ്റിംഗ് ചെയ്യുക (ആവശ്യപെട്ട സ്ഥലത്ത്)
### HTML/CSS
- സേമാന്റിക് HTML5 ഘടകങ്ങൾ
- പ്രതികരണാത്മക ഡിസൈൻ സിദ്ധാന്തങ്ങൾ
- സ്പష్టం ക്ലാസ് നാമകരണ പാട്
- വിദ്യാർത്ഥികൾക്ക് സഹായകമായ CSS സാങ്കേതികത വിശദീകരിക്കുന്ന കുറിപ്പുകൾ
- സെമാന്റിക് HTML5 ഘടകങ്ങൾ
- റസ്പോൺസീവ് ഡിസൈൻ സിദ്ധാന്തങ്ങൾ
- ബോധഗമ്യമായ ക്ലാസ് പേര് നിർദ്ദേശങ്ങൾ
- CSS സാങ്കേതികവിദ്യകള്‍ പഠനാർത്ഥം വിശദീകരിക്കുന്ന കുറിപ്പുകള്‍
### Python
- PEP 8 ശൈലി മാർഗനിർദേശങ്ങൾ
- വ്യക്തവും പഠനാർത്ഥകവുമായ കോഡ് ഉദാഹരണങ്ങൾ
- പഠനത്തിന് സഹായകരമായ ടൈപ്പ് നിർദ്ദേശങ്ങൾ
- PEP 8 ശൈലി മാർഗനിർദ്ദേശങ്ങൾ
- ക്ലിയർ, വിദ്യാഭ്യാസത്തിന് അനുയോജ്യമായ കോഡ് ഉദാഹരണങ്ങൾ
- പഠനത്തിന് സഹായിയായ ടൈപ്പ് ഹിന്റുകൾ
### Markdown Documentation
- വ്യക്തമായ തലശ്രീനി ക്രമീകരണം
- ഭാഷ നിർദേശങ്ങളോടുകൂടിയ കോഡ് ബ്ലോക്കുകൾ
- അധിക വിഭവങ്ങളുടെ ലിങ്കുകൾ
- `images/` ഡയറക്ടറികളിൽ സ്‌ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും
- ആക്സസിബിലിറ്റിക്ക് ചിത്രം മാറ്റിനോട്ടുകൾ
- വ്യക്തമായ തലവാചക ക്രമീകരണം
- ഭാഷ നിശ്ചയിച്ച കോഡ് ബ്ലോക്ക്
- അധിക സ്രോതസ്സുകളിലേക്കുള്ള ലിങ്കുകള്‍
- `images/` ഡയറക്ടറിലേയ്ക്ക് സ്‌ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും
- ആക്സസിബിലിറ്റിക്ക് വേണ്ടി ചിത്രങ്ങൾക്ക് ഓൾട്ട് ടെക്സ്റ്റ്
### File Organization
- പാഠങ്ങൾ ക്രമീകരിച്ച സംഖ്യകൾ (1-getting-started-lessons, 2-js-basics, മുതലായവ)
- ഓരോ പ്രോജക്ടിനും `solution/` കൂടാതെ പലപ്പോഴും `start/` അല്ലെങ്കിൽ `your-work/` ഡയറക്ടറികൾ
- പാഠം പ്രത്യേക `images/` ഫോൾഡറുകളിൽ ചിത്രങ്ങൾ സൂക്ഷിക്കുന്നു
- വിവർത്തനങ്ങൾ `translations/{language-code}/` ഘടനയിൽ
- ലെസ്സനുകൾ ക്രമത്തിൽ നമ്പരിട്ടിരിക്കുന്നു (1-getting-started-lessons, 2-js-basics തുടങ്ങിയവ)
- ഓരോ പ്രോജക്ടിനും `solution/` കൂടാതെ സാധാരണയായി `start/` അല്ലെങ്കിൽ `your-work/` ഡയറക്ടറികൾ
- ചിത്രങ്ങള്‍ ലെസ്സന്‍ പ്രത്യേക `images/` ഫോള‍ഡറുകളിൽ സൂക്ഷിക്കുന്നു
- പരിഭാഷകൾ `translations/{language-code}/` ഘടനയിൽ
## Build and Deployment
### Quiz App Deployment (Azure Static Web Apps)
quiz-app Azure Static Web Apps ലോചനത്തിന് ക്രമീകരിച്ചിരിക്കുന്നു:
quiz-app നു Azure Static Web Apps പുറത്ത് തരും വിധം ക്രമീകരണം ചെയ്‌തിരിക്കുന്നു:
```bash
cd quiz-app
npm run build # dist/ ഫോളדער് സൃഷ്ടിക്കുന്നു
# പ്രധാന ബ്രാഞ്ചിലേക്ക് പുഷ് ചെയ്യുമ്പോൾ GitHub Actions വർക്‌ഫ്ലോ ഉപയോഗിച്ച് വിന്യസിക്കുന്നു
npm run build # dist/ ഫോളിഡർ സൃഷ്ടിക്കുന്നു
# ത്‌ മുഖാന്തിരം GitHub Actions വർക്ക്‌ഫ്ലോ വഴി main-ലേക്ക് പുഷ് ചെയ്തപ്പോൾ വിന്യാസപ്പെടുത്തുന്നു
```
Azure Static Web Apps ക്രമീകരണം:
- **ആപ്പ് സ്ഥലം**: `/quiz-app`
- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist`
- **വർക്‌ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
- **ഔട്ട്‌പുട്ട് സ്ഥലം**: `dist`
- **വർക്ക്‌ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation
```bash
npm install # docsify-to-pdf ഇൻസ്റ്റാൾ ചെയ്യുക
npm run convert # ഡോക്‌സിൽ നിന്ന് PDF സൃഷ്‌ടിക്കുക
npm run convert # ഡോക്സ്ഫൈ നിന്നും പി.ഡി.എഫ്. സൃഷ്ടിക്കുക
```
### Docsify Documentation
```bash
npm install -g docsify-cli # ഡോക്സിഫൈ ആഗോളതലത്തിൽ ഇൻസ്റ്റാൾ ചെയ്യുക
npm install -g docsify-cli # Docsifyയെ ആഗോളതലത്തിൽ ഇൻസ്റ്റാൾ ചെയ്യുക
docsify serve # localhost:3000-ൽ സർവ് ചെയ്യുക
```
### Project-specific Builds
ഓരോ പ്രോജക്ട് ഡയറക്ടറിയിലും വ്യത്യസ്ത ബിൽഡ് പ്രക്രിയകൾ ഉണ്ടായി കിടക്കാം:
- Vue പ്രോജക്ടുകൾ: `npm run build` പ്രൊഡക്ഷൻ ബണ്ടлів സൃഷ്ടിക്കുന്നു
- സ്റ്റാറ്റിക് പ്രോജക്ടുകൾ: ബില്‍ഡ് സ്‌റ്റെപ്പ് ഇല്ല, ഫയലുകൾ നേരിട്ട് സർവ് ചെയ്യുക
ഓരോ പ്രോജക്ട് ഡയറക്ടറിയും സ്വന്തം ബിൽഡ് പ്രോസസ് ഉണ്ടാകാം:
- Vue പ്രോജക്ടുകൾ: `npm run build` ഉപയോഗിച്ച് പ്രൊഡക്ഷൻ ബണ്ടിലുകൾ സൃഷ്ടിക്കും
- സ്റ്റാറ്റിക് പ്രോജക്ടുകൾ: ബിൽഡ് ഘട്ടമില്ല, ഫയലുകൾ നേരിട്ട് സേവനം ചെയ്യും
## Pull Request Guidelines
### Title Format
മാറ്റത്തിന്റെ മേഖലയെ വ്യക്തമായി സൂചിപ്പിക്കുന്ന തലക്കെട്ടുകൾ ഉപയോഗിക്കുക:
- `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo in terrarium project`
- `[Translation] Add Spanish translation for lesson 5`
- `[Docs] Update setup instructions`
മാറ്റത്തിന്റെ മേഖലയെ വ്യക്തമാക്കുന്ന വ്യക്തമായ ശീര്‍ഷകങ്ങള്‍ ഉപയോഗിക്കുക:
- `[Quiz-app] ലെസ്സന്‍ X-ന് പുതിയ ക്വിസ് ചേർക്കുക`
- `[Lesson-3] Terrarium പ്രോജക്ടിലെ തെറ്റായ എഴുത്ത് ശരിയാക്കുക`
- `[Translation] ലെസ്സന്‍ 5-ന് സ്‌പാനിഷ് പരിഭാഷ ചേർക്കുക`
- `[Docs] സെറ്റപ്പ് നിർദ്ദേശങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക`
### Required Checks
പി ആർ സമർപ്പിക്കുന്നതിന് മുമ്പ്:
പി.ആർ സമര്‍പ്പിക്കുന്നതിന് മുന്‍പ്:
1. **കോഡ് ഗുണമേന്മ**:
- ബാധകമായ പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക
- എല്ലാ ലിന്റ് പിശകുകളും മുന്നറിയിപ്പുകളും പരിഹരിക്കുക
- ബാധിക്കപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` നടത്തുക
- എല്ലാ ലിന്റിംഗും പിഴവുകളും പരിഹരിക്കുക
2. **ബിൽഡ് പരിശോധന**:
- ബാധകമുള്ള പക്ഷം `npm run build` ഓടിക്കുക
- ബിൽഡ് പിശകുകൾ ഇല്ലെന്ന് ഉറപ്പാക്കുക
- ബാധകമെങ്കിൽ `npm run build` നടത്തുക
- ബിൽഡ് പിശകുകൾ ഇല്ലാതാക്കുക
3. **ലിങ്ക് പരിശോധന**:
- എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരിശോധിക്കുക
- ഇമേജ് റഫറൻസുകൾ ശരിയാണെന്ന് ഉറപ്പാക്കുക
- എല്ലാ മാർക്ഡൗൺ ലിങ്കുകളും പരിശോധിക്കുക
- ചിത്രം മേഖലകളും ശരിയായി പ്രവർത്തിക്കുന്നുവെന്ന് ഉറപ്പാക്കുക
4. **ഉള്ളടക്കം അവലോകനം**:
- വൃത്തിപരിശോധനയും വ്യാകരണമികവ് പരിശോധിക്കൽ
- കോഡ് ഉദാഹരണങ്ങൾ ശരിയായും വിദ്യാഭ്യാസപരവുമായുണ്ടെന്ന് ഉറപ്പാക്കുക
- വിവർത്തനങ്ങൾ യഥാ അർത്ഥത്തെ നിലനിർ‍ത്തുന്നുണ്ടെന്ന് പരിശോധിക്കുക
- വഞ്ചനയും വ്യാകരണവും പരിശോധിക്കുക
- കോഡ് ഉദാഹരണങ്ങള്‍ ശരിയാണെന്നും വിദ്യാഭ്യാസാർത്ഥമാണെന്നും ഉറപ്പാക്കുക
- പരിഭാഷകള്‍ അടിസ്ഥാനഉദ്ദേശം നിലനിർത്തുന്നതായി ഉറപ്പാക്കുക
### Contribution Requirements
- Microsoft CLA യുമായി അംഗീകരിക്കുക (ആദ്യ PR-ൽ ഓട്ടോമാറ്റിക് പരിശോധന)
- മൈക്രോസോഫ്റ്റ് CLA അംഗീകാരം (ആദ്യ PR автоматഡ് പരിശോധണം)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക
- വിശദമായ മാർഗനിർദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) നോക്കുക
- ആവശ്യമായ പക്ഷം പുൾ റിക്ക്വസ്റ്റ് വിവരണത്തിൽ ഇഷ്യൂ നമ്പറുകൾ ഉൾപ്പെടുത്തുക
- വിശദമായ മാർഗ്ഗനിർദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക
- PR വിവരണത്തില്‍ പ്രശ്ന നമ്പറുകൾ പരാമർശിക്കുക (ബാധകമെങ്കിൽ)
### Review Process
- PR കൾ മെയിന്റെയ്‌നർമാർക്കും സമൂഹത്തിനും റിവ്യൂ ചെയ്യപ്പെടും
- വിദ്യാഭ്യാസ വ്യക്തത മുൻഗണനയാണ്
- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലുള്ള മികച്ച രീതികൾ പാലിക്കണം
- വിവർത്തനങ്ങൾ കൃത്യതയോടെ സംസ്ക്കാരപരമായ അനുയോജ്യതയോടെ പരിശോധിക്കും
- PR-കൾ മെയിന്റെയ്‌നർമാർക്കും കമ്മ്യുനിറ്റിക്കും സമര്‍പ്പിച്ച് പരിശോധിക്കും
- വിദ്യാഭ്യാസ അംഗീകരത മുൻനിർത്തിയത്
- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലെ മികച്ച രീതികൾ പാലിക്കണം
- പരിഭാഷകള്‍ കൃത്യതക്കും സാംസ്‌കാരിക അനുയോജ്യതയ്ക്കും പരിശോധിക്കും
## Translation System
### Automated Translation
- GitHub Actions ഉപയോഗിച്ച് co-op-translator വർക്ഫ്ലോ ഉപയോഗിക്കുന്നു
- 50+ ഭാഷകളിലേക്ക് ഓട്ടോമാറ്റിക് വിവർത്തനം നൽകുന്നു
- പ്രധാനം ഡയറക്ടറികളിലുള്ള സ്രോത് ഫയലുകൾ
- വിവർത്തന ഫയലുകൾ `translations/{language-code}/` ഡയറക്ടറിയിലാണ്
- GitHub Actions ഉപയോഗിച്ച് co-op-translator വർക്ക്ഫ്ലോ
- 50+ ഭാഷകളിലേക്ക് ഓട്ടോമാറ്റിക് പരിഭാഷ
- പ്രാഥമിക ഡയറക്ടറികളിൽ സ്രോതസ്സ് ഫയലുകൾ
- `translations/{language-code}/` ഡയറക്ടറികളിൽ പരിഭാഷകള്‍
### Adding Manual Translation Improvements
1. `translations/{language-code}/`യിൽ സ്ഥിതിചെയ്യുന്ന ഫയൽ കണ്ടെത്തുക
2. ഘടന നിലനിർത്തികൊണ്ട് പരിഷ്ക്കാരങ്ങൾ ചെയ്യുക
3. കോഡ് ഉദാഹരണങ്ങൾ പ്രവർത്തനക്ഷമമാണെന്ന് ഉറപ്പാക്കുക
4. ഏതെങ്കിലും പ്രാദേശിക ക്വിസ് ഉള്ളടക്കം പരീക്ഷിക്കുക
1. `translations/{language-code}/` ഫയലിലേക്ക് എത്തുക
2. ഘടന നനനയോടെ മെച്ചപ്പെടുത്തൽ നടത്തുക
3. കോഡ് ഉദാഹരണങ്ങള്‍ പ്രവർത്തനക്ഷമമാക്കി സൂക്ഷിക്കുക
4. ലൊക്കലൈസ്ഡ് ക്വിസ് ഉള്ളടക്കം പരിശോധിക്കുക
### Translation Metadata
വിവർത്തന ഫയലുകളിൽ മെറ്റാഡേറ്റ ഹedersറുകൾ ഉൾപ്പെടുന്നു:
പരിഭാഷാ ഫയലുകള്‍ ഇതെല്ലാം അടങ്ങിയ മെറ്റാഡേറ്റ ഹേഡർ ഉൾപ്പെടും:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -293,116 +293,116 @@ CO_OP_TRANSLATOR_METADATA:
### Common Issues
**Quiz app fails to start**:
- Node.js പതിപ്പ് പരിശോധിക്കുക (v14+ ശുപാർശ)
- `node_modules`യും `package-lock.json`യും ഇല്ലാതാക്കി വീണ്ടും `npm install` ഓടിക്കുക
- പോർട്ട് കോൺഫ്ലിക്റ്റുകൾ പരിശോധിക്കുക (ഡീഫോൾട്ട്: Vite വിഷയം 5173)
**Quiz app തുടങ്ങുന്നില്ല**:
- Node.js പതിപ്പ് പരിശോധിക്കുക (v14+ ശുപാര്‍ശ)
- `node_modules`യും `package-lock.json`യും നീക്കം ചെയ്ത് `npm install` വീണ്ടും നടത്തുക
- പോർട്ട് സങ്കർഷമുണ്ടോ എന്ന് പരിശോധിക്കുക (പ്രീഡിഫൈൻഡ്: Vite 5173 पोർട്ട് ഉപയോഗിക്കുന്നു)
**API server won't start**:
**API സെർവർ തുടങ്ങാത്തത്**:
- Node.js പതിപ്പ് കുറഞ്ഞത് node >=10 ആണെന്ന് ഉറപ്പാക്കുക
- പോർട്ട് ഉപയോഗത്തിലാണ് എന്ന് പരിശോധിക്കുക
- എല്ലാം ഡെപൻഡൻസികളും `npm install` വഴി ഇൻസ്റ്റാൾ ചെയ്തുണ്ടെന്ന് ഉറപ്പാക്കുക
- പോർട്ട് ഉപയോഗത്തിൽ അല്ലാതെയാണോ എന്ന് പരിശോധിക്കുക
- എല്ലാ ഡെപൻഡൻസികളും `npm install`-ൽ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക
**Browser extension won't load**:
- manifest.json ശരിയായ ഫോർമാറ്റിൽ ആണെന്ന് പരിശോധിക്കുക
- ബ്രൗസർ കോൺസോൾ പിശകുകൾ കാണുക
- ബ്രൗസറിനനുസരിച്ച് എക്സ്‌ടൻഷൻ ഇൻസ്റ്റലേഷൻ മാർഗനിർദേശങ്ങൾ പാലിക്കുക
**ബ്രൗസർ എക്‌സ്റ്റൻഷൻ ലോഡ് ചെയ്യുന്നില്ല**:
- manifest.json ശരിയായി ഫോർമാറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക
- ബ്രൗസർ കോൺസോൾ എററുകൾ പരിശോധിക്കുക
- ബ്രൗസര്‍ പ്രത്യേക എക്‌സ്റ്റന്‍ഷന്‍ ഇൻസ്റ്റാളേഷൻ നിർദേശങ്ങൾ പിന്തുടരുക
**Python chat project issues**:
- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടോ പരിശോധിക്കുക: `pip install openai`
- GITHUB_TOKEN എൻവയോണ്മെന്റ് വേരിയബിൾ സജ്ജമാണെന്ന് ഉറപ്പാക്കുക
- GitHub മോഡൽസ് ആക്സസ് അനുമതികൾ പരിശോധിക്കുക
**Python ചാറ്റ് പ്രോജക്ട് പ്രശ്നങ്ങള്‍**:
- OpenAI പാക്കേജ് ഇൻസ്റ്റാള്‍ ചെയ്തിട്ടുണ്ടോ: `pip install openai`
- GITHUB_TOKEN പരിസ്ഥിതി വ്യത്യാസം സജ്ജമാക്കിയിട്ടുണ്ടോ
- GitHub മോഡലുകൾക്ക് പ്രവേശന അവകാശം പരിശോധിക്കുക
**Docsify not serving docs**:
- docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli`
- റെപ്പോസിറ്ററി റൂട്ടിൽ നിന്നു ഓടിക്കുക
- `docs/_sidebar.md` നിലവിലുണ്ടെന്ന് ഉറപ്പാക്കുക
**Docsify ഡോക്സ് സർവ് ചെയ്യുന്നില്ല**:
- docsify-cli ആഗോളമായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli`
- റിപോസിറ്ററി റൂട്ടിൽ നിന്ന് ഓടിക്കുക
- `docs/_sidebar.md` ഉള്ളത് പരിശോധിക്കുക
### Development Environment Tips
- HTML പ്രോജക്ടുകൾക്കുള്ള VS Code Live Server എക്സ്റ്റെൻഷൻ ഉപയോഗിക്കുക
- ഏകാസംബന്ധിതമായ ഫോർമാറ്റ്‌ക്കായി ESLint, Prettier എക്സ്റ്റൻഷനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക
- JavaScript ഡീബഗ് ചെയ്യാൻ ബ്രൗസർ ഡെവ്ടൂൾസ് ഉപയോഗിക്കുക
- Vue പ്രോജക്ടുകൾക്കായി Vue DevTools ബ്രൗസർ എക്സ്‌ടൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക
- HTML പ്രോജക്ടുകൾക്ക് VS Code ലൈവ് സെർവർ എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക
- തുടർച്ചയായ ഫോർമാറ്റിംഗിനായി ESLint, Prettier എക്സ്റ്റൻഷനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക
- ജാവാസ്ക്രിപ്റ്റ് ഡീബഗിന് ബ്രൗസർ DevTools ഉപയോഗിക്കുക
- Vue പ്രോജക്ടുകളില്‍ Vue DevTools ബ്രൗസര്‍ എക്സ്റ്റന്‍ഷന്‍ ഇൻസ്റ്റാൾ ചെയ്യുക
### Performance Considerations
- 50+ ഭാഷകളിലുള്ള വിവർത്തിത ഫയലുകളുടെ എണ്ണം വലിയതാണ്, ഫുൾ ക്ലോണുകൾ വലിയതാണ്
- ഉള്ളടക്കത്തിൽ മാത്രം പ്രവർത്തിക്കുന്നവർക്ക് ഷാലോ ക്ലോൺ ഉപയോഗിക്കുക: `git clone --depth 1`
- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ നടത്തിയപ്പോൾ വിവർത്തനങ്ങൾ തിരയൽ പുറത്താകുന്നതായി ഒഴിവാക്കുക
- ആദ്യ ഓടിയിൽ ബിൽഡ് പ്രക്രിയകൾ (npm install, Vite build) നിത്യം സാധാരണയായി ക്ഷീണാകും
- 50ല്‍പ്പരം ഭാഷകളിലുള്ള പരിഭാഷയോടെ ഗ്രന്ഥശേഖരം വലുത് ആകും
- ഉള്ളടക്കത്തിൽ മാത്രം ജോലിചെയ്യുന്നെങ്കിൽ ഷാലോ ക്ലോണ്‍ ഉപയോഗിക്കുക: `git clone --depth 1`
- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ ജോലി ചെയ്യുമ്പോൾ പരിഭാഷ ഫയലുകൾ തിരച്ചിൽ ഒഴിവാക്കുക
- ആദ്യത്തെ റൺ സമയത്ത് ബിൽഡ് പ്രക്രിയകൾ മന്ദഗതിയിൽ (npm install, Vite build)
## Security Considerations
### Environment Variables
- API കീകൾ രെപ്പോസിറ്ററിയിൽ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്
- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (ഇതെല്ലാം `.gitignore`-ലുണ്ട്)
- ആവശ്യമായ എൻ‌വയോൺമെന്റ് വേരിയബിളുകൾ പ്രോജക്ട് READMEs-ൽ രേഖപ്പെടുത്തുക
- API കീകൾ റിപോസിറ്ററിയിലേക്ക് ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്
- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (ഇവ ഇതിനകം `.gitignore`-ൽ ഉൾപ്പെടുത്തിയിരിക്കുന്നു)
- ആവശ്യമായ പരിസ്ഥിതി മാറ്റങ്ങൾ പ്രോജക്ട് README-കളിൽ രേഖപ്പെടുത്തുക
### Python Projects
- വെർച്ച്വൽ എൻ‌വയോൺമെന്റ് ഉപയോഗിക്കുക: `python -m venv venv`
- ഡെപൻഡൻസികൾ അപ്ഡേറ്റ് ചെയ്ത് വയ്ക്കുക
- GitHub ടോക്കണുകൾക്ക് കുറഞ്ഞ ആവശ്യമായ അനുമതികൾ മാത്രം നൽകുക
- വെർച്ച്വൽ എൻവയോൺമെന്റ് ഉപയോഗിക്കുക: `python -m venv venv`
- ഡെപൻഡൻസികൾ അപ്ഡേറ്റ് ചെയ്ത നിലയിൽ സൂക്ഷിക്കുക
- GitHub ടോക്കണുകൾ കുറഞ്ഞ ഏറ്റവുംാവശ്യ അവകാശം നൽകുക
### GitHub Models Access
- GitHub മോഡലുകളിലേക്കുള്ള വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ ആവശ്യമാണ് (PAT)
- ടോക്കണുകൾ എൻ‌വയോൺമെന്റ് വേരിയബിളുകളായി സൂക്ഷിക്കുക
- ടോക്കണുകൾ അല്ലെങ്കിൽ ക്രെഡൻഷ്യലുകൾ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്
- GitHub മോഡലുകൾക്ക് വ്യക്തിഗത ആക്സസ് ടോക്കണുകൾ (PAT) ആവശ്യമാണ്
- ടോക്കണുകൾ പരിസ്ഥിതി മാറിൽ സൂക്ഷിക്കുക
- ടോക്കണുകൾ അല്ലാതെ മറ്റേതൊന്നും കമ്മിറ്റ് ചെയ്യരുത്
## Additional Notes
### Target Audience
- വെബ് വികസനത്തിൽ പൊതുവായി തുടങ്ങുന്നവർ
- വിദ്യാർത്ഥികളും സവാൽ പഠനക്കാരും
- ക്ലാസറूमിൽ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്ന അധ്യാപകർ
- പ്രവേശന യോഗ്യതയും നേതൃത്വപരവും ഉള്ള ഉള്ളടക്കം
- വെബ് ഡെവലപ്പ്മെന്റിൽ പൂർണ്ണമായി പുതു പ്രവേശകരും
- വിദ്യാർഥികളും സ്വയം പഠിക്കുന്നവരും
- ക്ലാസ് മുറികളിൽ കോഴ്സ് ഉപയോഗിക്കുന്ന അദ്ധ്യാപകരും
- ഉള്ളടക്കം ആക്സസിബിലിറ്റിക്ക് അനുയോജ്യമായുമില്ലാതെ ലൈവിലായി ക_DEL buiil_columns_ udderizing সহজയം
### Educational Philosophy
- പദ്ധതിപരമായ പഠന സമീപനം
- സ്ഥിരം അറിവ് പരിശോധിക്കൽ (ക്വിസുകൾ)
- പ്രായോഗിക കോഡിംഗ് അഭ്യാസങ്ങൾ
- യാഥാർത്ഥ്യ ലോക ഉദാത്തങ്ങൾ
- ഫ്രെയിംവർക്കുകളുടെ മുമ്പ് അടിസ്ഥാന സിദ്ധാന്തങ്ങൾ
- പ്രോജക്ട് അടിസ്ഥാന പഠന രീതിയൊന്നാണ്
- പതിവായി അറിവ് പരിശോധനകള്‍ (ക്വിസുകൾ)
- പ്രായോഗിക കോഡിംഗ് അഭ്യസനം
- യഥാർത്ഥ ലോകത്തിലെ അനുഭവം ഉൾപ്പെടുത്തിയ ഉദ്ധാരണങ്ങൾ
- ഫ്രെയിംവർക്കുകൾ മുമ്പുണ്ടായിട്ടുള്ള അടിസ്ഥാന കാര്യങ്ങളുടെ ലക്‌ഷ്യപ്പെടുത്തലും
### Repository Maintenance
- സജീവമായ പഠനക്കാരുടെയും പങ്കാളികളുടെയും സമൂഹം
- ഡെപെൻഡൻസികളും ഉള്ളടക്കവും নিয়മിതമായി നവീകരിക്കുന്നു
- മെയിന്റെയ്‌നർമാരും ചര്‍ച്ചകളും ശ്രദ്ധിക്കുന്നു
- GitHub Actions മുഖേന വിവർത്തന അപ്ഡേറ്റുകൾ സ്വയംനടത്തുന്നു
- സജീവമായ വിദ്യാര്‍ത്ഥികളുടെയും സംഭാവനകരുടെയും കമ്മ്യൂണിറ്റി
- ഡെപൻഡൻസികളും ഉള്ളടക്കവും അടിസ്ഥാനപരമായി അപ്‌ഡേറ്റ് ചെയ്യുന്നു
- പ്രശ്നങ്ങളും ചർച്ചകളും മെയിൻറ്റെയ്‌നർമാർ നിരീക്ഷിക്കുന്നു
- പരിഭാഷ അപ്ഡേറ്റുകൾ GitHub Actions വഴി ഓട്ടോമേറ്റഡ്
### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) പഠനാർത്ഥികൾക്ക് ശുപാർശ ചെയ്യുന്നു
- അധിക കോഴ്സുകൾ: Generative AI, Data Science, ML, IoT പാഠ്യങ്ങള്
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) പഠനാർഥികൾക്കായി ശുപാർശ ചെയ്യുന്നു
- മറ്റ് കോഴ്സുകള്‍: ജെനറേറ്റീവ് AI, ഡേറ്റാ സയൻസ്, ML, IoT യുക്തി ക്രമീകരണങ്ങൾ ലഭ്യമാണ്
### Working with Specific Projects
തനതു പ്രോജക്ടുകൾക്കുള്ള വിശദമായ നിർദ്ദേശങ്ങൾക്കായി വായിക്കുക:
- `quiz-app/README.md` - Vue 3 ക്യൂvis് ആപ്പ്
- `7-bank-project/README.md` - ബാൻക് ആപ്പ് ഓത്തന്റിക്കേഷൻ സെറ്റ് ചെയ്യപ്പെട്ടത്
- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ വികസനം
- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനമായ ഗെയിം വികസനം
ഏകക പ്രോജക്ടുകളുടെ വിശദമായ നിർദ്ദേശങ്ങൾക്ക് README ഫയലുകൾ കാണുക:
- `quiz-app/README.md` - Vue 3 ക്വിസ് ആപ്പ്
- `7-bank-project/README.md` - പ്രൂഫ് ഓതന്റിക്കേഷനോടെ ബാങ്കിംഗ് ആപ്പ്
- `5-browser-extension/README.md` - ബ്രൗസർ എക്‌സ്റ്റെൻഷൻ വികസനം
- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാന ഗെയിം വികസനം
- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്ട്
### Monorepo Structure
പരമ്പരാഗത മോനോറിപ്പോ അല്ലെങ്കിലും, ഈ റെപ്പോസിറ്ററി പല സ്വതന്ത്ര പ്രോജക്ടുകൾ ഉൾക്കൊള്ളുന്നു:
- ഓരോ പാഠവും സ്വതന്ത്രമാണ്
- പ്രോജക്ടുകൾ പരസ്പരം ഡെപൻഡൻസികൾ പങ്കിടുന്നില്ല
- മറ്റുള്ളവരെ ബാധിക്കാതെ വ്യക്തിഗത പ്രോജക്ടുകളിൽ പ്രവർത്തിക്കുക
- മുഴുവൻ പാഠ്യപദ്ധതി അനുഭവത്തിനായി മുഴുവൻ റെപ്പോ ക്ലോൺ ചെയ്യുക
പാരമ്പര്യ മോണോറെപ്പോയല്ലെങ്കിലും റിപോസിറ്ററിയിൽ പല സ്വതന്ത്ര പ്രോജക്ടുകളും ഉൾപ്പെടുന്നു:
- ഓരോ ലെസ്സനും സ്വയം കേന്ദ്രീകരിച്ചിരിക്കുന്നു
- പ്രോജക്ടുകൾ തമ്മിൽ ഡെപൻഡൻസികൾ പങ്കിടുകയില്ല
- ഓരോ പ്രോജക്ടിലും സ്വതന്ത്രമായി ജോലി ചെയ്യാം
- പൂർണ്ണ കോഴ്‌സ് അനുഭവത്തിനായി എല്ലാം ക്ലോൺ ചെയ്യുക
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അസൂയാനിർദ്ദേശം**:
ഈ രേഖ AI വിവർത്തനം സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്‌തതാണ്. ഞങ്ങൾ പരമാവധി ശരിക്കും ശ്രമിക്കുന്നുവെങ്കിലും, സ്വയംക്രമിത വിവർത്തനങ്ങളിൽ പിഴവുകളോ അസാധ്യതകളോ ഉണ്ടാകാൻ സാധ്യതയുള്ളതാണ്. അതിനാൽ, ദയവായി ശ്രദ്ധിക്കേണ്ടത്, ഈ രേഖയുടെ മുമ്ബ് ഉള്ള ഭാഷയിലുള്ള യുഗ്മം പ്രാമാണിക സ്രോതസ്സായി കണക്കാക്കണം. നിർണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തെത്തുടർന്ന് ഉണ്ടാകുന്ന ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും അർത്ഥവിമർശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല.
**വ്യത്യാസക്കുറിപ്പ്**:
ഈ दस्तാവेज़ [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI വിവർത്തന സേവനം ഉപയോഗിച്ചാണ് പരിഭാഷപ്പെടുത്തിയിരിക്കുന്നത്. ഞങ്ങൾ കൃത്യതയിലേക്ക് ശ്രമിക്കുന്നുവെങ്കിലും, യാന്ത്രിക വിവർത്തനങ്ങളിൽ പിഴവുകളും അസാധുതകളും ഉണ്ടാകാമെന്ന് മനസ്സിലാക്കി ഇടപെടുക. મૂળ ദസ്താവേജിലെ സ്വഭാവഭാഷ തന്നെ അതിന്റെ അവകാശപ്പെട്ട ഉറവിടമാണ്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുള്ള സ്ത്രീഭ്രംശങ്ങൾക്കോ തെറ്റായ വ്യാഖ്യാനങ്ങൾക്കോ ഞങ്ങൾ ഉത്തരവാദിത്വം വഹിക്കുന്നില്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

246
translations/ml/README.md
Unescape View File

@ -10,207 +10,207 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# തുടക്കക്കാർക്കുള്ള വെബ് വികസനം - ഒരു പാഠ്യപദ്ധതി
# ആരംഭക്കാർക്കുവേണ്ടി വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി
Microsoft Cloud Advocates ഒരുക്കിയ 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിൽ ഓരോതും ടെറാറിയങ്ങൾ, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്‌പെയ്‌സ് ഗെയിമുകൾ തുടങ്ങിയ പ്രായോഗിക പദ്ധതികളിലൂടെ JavaScript, CSS, HTML എന്നിവയിൽ ആഴത്തിൽ പഠിപ്പിക്കും. ക്വിസുകൾ, ചർച്ചകൾ, പ്രായോഗികഷേഷനുകൾ എന്നിവയിൽ പങ്കാളികളാകൂ. നൈപുണ്യം വർദ്ധിപ്പിക്കാനും അറിവ് മെച്ചപ്പെടുത്താനും ഞങ്ങളുടെ ഫലപ്രദമായ പ്രോജക്റ്റ് അടിസ്ഥാന പ്രയോ​ഗാശാസ്ത്രം സഹായിക്കും. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കൂ!
Microsoft Cloud Advocates ആൽ 12 ആഴ്ച നീളുന്ന സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക. 24 പാഠങ്ങളിലൊന്നൊന്നാകെ JavaScript, CSS, HTML എന്നിവ കൈകൊണ്ട് നിർവഹിക്കുന്ന പ്രോജക്റ്റുകൾ പോലുള്ള ടെറേറിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പേസ് ഗെയിംസ് എന്നിവയിലൂടെ പഠിപ്പിക്കുന്നു. ക്വിസുകൾ, ചർച്ചകൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയുമായി ബന്ധപ്പെടുക. നമ്മുടെ ഫലപ്രദമായ പ്രോജക്റ്റ് അധിഷ്ഠിത പഠനരീതിയാൽ നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും അറിവ് ഉറപ്പാക്കുകയും ചെയ്യൂ. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കുക!
Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേരൂ
Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേർക്കപ്പെടുക
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ഈ وسائل ഉപയോഗിച്ച് തുടങ്ങാൻ താഴെപ്പറയുന്ന ചുവടുകൾ പിന്തുടരൂ:
1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്ക് ചെയ്യുക [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord-ിൽ ചേരുക, വിദഗ്ധർക്കും മറ്റ് ഡെവലപ്പർമാർക്കും കാണാം**](https://discord.com/invite/ByRwuEEgH4)
ഈ വിഭവങ്ങൾ ഉപയോഗിക്കാൻ ആരംഭിക്കുന്നത് എങ്ങനെ ചെയ്യാമെന്നതിനായി താഴെപ്പറയുന്ന ഘട്ടങ്ങൾ കാണുക:
1. **സംഭരണശാല ഫോർക്ക് ചെയ്യുക**: ക്ലിക്ക് ചെയ്യുക [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **സംഭരണശാല ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord-ൽ ചേരുക, വിദഗ്ധർ, മറ്റ് ഡെവലപ്പർമാർ എന്നിവരുമായി പരിചയപ്പെടുക**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ബഹുഭാഷാ പിന്തുണ
#### GitHub Action-വഴി പിന്തുണയുളളത് (സ്വയം പ്രവർത്തിക്കുന്നതും എല്ലായ്പ്പോഴും പുതുക്കപ്പെടുന്നതും)
#### GitHub Action വഴി പിന്തുണ (സ്വയംയന്ത്രിതവും എല്ലായ്പ്പോഴും അപ്‌ഡേറ്റും)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](./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)
> **സ്ഥാനീയമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുവോ?**
> **പ്രാദേശികമായി ക്ലോൺ ചെയ്താലോ?**
> ഈ റിപോസിറ്ററിയിൽ 50-ലധികം ഭാഷാ തർജ്ജമകൾ ഉൾക്കൊള്ളിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുപ്പം വലിയതാണ്. തർജ്ജമകൾ ഇല്ലാതെ ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
> ഈ സംഭരണശാല 50+ ഭാഷാ വിവർത്തനങ്ങൾ ഉൾക്കൊള്ളുന്നു, ഇത് ഡൗൺലോഡ് വലിപ്പം വിക്കുന്നതാണ്. വിവർത്തനങ്ങൾ ഇല്ലാതെയായി ക്ലോൺ ചെയ്യാൻ, സ്പാർസ് ഔട്ട്‌ചെക്ക് ഉപയോഗിക്കുക:
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
> ഇതിലൂടെ കോഴ്സ് പൂർത്തിയാക്കുന്നതിന് ആവശ്യമായ എല്ലാ ഫ്രയിമുകളും നിവർത്തി വേഗത്തിൽ ലഭിക്കും.
> ഇത് നിങ്ങൾക്ക് കോഴ്സ് പൂർത്തിയാക്കുന്നതിന് ആവശ്യമായ എല്ലാം വേഗത്തിൽ ഡൗൺലോഡ് ചെയ്യാൻ സഹായിക്കും.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**കൂടുതൽ ഭാഷാ പിന്തുണിക്കേണ്ടതുള്ളവർ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) കാണുക**
**കൂടുതൽ സഹായഭാഷകൾ പിന്തുണയ്ക്കണമെങ്കിൽ അവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ഇതിലുണ്ട്**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _നീ ഒരു വിദ്യാർത്ഥിയോ?_
#### 🧑‍🎓 _നീ ഒരു വിദ്യാർത്ഥിയാണോ?_
[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അപ്പോൾ നിങ്ങൾക്ക് തുടക്കക്കാർക്കുള്ള ഉറവിടങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, ഫ്രീ സർട്ടിഫിക്കറ്റ് വൗച്ചറുകളും കാണാം. ഈ പേജ് ബ്രൗസ് ചെയ്ത് ഇനി പിന്നീടങ്ങോട്ടും പുതിയവയുമായി പരിഷ്കരിക്കുന്നതിനാൽ സമയബന്ധമായി കാണുക.
[**Student Hub page**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക. ഇവിടെ നിങ്ങൾക്ക് ആരംഭിക്കുന്നതിനുള്ള വിഭവങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗച്ചർ ലഭിക്കുന്ന മാർഗങ്ങൾ എന്നിവ കാണാം. ഓരോ മാസവും ഉള്ളടക്കം പുതിയതായി പരിഷ്കരിക്കുന്നതിനാൽ ഈ പേജ് ബുക്ക്മാർക്ക് ചെയ്ത് ഇടക്കിടെ പരിശോധിക്കുക.
### 📣 അറിയിപ്പ് - പുതിയ GitHub Copilot Agent മോഡ് ചലഞ്ചുകൾ പൂർത്തിയാക്കൂ!
### 📣 പ്രഖ്യാപനം - പുതിയ GitHub Copilot Agent മോഡ് വെല്ലുവിളികൾ പൂർത്തിയാക്കാൻ!
പുതിയ ചലഞ്ച് ഉൾപ്പെടുത്തി, കൂടുതലായി GitHub Copilot Agent Challenge 🚀 എന്ന പേരിൽ നിരവധി അധ്യായങ്ങളിൽ കാണാം. Copilot Agent മോഡ് ഉപയോഗിച്ചാണിത് പൂർത്തിയാക്കേണ്ടത്. Agent മോഡ് കണ്ട് കാണാത്തവർക്ക് സൂചന - ഇത് ടെക്സ്റ്റ് മാത്രമല്ല, ഫയലുകളും മാറ്റാനും കമാൻഡുകളും പ്രവർത്തിപ്പിക്കാനുമുള്ള കഴിവ് വഹിക്കുന്നു.
പുതിയ വെല്ലുവിളികൾ ചേർത്തിട്ടുണ്ട്, കൂടുതലായി അധ്യായങ്ങളിലെ "GitHub Copilot Agent Challenge 🚀" കാണുക. GitHub Copilot Agent മോഡ് ഉപയോഗിച്ച് പൂർത്തിയാക്കേണ്ട പുതിയ വെല്ലുവിളിയാണ് ഇത്. മുൻപ് ഈ മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ, ഇത് വെറും ടെക്സ്റ്റ് സൃഷ്ടിക്കാനല്ല, ഫയലുകൾ സൃഷ്ടിക്കുകയും തിരുത്തുകയും കമാൻഡ് നടത്തുകയും ചെയ്യാറുണ്ട്.
### 📣 അറിയിപ്പ് - _Generative AI ഉപയോഗിച്ച് നിർമ്മിക്കാനുള്ള പുതിയ പ്രോജക്ട്_
### 📣 പ്രഖ്യാപനം - _Generative AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്റ്റ്_
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പുറത്തിറക്കി, കാണുക [project](./9-chat-project/README.md)
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്റ്റ് ഇപ്പൊഴുണ്ട്, പരിശോധിക്കുക [project](./9-chat-project/README.md)
### 📣 അറിയിപ്പ് - _JavaScript-ന് Generative AI അടിസ്ഥാനമാക്കിയുള്ള പുതിയ പാഠ്യക്രമം_
### 📣 പ്രഖ്യാപനം - _നতুন പാഠ്യപദ്ധതി_ Generative AI ജാവാസ്ക്രിപ്റ്റിന്
നമ്മുടെ പുതിയ Generative AI പാഠ്യപദ്ധതി കാണാൻ മറക്കരുത്!
നമ്മുടെ പുതിയ Generative AI പാഠ്യപദ്ധതിയെ മിസ്സ് ചെയ്യരുത്!
ആരംഭിക്കാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
തുടങ്ങാനായി സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
![Background](../../translated_images/ml/background.148a8d43afde5730.webp)
- അടിസ്ഥാനത്തിൽ നിന്ന് RAG വരെ പാഠങ്ങൾ.
- GenAI ഉപയോഗിച്ച് ചരിത്ര കഥാപാത്രങ്ങളുമായി ആശയവിനിമയം.
- രസകരമായ കഥ, നിങ്ങൾ സമയം യാത്ര ചെയ്യുന്നതുപോലെ അനുഭവം!
- അടിസ്ഥാനങ്ങളിൽ നിന്നും RAG വരെ എല്ലാം ഉൾക്കൊള്ളുന്ന പാഠങ്ങൾ.
- GenAI ഉപയോഗിച്ച് ചരിത്ര കഥാപാത്രങ്ങളുമായി സംവദിക്കാം, നമ്മുടെ കൂട്ടുകാരന്‍റെ ആപ്പ് ഉപയോഗിച്ച്.
- രസകരവും ആകർഷകവുമായ കഥാപ്രസംഗം, നിങ്ങൾ സമയയാത്ര ചെയ്യുന്ന പോലെ അനുഭവപ്പെടും!
![character](../../translated_images/ml/character.5c0dd8e067ffd693.webp)
ഓരോ പാഠം ഒരു അസൈൻമെന്റും, അറിവു പരിശോദനയും, പഠന വിഷയങ്ങളെ മാർഗ്ഗനിർദ്ദേശം ചെയ്യുന്ന ഒരു ചലഞ്ചും ഉൾക്കൊള്ളുന്നു:
- പ്രോംപ്റ്റിംഗ്, പ്രോംപ്റ്റ് എഞ്ചിനീയറിംഗ്
- ടെക്സ്റ്റ്, ഇമേജ് ആപ്പ് നിർമാണം
- തിരയൽ ആപ്പുകൾ
ഓരോ പാഠത്തിലും പൂർത്തിയാക്കാനുള്ള അസൈൻമെന്റും അറിവ് പരിശോധിക്കുകയും ചലഞ്ചുകളും ഉണ്ട്, താഴെപറയുന്ന വിഷയങ്ങളിൽ മാർഗനിർദ്ദേശങ്ങൾ:
- പ്രാമ്പ്റ്റിംഗും പ്രാമ്പ്റ്റ് എഞ്ചിനീയറിംഗും
- ടെക്സ്റ്റും ചിത്ര അപ്പുകളും സൃഷ്ടിക്കൽ
- സേർച്ച് ആപ്പുകൾ
ആരംഭിക്കാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)
തുടങ്ങാനായി സന്ദർശിക്കുക [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)
## 🌱 തുടക്കം
## 🌱 ആരംഭിക്കുന്നത്
> **അദ്ധ്യാപകർ**, ഈ പാഠ്യक्रमം ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [included some suggestions](for-teachers.md). നിങ്ങളുടെ ഫീഡ്ബാക്ക് ആകാംക്ഷയോടെ ഞങ്ങൾക്കുണ്ട് [in our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **അധ്യാപകർ** ഇതുവരെ ഈ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിനെക്കുറിച്ച് ചില നിർദ്ദേശങ്ങൾ [ഇവിടെ](for-teachers.md) നൽകിയിട്ടുണ്ട്. നിങ്ങളുടെ അഭിപ്രായം പ്രതീക്ഷിക്കുന്നു [നമ്മുടെ ചർച്ച ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
**[പഠിതാക്കൾ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** ഓരോ പാഠത്തിനും മുമ്പ് പ്രീ-ലക്ചർ ക്വിസ് ചെയ്തു ആരംഭിക്കുകയും, ലക്ചർ മടീരിയൽ വായിക്കുകയും, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കുകയും, പോസ്റ്റ്-ലക്ചർ ക്വിസുമായി നിങ്ങളുടെ അർത്ഥമുൻ‌മാറ്റം പരിശോധിക്കുകയും ചെയ്യുക.
**[അധ്യായഭേദം വിദ്യാർത്ഥികൾക്ക്](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠത്തിനും പ്രീ-ലെക്ചർ ക്വിസ് നടത്തുക, പിന്നെ പാഠം വായിക്കുക, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി പോസ്റ്റ്-ലെക്ചർ ക്വിസ് ഉപയോഗിച്ച് അവബോധം പരിശോധിക്കുക.
പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടുകാർക്കൊപ്പം ചേർന്ന് പ്രോജക്റ്റുകളിൽ പ്രവർത്തിക്കുക! ചർച്ചകൾ ഞങ്ങളുടെ [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ൽ പ്രോത്സാഹിപ്പിക്കുന്നു, അവിടെ മോഡറേറ്റർമാർ നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകും.
നിങ്ങളുടെ പഠനപരിചയം മെച്ചപ്പെടുത്താൻ, സഹപാഠികളുമായി ചേർന്ന് പ്രോജക്റ്റുകളിൽ സഹകരിക്കുക! ചർച്ചകൾ പരിപാടികളിൽ [നമ്മുടെ ചർച്ച ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉദ്ദേശിക്കുന്നു, ഇവിടെയുണ്ടാകുന്ന മോഡറേറ്റർമാർ നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് പിന്തുണ നൽകും.
കൂടുതൽ പഠനത്തിനായി, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) പരിശോധിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു.
പഠനം കൂടുതൽ വികസിപ്പിക്കുവാൻ, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കാൻ ഞങ്ങൾ ശക്തമായി ശുപാർശ ചെയ്യുന്നു.
### 📋 നിങ്ങളുടെ പരിസരം സജ്ജമാക്കൽ
### 📋 നിങ്ങളുടെ ഇടപാടുകൾ ക്രമീകരിക്കൽ
ഈ പാഠ്യക്രമത്തിന് ഡെവലപ്‌മെന്റ് പരിസരം തയ്യാറായി ലഭ്യമാണ്! ആരംഭിക്കുമ്പോൾ നിങ്ങൾക്ക് [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അടിസ്ഥാനമായ, ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതില്ലാത്ത പരിസരം_)യിൽ ഓടിക്കോ, നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രിയപ്പെട്ട ടെക്‌സ്‌റ്റ് എഡിറ്റർ പോലെയുള്ള [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് ഓടിക്കാം.
ഈ പാഠ്യപദ്ധതിക്ക് ഒരു ഡെവലപ്പ്മെന്റ് പരിസ്ഥിതിയാണ് സജ്ജം! നിങ്ങൾ ആരംഭിക്കുമ്പോൾ, നിങ്ങൾക്ക് [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അടിസ്ഥാനമാക്കിയുള്ള, ഇൻസ്റ്റാൾ 필요 ഇല്ലാത്ത പരിസ്ഥിതി_) ഉപയോഗിക്കാം, അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലൊക്കലി ടെക്സ്റ്റ് എഡിറ്റർ പോലെ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് പ്രവർത്തിപ്പിക്കാം.
#### നിങ്ങളുടെ റിപ്പോസിറ്ററി സൃഷ്ടിക്കുക
നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ സൂക്ഷിക്കാൻ, ഈ റിപോസിറ്ററിയുടെ സ്വന്തം അതിരൂപം സൃഷ്ടിക്കുക. പേജ് മുകളിലുള്ള **Use this template** ബട്ടൺ അമർത്തി ഇത് ചെയ്യാം. GitHub അക്കൗണ്ടിൽ പുതിയ ഒരു റിപോസിറ്ററി സൃഷ്ടിക്കപ്പെടും, പാഠ്യക്രമത്തിന്റെ അതിരൂപം വച്ച്.
#### നിങ്ങളുടെ സംഭരണശാല സൃഷ്ടിക്കുക
നിങ്ങളുടെ ജോലി എളുപ്പത്തിൽ സേവ് ചെയ്യാൻ ഈ സംഭരണശാലയുടെ വ്യക്തിഗത പകർപ്പ് നിർമ്മിക്കുവാൻ നിർദ്ദേശിക്കുന്നു. ഇതിന്, പേജിന്റെ മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്ക് ചെയ്യുക. ഇത് GitHub അക്കൗണ്ടിൽ പാഠ്യപദ്ധതിയുടെ ഒരു പകർപ്പ് ഉള്ള പുതിയ സംഭരണശാല സൃഷ്ടിക്കും.
ചുവടെയുള്ളവ പാലിക്കുക:
1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിലെ വലത് മൂലയിൽ "Fork" ബട്ടൺ അമർത്തുക.
2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
ഈ ഘട്ടങ്ങൾ പിന്തുടരുക:
1. **സംഭരണശാല ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ വലതു മുകളിൽ "Fork" ബട്ടൺ അമർത്തുക.
2. **സംഭരണശാല ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace-ൽ പാഠ്യകുറി തിരക്കിലാക്കൽ
#### Codespace-ൽ പാഠ്യപദ്ധതി പ്രവർത്തിപ്പിക്കുക
നിങ്ങൾ സൃഷ്ടിച്ച ഈ റിപോസിറ്ററി കോപ്പിയിൽ, **Code** ബട്ടൺ അമർത്തി **Open with Codespaces** തെരഞ്ഞെടുക്കുക. ഇത് നിങ്ങൾക്ക് പ്രവർത്തിക്കാനുള്ള പുതിയ Codespace സൃഷ്ടിക്കും.
നിങ്ങൾ സൃഷ്ടിച്ച പകർപ്പിൽ, **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. ഇത് നിങ്ങൾക്കായി പുതിയ Codespace സൃഷ്ടിക്കും.
![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.webp)
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പാഠ്യകുറി പ്രവർത്തിപ്പിക്കുക
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലൊക്കലി പാഠ്യപദ്ധതി പ്രവർത്തിപ്പിക്കൽ
ഈ പാഠ്യകുറി നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രവർത്തിപ്പിക്കാൻ, ഒരു ടെക്‌സ്‌റ്റ് എഡിറ്ററും, ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും വേണം. നമ്മുടെ ആദ്യ പാഠം, [Introduction to 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. നിങ്ങളുടെ സംഭരണശാല നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL പകർത്തുക:
[CodeSpace](./images/createcodespace.png)
അപ്പോൾ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉള്ളിൽ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന്, നിങ്ങൾ justo പകർത്തിയ 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
git clone <your-repository-url>
```
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കൂ. ഇത് ചെയ്യാൻ **File** > **Open Folder** തിരഞ്ഞെടുത്ത് നിങ്ങൾ justo ക്ലോൺ ചെയ്‌ത ഫോൾഡർ തിരഞ്ഞെടുക്കാം.
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 പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
> * [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) - കോഡ് വേಗത്തിൽ എഴുതാൻ സഹായിക്കാൻ
## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്:
## 📂 ഓരോ പാഠത്തിലുമുണ്ട്:
- disorder sketchnote ഒഴിവാക്കാവുന്ന
- disorder സഹായകരമായ വീഡിയോ ഒഴിവാക്കാവുന്ന
- പാഠത്തിന് മുമ്പുള്ള warmup quiz
- എഴുതിയ പാഠം
- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്ട് നിർമ്മിക്കാനുള്ള ദിശാനിർദ്ദേശങ്ങൾ
- അറിവ് പരിശോധനകൾ
- ചലഞ്ച്
- സഹായകരമായ വായന
- അസൈൻമെന്റ്
- [പാഠത്തിനു ശേഷം quiz](https://ff-quizzes.netlify.app/web/)
- ഐച്ഛിക സ്ക്കെച്ച് നോട്ടുകൾ
- ഐച്ഛിക അധിക വീഡിയോ
- പാഠത്തിനു മുൻപുള്ള വാർമപ്പ് ക്വിസ്
- എഴുതിയ പാഠം
- പ്രോജക്ട് അടിസ്ഥാനമായ പാഠങ്ങളിൽ, പ്രോജക്ട് നിർമ്മിക്കാനുള്ള പടിയേറിയ മാർഗ്ഗനിർദ്ദേശങ്ങൾ
- അറിവ് പരിശോധിക്കൽ
- ഒരു ചലഞ്ച്
- അധിക വായന
- അസൈൻമെന്റ്
- [പാഠത്തിനു ശേഷം ക്വിസ്](https://ff-quizzes.netlify.app/web/)
> **ക്വിസുകളെ കുറിച്ചുള്ള ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ ഉൾക്കൊള്ളുന്നു, ഓരോതിലും മൂന്ന് ചോദ്യങ്ങളുള്ള 48 quizzes. അവ ഇവിടെ ലഭ്യമാണ് [https://ff-quizzes.netlify.app/web/](https://ff-quizzes.netlify.app/web/), quiz അപ്ലിക്കേഷൻ ലോക്കലായി ഓടിക്കാമോ അല്ലെങ്കിൽ Azure-യിലേക്കും ഡിപ്ലോയ്ചെയ്യാമോ; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക.
> **ക്വിസുകളെ കുറിച്ചുള്ള കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോളഡറിനുള്ളിൽ ആണ്, ഓരോന്നിലും മൂന്ന് ചോദ്യങ്ങൾ ഉള്ള 48 ക്വിസുകൾ. അവ ഇവിടെ ലഭ്യമാണ് [വെബ്സൈറ്റ്](https://ff-quizzes.netlify.app/web/), ക്വിസ് അപ്ലിക്കേഷൻ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ഓടിക്കാമോ അല്ലെങ്കിൽ Azure-യിൽ ഡിപ്ലോയ്ചെയ്യാമോ; `quiz-app` ഫോൾഡറിലുള്ള നിര്‍ദ്ദേശങ്ങൾ അനുഗമിക്കൂ.
## 🗃️ പാഠങ്ങൾ
| | പ്രോജക്ട് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | ലേഖകൻ |
| :-: | :------------------------------------------------------------: | :-------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | പ്രോഗ്രാമിംഗ് പരിചയം மற்றும் ഉപകരണം പരിചയപ്പെടുത്തി | പലതരം പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാന തത്വങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർ ജോലി ചെയ്യാൻ സഹായിക്കുന്ന സോഫ്റ്റ്‌വെയർ അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | Getting Started | GitHub നേുറ്റുകൾ അടിസ്ഥാനപരമായി, ടീമിനോടൊപ്പം പ്രവർത്തനമുണ്ടാക്കൽ | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന്, മറ്റുള്ളവർക്ക് കോഡ് ആധാരത്തിൽ എങ്ങനെ സഹകരിക്കാമെന്നും പഠിക്കുക | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫോൾ |
| 03 | Getting Started | അക്കസസ്ബിലിറ്റി | വെബ് അക്കസസ്ബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ അറിയുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ |
| 04 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | JS Basics | ഫങ്‌ഷനുകളും മെതഡുകളും | ഒരു ആപ്ലിക്കേഷന്റെ ലോജ് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫങ്‌ഷനുകളും മെതഡുകളുമെന്താണെന്ന് മനസിലാക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ |
| 06 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റിൽ തീരുമാനം എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാന്‍ തീരുമാനം എടുക്കൽ രീതികൾ ഉപയോഗിച്ച് പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS Basics | അറേകളും ലൂപ്പുകളും | ജാവാസ്ക്ക്രിപ്റ്റിൽ അറേയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [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) | ജെൻ |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമായ CSS | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലുചെയ്യാൻ CSS നിർമിച്ച് പേജ് പ്രതികരണക്ഷമമാക്കുന്നത് ഉൾപ്പെടെ CSS അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്ക്രിപ്റ്റ് ക്ലോജേഴ്സ്, DOM മാനിപ്പുലേഷൻ | ടെറേറിയത്തിന് ഡ്രാഗ് & ഡ്രോപ്പ് ഇന്ററ്ഫേസി നിർമിക്കാൻ ജാവാസ്ക്ക്രിപ്റ്റ് സൃഷ്ടിക്കുക, ക്ലോജേഴ്സും DOM മാനിപ്പുലേഷനും ശ്രദ്ധിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | ജാവാസ്ക്ക്രിപ്റ്റ് ആപ്പിന്റെ ലോജിക് നിയന്ത്രിക്കാൻ കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [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) | ജെൻ |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിക്കൽ, API വിളിച്ചത്, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കൽ | API വിളിക്കാൻ ഉപയോഗിക്കുന്ന ബ്രൗസർ എക്സ്റ്റൻഷനിലെ ജാവാസ്ക്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 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) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ മുന്നോട്ട് നയിക്കുന്ന ഗെയിം വികസനം | ക്ലാസുകളും കോംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് സിദ്ധാന്തവും പബ്/സബ് മാതൃകയും പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിന് തയ്യാറാക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [Space Game](./6-space-game/solution/README.md) | ക്യാൻവാസിലേക്ക് ചിത്രരചന | സ്ക്രീനിലേക്ക് ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന ക്യാൻവാസ API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [Space Game](./6-space-game/solution/README.md) | സ്ക്രീനിൽ ഘടകങ്ങൾ പ്രവേശിപ്പിക്കുന്നത് | കാർട്ടീസിയൻ കോർഡിനേറ്റുകളും ക്യാൻവാസും ഉപയോഗിച്ച് എലമെന്റുകൾ എങ്ങനെ ചലിക്കുന്നു എന്ന് കണ്ടെത്തുക | [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) | ക്രിസ് |
| 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) | ക്രിസ് |
| 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) | യോഹാൻ |
| 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) | യോഹാൻ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് പ്രവർത്തിക്കല്‍ | എഡിറ്റർ ഉപയോഗിക്കുന്നത് പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് പ്രവർത്തിക്കൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കുന്നത് പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠം ചാതുര്യം
നമ്മുടെ കോഴ്സു പ്രവർത്തനം നിർമിച്ചിരിക്കുന്നത് രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കി:
* പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പഠനം
* നിരന്തരം ക്വിസുകൾ
പ്രോഗ്രാം ജാവാസ്ക്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾപോലും സമകാലീന വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതികവിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിങ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പെയ്‌സ് ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസുകൾക്കായുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് പ്രായോഗിക പരിചയം നേടാനുള്ള അവസരം ലഭിക്കും. ശ്രേണിയുടെ അവസാനത്തോടെ വിദ്യാർത്ഥികൾ വെബ് ഡെവലപ്പ്മെന്റിന്റെ ശക്തമായ ധാരണ നേടും.
> 🎓 മൈക്രോസോഫ്റ്റ് ലേൺ-ലെ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) എന്ന ഈ കർട്ടികയുടെ ആദ്യ പാഠങ്ങൾ നിങ്ങൾക്ക് സ്വീകരിക്കാം!
വിഷയം പ്രോജക്ടുകളുമായി പൊരുത്തപ്പെടുന്നതിൽ ഉറപ്പുവരുത്തുന്നതിലൂടെ процесс വിദ്യാർത്ഥികൾക്കായി കൂടുതല്‍ക്ക് ആകർഷകവും ആശയങ്ങൾ കൂടുതൽ മനസ്സിലാവുന്നതും ആണ്. ജാവാസ്ക്ക്രിപ്റ്റിന്റെ അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്തുന്നതിന് ഞങ്ങൾ പല സ്റ്റാർട്ടർ പാഠങ്ങളും തയ്യാറാക്കി, ഒരു വീഡിയോ ഈ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ട്യൂട്ടോറിയൽ കളക്ഷൻ-ലൂടെ പങ്കുവെച്ചിട്ടുണ്ട്, അതിൽ ചില ലേഖകർ ഈ പാഠങ്ങളിലേക്കു സംഭാവന ചെയ്തവരാണ്.
ഇതോടൊപ്പം, ക്ലാസ്സ് ആരംഭിക്കുന്നതിന് മുമ്പ് ലളിതമായ ഒരു ക്വിസ് വിദ്യാർത്ഥിയെ ഒരു വിഷയത്തിൽ പഠനോദ്ദേശം കൈവരിക്കാൻ സഹായിക്കുന്നു, ക്ലാസ്സ് കഴിഞ്ഞു രണ്ടാം ക്വിസ് കൂടുതൽ അറിവ് നിലനിർത്തലിന് സഹായിക്കുന്നു. ഈ കോഴ്സ് സുഗമവും വിനോദകരവുമാണ്, മുഴുവൻ ആയോ ഭാഗികമായോ ചെയ്യാം. പ്രോജക്ടുകൾ ചെറിയതിൽ തുടങ്ങിയും 12 ആഴ്ചമാകുന്ന സമയത്ത് progressively ക്ലിഷ്ടമാകും.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക്‌ പരിചയപ്പെടുത്താതെ അടിസ്ഥാന കഴിവുകളിൽ മാത്രം കേന്ദ്രീകരിക്കാൻ ഉദ്ദേശിച്ചിരിക്കുന്നു, ഇത് പഠനം പൂർത്തിയാക്കിയ ശേഷം അടുത്ത കടaptive ആയ പോർട് നോട്ട്ജെഎസ് പഠനത്തിലേക്ക് ക്ഷണിക്കും, ഏതാണ്ട് "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ കളക്ഷൻ ഉപയോഗിച്ച്.
> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md)വും [Contributing](CONTRIBUTING.md) ഗൈഡ്‌ലൈൻസും സന്ദർശിക്കുക. നിങ്ങളുടെ ഉപകാരപ്രദമായ അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു!
| | പ്രോജക്ട് പേര് | പഠിപ്പിക്കുന്ന ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധിപ്പിച്ച പാഠം | രചയിതാവ് |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | പ്രോഗ്രാമിംഗ് പരിചയം, ഉപകരണങ്ങൾ | കൂടുതലായി ഉപയോഗിക്കുന്ന പ്രോഗ്രാമിംഗ് ഭാഷകളുടെയും പ്രൊഫഷണൽ ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന സോഫ്റ്റ്‌വെയറുകളുടെയും അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | GitHub അടിസ്ഥാനങ്ങൾ, ടീമുമായി പ്രവർത്തനം | GitHub പ്രോജക്ടുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്നതും കൂട്ടുകാരുമായി കോഡ് പങ്കിട്ട് എങ്ങിനെ പ്രവര്‍ത്തിക്കാമെന്നതും പഠിക്കുക | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | ആക്‌സസിബിലിറ്റി | വെബ് ആക്‌സസിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript ഡാറ്റാ തരങ്ങൾ | ജാവാസ്ക്രിപ്റ്റിന്റെ ഡാറ്റാ തരങ്ങളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | ഫംഗ്ഷനുകളും മെത്തഡുകളും | ആപ്ലിക്കേഷന്റെ ലജിക് നിയന്ത്രിക്കുന്ന ഫംഗ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | JS-ൽ നിർണയങ്ങൾ എടുക്കൽ | കോഡിൽ അനുകൂലകങ്ങൾ നിർവ്വചിക്കാൻ രീതികൾ പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | അറേകൾ, ലൂപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റിൽ അറേകളും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമായി HTML | ഓൺലൈൻ ടെറാറിയം നിർമ്മിക്കാൻ HTML നിർമിക്കുക, ലേയൗട്ട് നിർമ്മിക്കുമ്പോൾ ശ്രദ്ധ കേന്ദ്രീകরণ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമായി CSS | ഓൺലൈൻ ടെറാറിയം സ്റ്റൈൽ ചെയ്യാൻ CSS നിർമ്മിക്കുക, CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ, പേജ് റെസ്പോൺസീവ് ആക്കുന്നത് ഉൾപ്പെടെ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകളും DOM മാനിപ്പുലേഷനും | ടററിയം ഒരു ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് ആയി പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോഷറുകളും DOM മാനിപ്പുലേഷനും പ്രധാനമാണ് | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കൽ | ജാവാസ്ക്രിപ്റ്റ് ആപ്പ് ലജിക്ക് ഇളം ഇറക്കുന്നതിനായി കീബോർഡ് ഇവെന്റുകൾ ഉപയോഗിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകൾ ഉപയോഗിച്ച് പ്രവർത്തിക്കൽ | ബ്രൗസറുകൾ എങ്ങിനെ പ്രവർത്തിക്കുന്നു, അവരുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ആദ്യ ഘടകങ്ങൾ എങ്ങിനെ നിർമ്മിക്കാമെന്നു പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോമുകൾ നിർമ്മിക്കൽ, API വിളിക്കൽ, ലോക്കൽ സ്റ്റോറേജിൽ വെരിയബിളുകൾ സൂക്ഷിക്കൽ | നിങ്ങളുടെ ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിച്ച് API വിളിക്കുക; ലോക്കൽ സ്റ്റോറേജിൽ സൂക്ഷിച്ചിരിക്കുന്ന വെരിയബിളുകൾ ഉപയോഗിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് ഫർഫോമൻസ് | എക്സ്റ്റൻഷന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും അതിന്റെ ചില മെച്ചപ്പെടുത്തലുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റിനോട് കൂടുതൽ ആധുനിക ഗെയിം വികസനം | ക്ലാസുകളും കോംപോസിഷനും ഉപയോഗിച്ച് അവകാശപ്പെടലുകൾ (Inheritance) അറിയുക; പബ്/സബ് മാതൃക പഠിക്കുക; ഗെയിം നിർമ്മിക്കാൻ തയാറാകുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | ക്യാൻവാസിൽ വരയ്ക്കൽ | സ്ക്രീനിൽ ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന Canvas API-യെ കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | ഇലമെന്റുകൾ സ്ക്രീനിൽ എങ്ങനെ നീക്കാം | കാർട്ടീഷ്യൻ കോഓർഡിനേറ്റുകളും Canvas API-യും ഉപയോഗിച്ച് ഇലമെന്റുകൾ എങ്ങനെ ചലിപ്പിക്കാമെന്ന് കണ്ടെത്തുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ഘടകങ്ങൾ കൂട്ടഞ്ഞെത്തൽ | കീപ്രസ് ഉപയോഗിച്ച് ഇലമെന്റുകൾ കൂട്ടഞ്ഞെത്താനും പരസ്പരം പ്രതികരിക്കാനും പഠിക്കുക; ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്‌ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | സ്‌കോർ നിയന്ത്രണം | ഗെയിമിന്റെ നിലയിലും പ്രകടനത്തിലും അടിസ്ഥാനമാക്കി ഗണിത കണക്കുകൾ നടത്തുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കാനും പുനരാരംഭിക്കാനുമുള്ള മാർഗങ്ങൾ | ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ ഉൾപ്പെടെ പഠിക്കുക; അസറ്റുകൾ ശുചിയാക്കലും വെരിയബിളുകൾ റീസെറ്റ് ചെയ്യലും ഉൾപ്പെടുന്നു | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിലെ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിംഗ്, HTML ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് ഒരു മൾട്ടിപേജ് വെബ്സൈറ്റ് ആർക്കിടെക്ചർ scaffold ചെയ്യുന്നത് എങ്ങനെ ആണെന്ന് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കുന്നതും സാധുത പരിശോധിക്കുന്നതിനുള്ള റൂട്ടീനുകളും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡേറ്റാ എടുക്കുന്നതിന്റെയും ഉപയോഗത്തിന്റെയും രീതികൾ | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുകയും പോകുകയും ചെയ്യുന്നു, എങ്ങനെ കിട്ടിക്കുന്നു, സൂക്ഷിക്കുന്നു, ഒഴിവാക്കുന്നു എന്നതെല്ലാം | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്‌മെന്റിന്റെ ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് എങ്ങനെ സ്റ്റേറ്റ് നിലനിർത്തുന്നു, പ്രോഗ്രാമാറ്റിക്കായി എങ്ങനെ നിയന്ത്രിക്കാമെന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് പ്രവർത്തനങ്ങൾ | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്നത് എങ്ങനെ എന്നത് പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | എ ഐ ഉപയോഗിച്ച് പ്രവർത്തനങ്ങൾ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കുന്നത് എങ്ങനെ എന്നത് പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 പൈഡഗോജി
ഞങ്ങളുടെ പാഠ്യപദ്ധതി രണ്ട് പ്രധാന പഠനസിദ്ധാന്തങ്ങളുടെ അടിസ്ഥാനത്തിലാണൃഷ്ടിച്ചതത്:
* പ്രോജക്ട് ആധാരിത പഠനം
* സ്ഥിരം ക്വിസുകൾ
പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS അടിസ്ഥാനങ്ങളും ഇന്ന് വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിംഗ് ഗെയിം, വെർച്ച്വൽ ടെറാറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസുകൾക്കുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈകൊണ്ടു പഠിക്കാനുള്ള അവസരം ലഭിക്കും. പരമ്പരയുടെ അവസാനം, വിദ്യാർത്ഥികൾക്ക് വേബ് ഡെവലപ്പ്മെന്റിന്റെ മികവുറ്റ അവബോധം ലഭിക്കും.
> 🎓 Microsoft Learn-ൽ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ആയി ഈ പാഠ്യപദ്ധതിയുടെ ആദ്യ പാഠങ്ങൾ പഠിക്കാം!
വിഷയങ്ങൾ പ്രോജക്ടുകളുമായി പൊരുത്തപ്പെട്ടു കൊണ്ടിരിക്കുമ്പോൾ, പഠനം കൂടുതൽ ആകർഷകവും ആശയങ്ങൾ കൂടുതൽ മെച്ചമായി മനസിലാകും. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങളിലുള്ള ചില ആരംഭ പാഠങ്ങൾ ഞങ്ങൾ എഴുതിയിട്ടുണ്ട്, ഈ സിലബസിനൊപ്പം "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ ട്യൂട്ടോറിയലുകളുടെ വീഡിയോകളും അനുബന്ധമാണ്, ഇതിലെ ചില രചയിതാക്കൾ ഈ സിലബസിനൊപ്പം സഹകരിച്ചിട്ടുണ്ട്.
ക്ലാസ് തുടങ്ങുന്നതിന് മുമ്പുള്ള കുറഞ്ഞ റിസ്ക്ക് ഉള്ള ഒരു ക്വിസ് വിദ്യാർത്ഥിയുടെ പഠനം ലക്ഷ്യമിടുന്നതിന് സഹായിക്കും, കൂടാതെ ക്ലാസിനു ശേഷമുള്ള ഒരു ക്വിസ് അറിവിന്റെ ഉറപ്പും വർദ്ധിപ്പിക്കും. ഈ പാഠ്യപദ്ധതി ലളിതവുമായും വിനോദപരമായും ഉണ്ടാക്കാനാണ് ഉദ്ദേശിച്ചത്; മുഴുവനായോ ഭാഗികമായോ സ്വീകരിക്കാം. 12 ആഴ്ചത്തെ പ്രക്രിയയൊടുവിൽ, പ്രോജക്ടുകൾ ചെറിയതിൽ നിന്നും progressively കൂടുതൽ സങ്കീർണ്ണമായതാകുന്നു.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് മുഖാന്തിരം പഠനത്തിൽ നിന്ന് ജാഗ്രതയോടെ ഒഴിഞ്ഞു സ്ഥാപിത അടിസ്ഥാനത്തിലുള്ള സ്കില്ലുകളിലാണ് ഫോക്കസ്; തദ്ദേശീയമായ ഒരു അടുത്ത ചുവട് Node.js പഠനത്തിനാണ്, ഇത് വേറെ വീഡിയോ ശേഖരമായ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" വഴി കൈവശമാക്കാം.
> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) ಹಾಗೂ [Contributing](CONTRIBUTING.md) നിർദ്ദേശങ്ങൾ കാണുക. നിങ്ങളുടെ സംരചനാത്മക അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു!
## 🧭 ഓഫ്ലൈൻ ആക്‌സസ്
[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈനിലും ഓടിക്കാം. ഈ റിപോ ഫോർക്കുചെയ്യുക, [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്യുക നിങ്ങളുടെ ലോക്കൽ മെഷീനിൽ, ശേഷം ഈ റിപോയുടെ റൂട്ട് ഫോൾഡറിൽ `docsify serve` ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് നിങ്ങളുടെ ലോക്കൽഹോസ്റ്റ് 3000 പോർട്ടിൽ സർവ് ചെയ്യും: `localhost:3000`.
[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈൻ ഓടിക്കാം. ഈ റിപ്പൊയുടെ ഫ്രാങ്ക് ചെയ്ത്, നിങ്ങളുടെ ലോക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്ത്, റിപ്പൊയുടെ റൂട്ട് ഫോൾഡറിലെ `docsify serve` ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് നിങ്ങളുടെ ലോക്കൽഹോസ്റ്റിലെ 3000 പോർട്ടിൽ സർവ് ചെയ്യും: `localhost:3000`.
## 📘 PDF
## 📘 പി‌ഡി‌എഫ്
എല്ലാ പാഠങ്ങളുടേയും ഒരു PDF ഫയൽ [ഇവിടെ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ലഭ്യമാണ്.
ഈ പാഠങ്ങളുടെ മുഴുവൻ പി‌ഡി‌എഫ് [ഇവിടെ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ലഭ്യമാണ്.
## 🎒 മറ്റ് കോഴ്സുകൾ
നമ്മളുടെ സംഘം മറ്റ് കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക:
## 🎒 മറ്റ് കോഴ്‌സുകൾ
നമ്മുടെ ടീം മറ്റ് കോഴ്സുകളും നിർമ്മിക്കുന്നു! ഇവ നോക്കൂ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
@ -246,23 +246,23 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## സഹായം നേടുക
## സഹായം ലഭിക്കുക
നിങ്ങൾ കുടുങ്ങിയോ AI ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുമ്പോൾ എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടാകിയോ ചെയ്തത് ആണെങ്കിൽ. MCP സംബന്ധിച്ചുള്ള ചർച്ചകളിൽ അനുഭവമുള്ള ഡെവലപ്പർമാരും പഠനാർത്ഥികളും ചേർന്ന് ചർച്ചകളിൽ പങ്കുചേരുക. ചോദ്യങ്ങൾക്ക് സ്വാഗതം ഉള്ള, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്.
AI ആപ്പുകൾ വികസിപ്പിക്കുന്നതിൽ ഏതെങ്കിലും ബുദ്ധിമുട്ടുണ്ടെങ്കിൽ അല്ലെങ്കിൽ നിങ്ങൾക്ക് എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടെങ്കിൽ MCP സംബന്ധിച്ചുള്ള ചർച്ചകളിൽ പങ്കെടുപ്പിക്കാൻ സഹപാഠികളേക്കും പരിചയസമ്പന്നരായ ഡെവലപ്പർമാരെയും ചേർന്നുള്ളതാണ്. ചോദ്യങ്ങൾക്ക് സ്വാഗതം നല്‍കുന്നു, അറിവ് സ്വതന്ത്രമായി പങ്കു വയ്ക്കുന്ന പിന്തുണയ്ക്കുദ്ദേശിച്ച സമൂഹമാണ് ഇത്.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
നിങ്ങൾക്ക് ഉൽപ്പന്ന ഫീഡ്ബാക്കോ നിർമ്മాణത്തിനിടെ സംഭവിക്കുന്ന പിഴവുകളോ ഉണ്ടായാൽ സന്ദർശിക്കുക:
നിങ്ങൾക്ക് ഉൽപ്പന്ന സംബന്ധിച്ച പ്രതികരണമോ വികസനത്തില്‍ പിഴവുകളോ ഉണ്ടെങ്കിൽ സന്ദർശിക്കൂ:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## അനുമതി
## ലൈസൻസ്
ഈ റെപ്പോസിറ്ററി MIT ലൈസൻസിനുള്ളടിയാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക.
ഈ റെപ്പോസിറ്ററി MIT ലൈസൻസിനൊപ്പം ലൈസൻസുചെയ്യപ്പെട്ടിട്ടുണ്ട്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അക്കൗണ്ടബിലിറ്റി**:
ഈ ഡോക്യുമെന്റ് AI വിവർത്തനസേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. എങ്കിലും നാം ശരിയായി വിവർത്തനം ചെയ്യാൻ ശ്രമിക്കുന്നുവെങ്കിലും, യാന്ത്രിക വിവർത്തനങ്ങളിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാവുന്നതാണ്. ഇതിന്റെ മൗലിക ഭാഷയിലുള്ള പ്രമാണം ഔദ്യോഗിക സ്രോതസ്സ് ആയി കണക്കാക്കിയിരിക്കണം. നിർണ്ണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യൻ നൽകുന്ന വിവർത്തനം അഭ്യർത്ഥിക്കപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ നിന്നുള്ള ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനഭ്രംശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല.
**അസൂയാധർമ്മം**:
ഈ രേഖ AI പരിഭാഷാ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. നാം പ്രായോഗികതയ്ക്കായി പരിശ്രമിക്കുന്നുവെങ്കിലും, ഓട്ടോമാറ്റഡ് പരിഭാഷകളിൽ പിശകുകളും വർഗ്ഗവത്യാസങ്ങളും ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. തത്വപരമായ ഭാഷയിൽ പറ്റിയുള്ള യഥാർത്ഥ രേഖയാണ് അവകാശപ്പെട്ട ഉറവിടം കരുതേണ്ടത്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ നിർദ്ദേശിക്കുന്നു. ഈ പരിഭാഷയുടെ ഉപയോഗത്തിൽ നിന്ന് ഒരിനം തെറ്റിദ്ധാരണകൾ അല്ലെങ്കിൽ വ്യാഖ്യാനച്ചെല്ലുകൾ ഉണ്ടായാൽ അതിന് ഞങ്ങൾ ഉത്തരവാദികളല്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->
Write Preview
Loading…
Cancel
Save