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

update-translations
localizeflow[bot] 3 weeks ago
parent 7b5d2809f4
commit ded5aa27cc

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:18:19+00:00",
"translation_date": "2026-04-24T14:07:11+00:00",
"source_file": "AGENTS.md",
"language_code": "kn"
},
@ -516,8 +516,8 @@
"language_code": "kn"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T15:35:59+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T14:02:26+00:00",
"source_file": "README.md",
"language_code": "kn"
},
@ -564,8 +564,8 @@
"language_code": "kn"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2026-01-08T11:41:47+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T14:02:39+00:00",
"source_file": "lesson-template/README.md",
"language_code": "kn"
},

@ -1,282 +1,282 @@
# AGENTS.md
## ಪ್ರಾಜೆಕ್ಟ್ ಅವಲೋಕನ
## ಪ್ರಾಜೆಕ್ಟ್ ಅವಲಕನ
ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲಭೂತಾಂಶಗಳನ್ನು ಕಲಿಸಲು ಉದ್ದೇಶಿಸಿದ ಶಿಕ್ಷಣ ಕಾರ್ಯಕ್ರಮ ಸಂಗ್ರಹಾಲಯವಾಗಿದೆ. ಈ ಕಾರ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೆಟ್ಸ್‍ರಿಂದ ಅಭಿವೃದ್ಧಿಪಡಿಸಲ್ಪಟ್ಟ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಕೈಯಿಂದ ಮಾಡಬಹುದಾದ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿವೆ, ಇವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ.
ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ತ್ವಗಳನ್ನು ಕಲಿಸಲು শিক্ষಾ ಪಠ್ಯಕ್ರಮದ ರೆಪಾಸಿಟರಿ. ಈ ಪಠ್ಯಕ್ರಮವು Microsoft Cloud Advocates ತಂಡದಿಂದ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ಸಂಪೂಟ 12-ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, ಜಾವಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡ 24 ಕೈಗೆ ಒಳಗಾದ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
### ಪ್ರಮುಖ ಘಟಕಗಳು
- **ೈಕ್ಷಣಿಕ ವಿಷಯಗಳು**: ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಮೋ듳ುಗಳಾಗಿ ಸಂಘಟಿತ 24 ರಚಿಸಲ್ಪಟ್ಟ ಪಾಠಗಳು
- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: ಟೆರೆರಿಯಂ, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಆಪ್, ಕೋಡ್ ಸಂಪಾದಕ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- **ಇಂಟರ್ಯಾಕ್ಟಿವ್ ಕ್ವಿಜ್‌ಗಳು**: ಪ್ರತಿ ಪಾಠದ ಮೊದಲು/ನಂತರದ ಮೌಲ್ಯಮಾಪನಕ್ಕಾಗಿ 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ 48 ಕ್ವಿಜ್‌ಗಳು
- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು
- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ)
- **ಿಕ್ಷಣಾತ್ಮಕ ವಿಷಯ**: ಯೋಜನೆ ಆಧಾರಿತ ಘಟಕಗಳಾಗಿ 24 ವಿನ್ಯಾಯಿತ ಪಾಠಗಳು
- **ಪ್ರಾಯೋಗಿಕ ಯೋಜನೆಗಳು**: ಟೆರರಿಯಂ, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಥಳದ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- **ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ಕ್ವಿಜ್‌ಗಳು**: ಪ್ರತಿ ಒಂದು ಕ್ವಿಜ್‌ಗೆ 3 ಪ್ರಶ್ನೆಗಳ ಕಾಲ 48 ಕ್ವಿಜ್‌ಗಳು (ಪಾಠಕ್ಕೆ ಮುಂಚಿನ/ನಂತರದ ಮೌಲ್ಯಮಾಪನ)
- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳಿಗೆ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ
- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಯೋಜನೆಗಳಿಗೆ)
### ವಾಸ್ತುಶಿಲ್ಪ
### ಶಿಲ್ಪವಿಧಾನ
- ಪಾಠ ಆಧರಿತ ರಚನೆಯೊಂದಿಗೆ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹಾಲಯ
- ಪ್ರತಿ ಪಾಠ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು ಇರುತ್ತವೆ
- ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ವೈವಿಧ್ಯಮಯ ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ (quiz-app, ವಿವಿಧ ಪಾಠ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು)
- GitHub Actions ಅನ್ನು ಬಳಸಿ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator)
- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ Docsify ಮೂಲಕ ನೀಡಲ್ಪಡುವದು ಮತ್ತು PDF ಆಗಿಯೂ ಲಭ್ಯವಿದೆ
- ಪಾಠ ಆಧಾರಿತ ರಚನೆಯೊಂದಿಗೆ ಶಿಕ್ಷಣ ರೆಪಾಸಿಟರಿ
- ಪ್ರತಿ ಪಾಠದ ಫೋಲ್ಡರ್ ಗೆ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು
- ವಿಭಿನ್ನ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳು (quiz-app, ವಿವಿಧ ಪಾಠ ಯೋಜನೆಗಳು)
- GitHub Actions ಬಳಸಿ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator)
- Docsify ಮೂಲಕ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ವಿತರಣೆ ಮತ್ತು PDF ರೂಪದಲ್ಲಿ ಲಭ್ಯವಿದೆ
## ಸೆಟಪ್ ಕಮಾಂಡಗಳು
## ಸೆಟಪ್ ಕಮಾಂಡಗಳು
ಸಂಗ್ರಹಾಲಯವು ಮುಖ್ಯವಾಗಿ ಶೈಕ್ಷಣಿಕ ವಿಷಯವನ್ನು ಓದುವಿಕೆಗೆ ಸಿದ್ದವಾಗಿದೆ. ನಿರ್ದಿಷ್ಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು:
ರೆಪಾಸಿಟರಿ ಮುಖ್ಯವಾಗಿ ಶಿಕ್ಷಣಕ್ಕಾಗಿ ವಿಷಯ ಸೇವೆಗೆ. ನಿರ್ದಿಷ್ಟ ಯೋಜನೆಗಳ ಜೊತೆಗೆ ಕೆಲಸ ಮಾಡಲು:
### ಮುಖ್ಯ ಸಂಗ್ರಹಾಲಯ ಸೆಟಪ್
### ಮುಖ್ಯ ರೆಪಾಸಿಟರಿ ಸೆಟಪ್
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಸೆಟಪ್ (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 ನಡೆಸಿ
```
### ಬ್ಯಾಂಕ್ ಪ್ರಾಜೆಕ್ಟ್ API (Node.js + Express)
### ಬ್ಯಾಂಕಿಂಗ್ ಯೋಜನೆ API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # ಎಪುಇಐ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ
npm run lint # ESLint ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ
npm run format # Prettier ನೊಂದಿಗೆ ಸ್ವರೂಪಗೊಳಿಸಿ
npm start # ಎಪಿಐ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ
npm run lint # ESLint ಅನ್ನು ರನ್ ಮಾಡಿ
npm run format # prettier ಮೂಲಕ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ
```
### ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು
### ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಯೋಜನೆಗಳು
```bash
cd 5-browser-extension/solution
npm install
# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ಎಕ್ಸ್ಟೆನ್ಶನ್ ಲೋಡಿಂಗ್ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಲೋಡ್‌ ಮಾಡಲು ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
```
### ಸ್ಪೇಸ್ ಆಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು
### ಸ್ಥಳದ ಆಟ ಯೋಜನೆಗಳು
```bash
cd 6-space-game/solution
npm install
# ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ಅನ್ನು ತೆರೆಯಿರಿ ಅಥವಾ Live Server ಅನ್ನು ಬಳಸಿರಿ
# ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ತೆರೆಯಿರಿ ಅಥವಾ ಲೈವ್ ಸರ್ವರ್ ಬಳಸಿರಿ
```
### ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ (Python ಬ್ಯಾಕೆಂಡ್)
### ಚಾಟ್ ಯೋಜನೆ (Python ಬ್ಯಾಕೆಂಡ್)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಸ್ಥಾಪಿಸಿ
# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಸೆಟ್ ಮಾಡಿ
python api.py
```
## ಅಭಿವೃದ್ಧಿ ಕಾರ್ಯಪ್ರವಾಹ
## ಅಭಿವೃದ್ಧಿ ಕೆಲಸದ ಪ್ರವಾಹ
### ವಿಷಯದ ಪಾಲುದಾರರಿಗಾಗಿ
### ವಿಷಯ ಕೊಡುಗೆದಾರರಿಗಾಗಿ
1. ನಿಮ್ಮ GitHub ಖಾತೆಗೆ ಸಂಗ್ರಹಾಲಯವನ್ನು **ಫೋರ್ಕ್ ಮಾಡಿ**
2. **ನಿಮ್ಮ ಫೋರ್ಕ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ**
3. ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ **ಹೊಸ ಶಾಖೆಯನ್ನು ರಚಿಸಿ**
4. ಪಾಠ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆ ಮಾಡಿ
5. ಸಂಬಂಧಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
6. ಕೊಡುಗೆ ನಿಯಮಾವಳಿಯ ಅನ್ವಯ ಪOTOಲ್ ವಿನಂತಿಗಳನ್ನು ಸಲ್ಲಿಸಿ
1. **ರೆಪಾಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ** ನಿಮ್ಮ GitHub ಖಾತೆಗೆ
2. **ಫೋರ್ಕ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ**
3. **ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗಾಗಿ ಹೊಸ ಶಾಖೆಯನ್ನು ಮಾಡಿ**
4. ಪಾಠ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆ ಮಾಡಿ
5. ಸಂಬಂಧಿತ ಯೋಜನೆ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
6. ಕೊಡುಗೆ ಮಾರ್ಗಸೂಚಿಗಳಂತೆ ಪુલ್ ರಿಕ್ವೆಸ್ಟ್ ಸಲ್ಲಿಸಿ
### ಅಭ್ಯಾಸದ ಇಲ್ಲಿಗೆ
### ಕಲಿಯುವವರಿಗಾಗಿ
1. ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ
2. ಕ್ರಮವಾಗಿ ಪಾಠ ಡೈರಕ್ಟರಿಗಳನ್ನು ಅನುಸರಿಸಿ
3. ಪ್ರತಿ ಪಾಠಕ್ಕೆ README ಕಡತಗಳನ್ನು ಓದಿ
4. https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪ್ರಿ-ಪಾಠ ಕ್ವಿಜ್‌ಗಳನ್ನು ಪೂರೈಸಿ
5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳ ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ
6. ನಿಯೋಜನೆಗಳು ಮತ್ತು ಪ್ರಸನ್ನವಾಯಿತಗಿನ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿ
7. ಪೋಸ್ಟ್-ಪಾಠ ಕ್ವಿಜ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ
1. ರೆಪಾಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ
2. ಸರಣಿಯಲ್ಲಿ ಪಾಠ ಡೈರೆಕ್ಟರಿಗಳಿಗೆ ನವಿಗೇಟ್ ಮಾಡಿ
3. ಪ್ರತಿ ಪಾಠದ README ಫೈಲ್ ಓದಿ
4. ಮುಂಚಿನ ಪಾಠದ ಕ್ವಿಜ್‌ಗಳನ್ನು https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪೂರೈಸಿ
5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳ ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ
6. ಕಾರ್ಯಗಳನ್ನು ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ
7. ನಂತರದ ಪಾಠದ ಕ್ವಿಜ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ
### ಲೈವ್ ಅಭಿವೃದ್ಧಿ
### ప్రత్యಕ್ಷ ಅಭಿವೃದ್ಧಿ
- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ರನ್ ಮಾಡಿ (ಪೋರ್ಟ್ 3000)
- **ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್**: quiz-app ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ರನ್ ಮಾಡಿ
- **ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: HTML ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ VS Code ಲೈವ್ ಸರ್ವರ್ ವಿಸ್ತರಣೆ ಬಳಸಿ
- **API ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು**: ಸಂಬಂಧಿತ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ರನ್ ಮಾಡಿ
- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ರನ್ ಮಾಡಿ (ಪೋರ್ಟ್ 3000)
- **ಕ್ವಿಜ್ ಅಪ್**: `quiz-app` ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ರನ್ ಮಾಡಿ
- **ಯೋಜನೆಗಳು**: HTML ಯೋಜನೆಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ
- **API ಯೋಜನೆಗಳು**: ಸಂಬಂಧಿತ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ರನ್ ಮಾಡಿ
## ಪರೀಕ್ಷೆ ಸೂಚನೆಗಳು
### ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಪರೀಕ್ಷೆ
### ಕ್ವಿಜ್ ಅಪ್ ಪರೀಕ್ಷೆ
```bash
cd quiz-app
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ ಪರಿಶೀಲಿಸಿ
npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ
```
### ಬ್ಯಾಂಕ್ API ಪರೀಕ್ಷೆ
```bash
cd 7-bank-project/api
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗ ಪರಿಶೀಲಿಸಿ
node server.js # ದೋಷಗಳಿಲ್ಲದೆ ಸರ್ವರ್ ಆರಂಭವಾಗುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ ಪರಿಶೀಲಿಸಿ
node server.js # ಸರ್ವರ್ ಎರರ್ ಇಲ್ಲದೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆಯಾ ಎಂದು ಪರಿಶೀಲಿಸಿ
```
### ಸಾಮಾನ್ಯ ಪರೀಕ್ಷಾ ವಿಧಾನ
- ಇದು ಒಂದು ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷೆಗಳು ಇಲ್ಲದ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹಾಲಯವಾಗಿದೆ
- ಕೈಯಿಂದ ಪರೀಕ್ಷೆ ಮುಖ್ಯವಾಗಿ ಗಮನ ಹರಿಸುತ್ತದೆ:
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷರಹಿತಾಗಿ ಚಾಲನೆ
- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಲಿಂಕ್‌ಗಳು ಸರಿಯಾದ ಕಾರ್ಯ
- ಪ್ರಾಜೆಕ್ಟ್ ಬಿಲ್ಡ್ಗಳು ಯಶಸ್ವಿಯಾಗಿ ಪೂರ್ಣಗೊಳ್ಳಬೇಕು
- ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು
- ಇದು ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷೆಗಳುಳ್ಳ ಶಿಕ್ಷಣ ರೆಪಾಸಿಟರಿ ಅಲ್ಲ
- ಕೈಯಿಂದ ಪರೀಕ್ಷಿಸುವುದು ಮುಖ್ಯ:
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷವಿಲ್ಲದೆಯುವುದು
- ಡಾಕ್ಯುಮೆಂಟೇಶನ್‌ನ ಲಿಂಕುಗಳು ಸರಿಯಾಗಿ ಕೆಲಸ ಮಾಡುವುದು
- ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿದೆ
- ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಕ್ರಮಗಳು ಅನುಸರಿಸುತ್ತವೆ
### ಸಲ್ಲಿಕೆಗೆ ಮುನ್ನ ಪರಿಶೀಲನೆಗಳು
### ಸಲ್ಲಿಸುವ ಮೊದಲು ಪರಿಶೀಲನೆಗಳು
- package.json ಇರುವ ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ಮುಂದುವರಿಸಿ
- ಮಾರ್ಕ್ಡೌನ್ ಲಿಂಕ್‌ಗಳ ಸರಾಸರಿ ಪರಿಶೀಲಿಸಿ
- ಬ್ರೌಸರ್ ಅಥವಾ Node.js ನಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆ ಕಾಯ್ದಿರುತ್ತಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ
- package.json ಇರುವ ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ
- ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕುಗಳು ಮಾನ್ಯವೇ ಎಂದು ಪರಿಶೀಲಿಸಿ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳನ್ನು ಬ್ರೌಸರ್ ಅಥವಾ Node.js ನಲ್ಲಿ ಪರೀಕ್ಷಿಸಿ
- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆ ಕಾಪಾಡುತ್ತವೆಂದು ಪರಿಶೀಲಿಸಿ
## ಕೋಡ್ ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು
### ಜಾವಸ್ಕ್ರಿಪ್ಟ್
### ಜಾವಸ್ಕ್ರಿಪ್ಟ್
- ಆಧುನಿಕ ES6+ ವ್ಯಾಕರಣ ಬಳಸಿ
- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಉಲ್ಲೇಖಿತ ESLint ಸಂರಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆಗಾಗಿ ಅರ್ಥಪೂರ್ಣ ಚರ ಹಾಗೂ ಕಾರ್ಯನಾಮಾವಳಿ ಬಳಸಿ
- ಕಲಿಕೆಯ ಉದ್ದೇಶಕ್ಕೆ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ
- Prettier ಮೂಲಕ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ (ಕನ್ಫಿಗರ್ ಮಾಡಿದಿದ್ದಲ್ಲಿ)
- ಆಧುನಿಕ ES6+ ಸಂರಚನೆಯನ್ನು ಬಳಸಿ
- ಪ್ರಾಜೆಕ್ಟುಗಳಲ್ಲಿ ನೀಡಲಾದ ಮಾನಕ ESLint ನಿಘಂಟುಗಳನ್ನು ಅನುಸರಿಸಿ
- ಶಿಕ್ಷಣ ಸ್ಪಷ್ಟತೆಗೆ ಅರ್ಥಪೂರ್ಣ ವ್ಯತ್ಯಾಸಿಕೆ ಮತ್ತು ಫಂಕ್ಷನ್ ಹೆಸರುಗಳನ್ನು ಬಳಸಿ
- ಕಲಿಯುವವರಿಗೆ ಕಲಿಕೆಗಾಗಿ ಕಾಮೆಂಟ್‌ಗಳು ಸೇರಿಸಿ
- ಹೊಂದಿಗೊಳಿಸಿದ Prettier ಬಳಸಿ ಸ್ವರೂಪಣೆಯಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ
### HTML/CSS
- ಅರ್ಥಪೂರ್ಣ HTML5 ಅಂಶಗಳು
- ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ತತ್ವಗಳು
- ಸುಲಭವಾಗಿ ಅರ್ಥವಾಗುವ ಕ್ಲಾಸ್ ಹೆಸರಿಸುವಿಕೆ
- CSS ತಂತ್ರಜ್ಞಾನಗಳನ್ನು ವಿವರಣೆ ಮಾಡುವ ಟಿಪ್ಪಣಿಗಳು
- ಅರ್ಥಪೂರ್ಣ HTML5 ಅಂಶಗಳು
- ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ತತ್ವಗಳು
- ಸ್ಪಷ್ಟ ಕ್ಲಾಸ್ ಹೆಸರು ನಿಯಮಗಳು
- CSS ತಂತ್ರಗಳನ್ನು ಕಲಿಯುವವರಿಗೆ ವಿವರಿಸುವ ಕಾಮೆಂಟ್‌ಗಳು
### ಪೈಥಾನ್
- PEP 8 ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು
- ಸ್ಪಷ್ಟ ಮತ್ತು ಶಿಕ್ಷಣ ಸಂಬಂಧಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳು
- ಕಲಿಕೆಗೆ ಸಹಾಯಕವಾಗುವ ಟೈಪ್ ಸೂಚನೆಗಳು
- PEP 8 ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು
- ಸ್ವಚ್ಚ, ಶಿಕ್ಷಣಾತ್ಮಕ ಕೋಡ್ ಉದಾಹರಣೆಗಳು
- ಕಲಿಕೆಯ ಸರಿಗೆ ಉಚಿತ ಟೈಪಿಂಗ್ ಸೂಚನೆಗಳು
### ಮಾರ್ಕ್ಡೌನ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್
### ಮಾರ್ಕ್ಡೌನ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್
- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹೈರಾರ್ಕಿ
- ಭಾಷಾ ನಿರ್ದಿಷ್ಟೀಕರಣವುಳ್ಳ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು
- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಲಿಂಕ್‌ಗಳು
- `images/` ಡೈರಕ್ಟರಿಗಳಲ್ಲಿ‌ ಸ್ಕ್ರೀನ್ ಷಾಟ್‌ ಮತ್ತು ಚಿತ್ರಗಳು
- ಪ್ರವೇಶ ಸಮಯಕ್ಕೆ ಆಲ್ಟ್ ಟೆಕ್ಸ್ಟ್
- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹಿರarchicalತೆ
- ಭಾಷಾ ಪಾರದರ್ಶಕತೆ ಸಹಿತ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು
- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಲಿಂಕುಗಳು
- `images/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಮತ್ತು ಚಿತ್ರಗಳು
- ಪ್ರಾಪ್ಯತೆಗಾಗಿ ಚಿತ್ರಗಳಿಗೆ_ALT_ ಪಠ್ಯ
### ಫೈಲ್ ಸಂಘಟನೆ
- ಪಾಠಗಳನ್ನು ಕ್ರಮವಾರಿಯಾಗಿ ಸಂಖ್ಯೆ ಮಾಡಲಾಗಿದೆ (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}/` ರಚನೆಯಲ್ಲಿ ಇಡಲಾಗುತ್ತದ
## ನಿರ್ಮಾಣ ಮತ್ತು ನಿಯೋಜನೆ
### Quiz App ನಿಯೋಜನೆ (Azure Static Web Apps)
### ಕ್ವಿಜ್ ಅಪ್ ನಿಯೋಜನೆ (Azure Static Web Apps)
quiz-app ಅನ್ನು Azure Static Web Apps ನಿಯೋಜನೆಗೆ ಹೊಂದಿಸಲಾಗಿದೆ:
ಕ್ವಿಜ್-ಅಪ್ Azure Static Web Apps ನಿಯೋಜನೆಗೆ ವ್ಯವಸ್ಥಾಪಿತವಾಗಿದೆ:
```bash
cd quiz-app
npm run build # dist/ ಫೋಲ್ಡರ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ
# ಮುಖ್ಯಕ್ಕೆ ಪುಷ್ ಮಾಡುವಾಗ GitHub Actions ವರ್ಕ್‌ಫ್ಲೋ ಮೂಲಕ ನಿಯೋಜಿಸುತ್ತದೆ
npm run build # dist/ ಫೋಲ್ಡರ್ ರಚಿಸುತ್ತದೆ
# ಮುಖ್ಯ ಶಾಖೆಗೆ ಪುಷ್ ಮಾಡಿದಾಗ GitHub Actions ಕೆಲಸಪ್ರಕ್ರಿಯೆಯ ಮೂಲಕ ನಿಯೋಜಿಸುತ್ತದೆ
```
Azure Static Web Apps ರಚನೆ:
- **ಅ್ಯಪ್ ಸ್ಥಳ**: `/quiz-app`
- **ಆಡ್‍ಪುಟ್ ಸ್ಥಳ**: `dist`
- **ಕಾರ್ಯಕ್ಷಮತೆ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
Azure Static Web Apps ಸಂರಚನೆ:
- **ಆ್ಯಪ್ ಸ್ಥಳ:** `/quiz-app`
- **ನಿರ್ಗಮನ ಸ್ಥಳ:** `dist`
- **ಕಾರ್ಯಪ್ರವಾಹ:** `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### ಡಾಕ್ಯುಮೆಂಟ್ PDF ರಚನ
### ಡಾಕ್ಯುಮೆಂಟೇಶನ್ PDF ತಯಾರಿಕ
```bash
npm install # docsify-to-pdf ಅನ್ನು 설치 ಮಾಡಿ
npm run convert # ಡಾಕ್ಸ್ ನಿಂದ PDF ರಚಿಸಿ
npm install # docsify-to-pdfನ್ನು ಸ್ಥಾಪಿಸಿ
npm run convert # ಡಾಕ್ಗಳಿಂದ PDF ರಚಿಸಿ
```
### Docsify ಡಾಕ್ಯುಮೆಂಟೇಶನ್
### ಡಾಕ್ಸಿಫೈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್
```bash
npm install -g docsify-cli # ಡಾಕ್ಸಿಫೈಯನ್ನು ಗ್ಲೋಬಲ್ ಆಗಿ ಸ್ಥಾಪಿಸಿ
docsify serve # localhost:3000 ನಲ್ಲಿ ಸೇವೆ ನೀಡಿ
npm install -g docsify-cli # Docsify ಅನ್ನು ಗ್ಲೋಬಲ್ ಆಗಿ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ
docsify serve # localhost:3000 ನಲ್ಲಿ ಸರ್ವ್ ಮಾಡಿ
```
### ಪ್ರಾಜೆಕ್ಟ್-ವಿಶಿಷ್ಟ ಬಿಲ್ಡ್ಗಳು
### ಪ್ರಾಜೆಕ್ಟ್-ಸ್ಪಷ್ಟ ನಿರ್ಮಾಣಗಳು
ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಸ್ವಂತ ಬಿಲ್ಡ್ ಪ್ರಕ್ರಿಯೆ ಇರಬಹುದು:
- Vue ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು: `npm run build` ಮೂಲಕ ಉತ್ಪಾದನಾ ಬಂಡಲ್ ಸೃಷ್ಟಿ
- ಸ್ಥಿರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು: ಯಾವುದೇ ಬಿಲ್ಡ್ ಹಂತವಿಲ್ಲ, ಫೈಲ್‌ಗಳಿಗೆ ನೇರ ಸೇವೆ ನೀಡಲಾಗುತ್ತದೆ
ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗೆ ತನ್ನದೇನ್ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಯಿರಬಹುದು:
- Vue ಪ್ರಾಜೆಕ್ಟುಗಳು: `npm run build` ರನ್ ಮಾಡಿ ಉತ್ಪಾದನಾ ಬಂಡಲ್‌ಗಳನ್ನು ಸೃಷ್ಟಿಸಿ
- ಸ್ಥಿರ ಪ್ರಾಜೆಕ್ಟುಗಳು: ಯಾವುದೇ ನಿರ್ಮಾಣ ಹಂತವಿಲ್ಲ, ಫೈಲ್‌ಗಳನ್ನು ನೇರವಾಗಿ ಸೇವ್ ಮಾಡುತ್ತದೆ
## ಪುಲ್ ರಿಕ್ವೆಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳು
## ಪულ್ ರಿಕ್ವೆಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳು
### ಶೀರ್ಷಿಕೆ ರೂಪೆ
### ಶೀರ್ಷಿಕೆ ಮಾದರಿ
ಬದಲಾವಣೆ ಪ್ರದೇಶವನ್ನು ಸೂಚಿಸುವ ಸ್ಪಷ್ಟ, ವಿವರಣಾತ್ಮಕ ಶೀರ್ಷಿಕೆ ಬಳಸಿ:
- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರಿಸು`
- `[Lesson-3] ಟೆರೆರಿಯಂ ಪ್ರಾಜೆಕ್ಟ್ ನಲ್ಲಿ ಟೈಪೋ ಸರಿಪಡಿಸಿ`
- `[Translation] ಪಾಠ 5ೆ ಸ್ಪ್ಯಾನಿಷ್ ಅನುವಾದ ಸೇರಿಸಿ`
- `[Docs] ಸೆಟಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಿ`
ಬದಲಾವಣೆ ಪ್ರದೇಶ ಸ್ಪಷ್ಟ, ವಿವರಣಾತ್ಮಕ ಶೀರ್ಷಿಕೆಗಳನ್ನು ಬಳಸಿ:
- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರಿಸಲಾಗಿದೆ`
- `[Lesson-3] ಟೆರರಿಯಮ್ ಯೋಜನೆಯಲ್ಲಿ ಟೈಪೋ ಸರಿಪಡಿಸಲಾಗಿದೆ`
- `[Translation] ಪಾಠ 5ಕ್ಕೆ ಸ್ಪ್ಯಾನಿಷ್ ಅನುವಾದವನ್ನು ಸೇರಿಸಲಾಗಿದೆ`
- `[Docs] ಸೆಟಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಲಾಗಿದೆ`
### ಅಗತ್ಯ ಪರೀಕ್ಷೆಗಳು
### ಅಗತ್ಯ ಪರಿಶೀಲನೆಗಳು
PR ಸಲ್ಲಿಸುವ ಮೊದಲು:
PR ಸಲ್ಲಿಸುವ ಮೊದಲು:
1. **ಕೋಡ್ ಗುಣಮಟ್ಟ**:
- ಪ್ರಭಾವಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ
- ಎಲ್ಲಾ ಲಿಂಟಿಂಗ್ ದೋಷ ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ
1. **ಕೋಡ್ ಗುಣಮಟ್ಟ**:
- ಸಂಬಂಧಿತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ
- ಎಲ್ಲಾ ಲಿಂಟ್ ದೋಷಗಳ ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ
2. **ಬಿಲ್ಡ್ ಪರಿಶೀಲನೆ**:
- ಸಾಧ್ಯವಿದ್ದರೆ `npm run build` ರನ್ ಮಾಡಿ
- ಯಾವುದೇ ಬಿಲ್ಡ್ ದೋಷ ಇಲ್ಲ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ
2. **ನಿರ್ಮಾಣ ಪರಿಶೀಲನೆ**:
- ಅನ್ವಯವಾಗುವಲ್ಲಿ `npm run build` ರನ್ ಮಾಡಿ
- ಯಾವುದೇ ನಿರ್ಮಾಣ ದೋಷಗಳಿಲ್ಲವೆಂದು ಖಚಿತಪಡಿಸಿ
3. **ಲಿಂಕ್ ಪರಿಶೀಲನೆ**:
- ಎಲ್ಲಾ ಮಾರ್ಕ್ಡೌನ್ ಲಿಂಕ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
- ಚಿತ್ತಾರ ಉಲ್ಲೇಖಗಳು ಕಾರ್ಯರತವಾಗಿವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
3. **ಲಿಂಕ್ ಪರಿಶೀಲನೆ**:
- ಎಲ್ಲಾ ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕುಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
- ಚಿತ್ರ ಉಲ್ಲೇಖಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿ
4. **ವಿಷಯ ಪರಿಶೀಲನೆ**:
- ಢೊಾಗಲಿಕೆ ಮತ್ತು ವ್ಯಾಕರಣ ಪರಿಶೀಲಿಸಿ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿದ್ದು ಮತ್ತು ಶೈಕ್ಷಣಿಕವಾಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ
- ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಯ್ದಿರುತ್ತವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
4. **ವಿಷಯ ವಿಮರ್ಶೆ**:
- ವಚನಮಾಲಿಕೆಯಲ್ಲಿ ಸೂಕ್ತತೆ ಪರಿಶೀಲಿಸಿ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿದ ಮತ್ತು ಶೈಕ್ಷಣಿಕವಾಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
- ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳುತ್ತವೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
### ಕೊಡುಗೆ ಅವಶ್ಯಕತೆಗಳು
### ಕೊಡುಗೆ ಅಗತ್ಯತೆಗಳು
- ಮೈಕ್ರೋಸಾಫ್ಟ್ CLAಗೆ ಒಪ್ಪಿಗೆ (ಮೊದಲ PRನಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತ ತಪಾಸಣೆ)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನುಸರಿಸಿ
- ವಿವರವಾದ ಮಾರ್ಗಸೂಚಿಗಾಗಿ [CONTRIBUTING.md](./CONTRIBUTING.md) ನೋಡಿ
- ಜರುಗುವ ಸಮಸ್ಯೆಗಳ ಸಂಖ್ಯೆಗಳನ್ನು PR ವಿವರಣೆಯಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿ
- Microsoft CLA ಗೆ ಸಮ್ಮತಿ ನೀಡಿ (ಮೊದಲ PR ಮೇಲೆ ಸ್ವಯಂಚಾಲಿತ ಪರಿಶೀಲನೆ)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನುಸರಿಸಿ
- ವಿದ ಮಾರ್ಗಸೂಚಿಗಾಗಿ [CONTRIBUTING.md](./CONTRIBUTING.md) ನೋಡಿ
- ಯೋಜಿತ ಸಮಸ್ಯೆಗಳ ಸಂಖ್ಯೆಯನ್ನು PR ವಿವರಣೆಯಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿ
### ವಿಮರ್ಶಾ ಪ್ರಕ್ರಿಯೆ
- PRಗಳನ್ನು ನಿರ್ವಹಕರು ಹಾಗೂ ಸಮುದಾಯ ವಿಮರ್ಶಿಸುತ್ತಾರೆ
- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆ ಪ್ರಧಾನ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು
- ಅನುವಾದಗಳನ್ನು ನಿಖರತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕ ಹೊಂದಾಣಿಕೆಗಾಗಿ ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ
- PRಗಳನ್ನು ನಿರ್ವಹಕರು ಮತ್ತು ಸಮುದಾಯ ವಿಮರ್ಶೆ ಮಾಡುತ್ತಾರೆ
- ಶಿಕ್ಷಣ ಸ್ಪಷ್ಟತೆ ಅವರನ್ನು ಆದ್ಯತೆ
- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಕ್ರಮಗಳು ಅನುಸರಿಸಬೇಕು
- ಅನುವಾದಗಳನ್ನು ಶುದ್ಧತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕ ಅನುಕೂಲತೆಗಾಗಿ ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ
## ಅನುವಾದ ವ್ಯವಸ್ಥೆ
### ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ
- GitHub Actions ಮತ್ತು co-op-translator ಕಾರ್ಯಪ್ರವಾಹ ಬಳಸಿ
- 50+ ಭಾಷೆಗೆ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ
- ಮೂಲ ಕಡತಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಇರುತ್ತವೆ
- ಅನುವಾದಿತ ಕಡತಗಳು `translations/{language-code}/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಇವೆ
- GitHub Actions ಮತ್ತು co-op-translator workflow ಬಳಸಿ
- 50+ ಭಾಷೆಗಳಿಗೆ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ
- ಮೂಲ ಫೈಲ್‌ಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿವೆ
- ಅನುವಾದಿತ ಫೈಲ್‌ಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇವೆ
### ಕೈಯಿಂದ ಅನುವಾದ ಸುಧಾರಣೆ ಸೇರಿಸುವುದು
### ಕೈಯಲ್ಲಿ ಅನುವಾದ ಸುಧಾರಣೆ ಸೇರಿಸುವುದು
1. `translations/{language-code}/` ನಲ್ಲಿ ಕಡತವನ್ನು ಹುಡುಕಿ
2. ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಂಡು ಸುಧಾರಣೆ ಮಾಡಿ
3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ
1. `translations/{language-code}/` ನಲ್ಲಿ ಫೈಲ್ ಹುಡುಕಿ
2. ರಚನೆಯನ್ನು ಉಳಿಸಿಕೊಂಡು ಸುಧಾರಣೆ ಮಾಡಲು
3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಲು
4. ಸ್ಥಳೀಯ ಕ್ವಿಜ್ ವಿಷಯವನ್ನು ಪರೀಕ್ಷಿಸಿ
### ಅನುವಾದ ಮೆಟಾಡೇಟಾ
ಅನುವಾದಿತ ಕಡತಗಳಲ್ಲಿ ಕೆಳಗಿನ ಮೆಟಾಡೇಟಾ ಹೆಡರ್ ಅಳವಡಿಸಲಾಗಿದೆ:
ಅನುವಾದಿತ ಫೈಲ್‌ಗಳ ಮುಂಭಾಗದಲ್ಲಿ ಮೆಟಾಡೇಟಾ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## ಡಿಬಗಿಂಗ್ ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ
## ದೋಷಶೋಧನೆ ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ
### ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಗಳು
**ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**:
- Node.js ಸಂಸ್ಕರಣೆ (v14+ ಶಿಫಾರಸು)
- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ನಡೆಸಿ
- ಪೋರ್ಟ್ ವ್ಯತ್ಯಾಸಗಳ ಪರಿಶೀಲನೆ (ಪೂರ್ವನಿಯೋಗ: Vite 5173 ಪೋರ್ಟ್ ಬಳಕೆ)
**ಕ್ವಿಜ್ ಅಪ್ ಆರಂಭಿಸಲು ವಿಫಲವಾಗಿದೆ**:
- Node.js ಆವೃತ್ತಿ (v14+ ಶಿಫಾರಸು) ಪರಿಶೀಲಿಸಿ
- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ್ ಮಾಡಿ
- ಪೋರ್ಟ್ ಸಂಘರ್ಷಗಳನ್ನು ಪರಿಶೀಲಿಸಿ (ಪೂರ್ವನಿಯೋಜಿತ: Vite ಪೋರ್ಟ್ 5173 ಬಳಸುತ್ತದೆ)
**API ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**:
- Node.js সংস্কರಣೆ ಕನಿಷ್ಠದಿಂದ ಹೆಚ್ಚು ಇರಲಿ (node >=10)
- ಪೋರ್ಟ್ ಈಗಾಗಲೇ ಉಪಯೋಗದಲ್ಲಿದೆಯೇ ನೋಡಿ
- ಎಲ್ಲಾ ಅವಶ್ಯಕತೆಗಳನ್ನು `npm install` ಮೂಲಕ ಸ್ಥಾಪಿಸಿರಲಿ
**API ಸರ್ವರ್ ಆರಂಭಿಸೋದಿಲ್ಲ**:
- Node.js ಆವೃತ್ತಿ ಕಡಿಮೆ ಆಗಿರಬಾರದು (node >=10)
- ಪೋರ್ಟ್ ಬಳಕೆಯಲ್ಲದಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
- ಎಲ್ಲಾ ಅವಲಂಬನೆಗಳು ಇನ್‌ಸ್ಟಾಲ್ ಆಗಿವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ `npm install` ಮೂಲಕ
**ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತಿಲ್ಲ**:
- manifest.json ಸರಿಯಾಗಿ ರೂಪುಗೊಂಡಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ
- ಬ್ರೌಸರ್ ಕೊನ್ಸೋಲ್‍ನಲ್ಲಿ ದೋಷಗಳನ್ನು ನೋಡಿರಿ
- ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ
**ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗೋದಿಲ್ಲ**:
- manifest.json ಸರಿಯಾದ ಸ್ವರೂಪದಲ್ಲಿದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ
- ಬ್ರೌಸರ್ ಕಾಂಸೋಲ್ ದೋಷಗಳು ಹೇಗಿವೆ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ
- ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳು ಅನುಸರಿಸಿ
**ಪೈಥಾನ್ ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸಮಸ್ಯೆಗಳು**:
- OpenAI ಪ್ಯಾಕೇಜ್ સ્થાપಿಸಿ: `pip install openai`
- GITHUB_TOKEN ಪರಿಸರ ವ್ಯತ್ಯಯವನ್ನು ಹೊಂದಿರಿ
- GitHub ಮಾದರಿಗಳು ಪ್ರವೇಶವನ್ನು ಪರಿಶೀಲಿಸಿ
**Python ಚಾಟ್ ಯೋಜನೆ ಸಮಸ್ಯೆಗಳು**:
- OpenAI ಪ್ಯಾಕೇಜ್ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ: `pip install openai`
- GITHUB_TOKEN ಪರಿಸರ ಚರ ಇನ್‌ಸ್ಟಾಲ್ ಆಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ
- GitHub Models ಪ್ರವೇಶ ಪರವಾನಿಗೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ
**Docsify ಡಾಕ್ಯುಮೆಂಟ್ ಸರ್ವ್ ಆಗುತ್ತಿಲ್ಲ**:
- docsify-cli ಗ್ಲೋಬಲಿಯಾಗಿ ಸ್ಥಾಪಿಸಿ: `npm install -g docsify-cli`
- ಸಂಗ್ರಹಾಲಯ ರೂಟ್ ಡೈರೆಕ್ಟರಿ ಇಂದ ರನ್ ಮಾಡಿ
- `docs/_sidebar.md` ಇದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ
**Docsify ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ನೀಡಲಾಗುತ್ತಿಲ್ಲ**:
- globallu docsify-cli ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ: `npm install -g docsify-cli`
- ರೆಪಾಸಿಟರಿಯ ರೂಟ್ ಡೈರೆಕ್ಟರಿಯಿಂದ ರನ್ ಮಾಡಿ
- `docs/_sidebar.md` ಇದ್ದು ಇರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ
### ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಮಾರ್ಗಸೂಚಿಗಳು
### ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಲಹೆಗಳು
- HTML ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ VS Code ಲೈವ್ ಸರ್ವರ್ ವಿಸ್ತರಣೆ ಬಳಸಿ
- ನಿರಂತರ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಕಾಗದಕ್ಕೆ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ
- JavaScript ಡಿಬಗ್ಗಿಂಗ್‌ಗಾಗಿ ಬ್ರೌಸರ್ ಡೆವ್ ನೇಮಕೇಳಗಳನ್ನು ಬಳಸಿ
- Vue ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಬಳಸಿ
- HTML ಯೋಜನೆಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿರಿ
- ಓರ್ವ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ ನಿರಂತರ ಸ್ವರೂಪಣೆಗೆ
- ಜಾವಾ ಸ್ಕ್ರಿಪ್ಟ್ ದೋಷ ಶೋಧಿಸಲು ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್ಗಳು ಬಳಸಿರಿ
- Vue ಯೋಜನೆಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಸ್ಥಾಪಿಸಿ
### ಕಾರ್ಯಕ್ಷಮತೆ ಪರಿಗಣನೆಗಳು
### ಕಾರ್ಯಕ್ಷಮತೆ ಪರಿಗಣನೆ
- 50+ ಭಾಷೆಗಳ ಅನೇಕ ಅನುವಾದ ಕಡತಗಳು ಕಡತಗಳನ್ನು ದೊಡ್ಡದಾಗಿಸುತ್ತವೆ
- ವಿಷಯ ಮಾತ್ರ ತಪಾಸಣೆ ಮಾಡುವವರು `git clone --depth 1` ಮೂಲಕ ಕಡಿಮೆ ಕ್ಲೋನ್ ಮಾಡಿ
- ಇಂಗ್ಲಿಷ್ ವಿಷಯಗಳಲ್ಲ ಕೆಲಸ ಮಾಡುವಾಗ ಅನುವಾದಗಳನ್ನು ಹುಡುಕಾಟದಿಂದ ಹೊರತುಪಡಿಸಿ
- ಮೊದಲ ಓಟದಲ್ಲಿ (npm install, Vite build) ಬಿಲ್ಡ್ ಪ್ರಕ್ರಿಯೆಗಳು ನಿಧಾನವಾಗಿರಬಹುದು
- ಅನೇಕ ಅನುವಾದಿತ ಫೈಲ್‌ಗಳು (50+ ಭಾಷೆಗಳು) ಇರುವುದು ಸಂಪೂರ್ಣ ಕ್ಲೋನ್‌ಗಳ ಪ್ರಮಾಣವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ
- ವಿಷಯದ ಮೇಲೆ ಮಾತ್ರ ಕೆಲಸ ಮಾಡುವಾಗ `git clone --depth 1` ಮೂಲಕ ತಳಮಟ್ಟದ ಕ್ಲೋನ್ ಉಪಯೋಗಿಸಿ
- ಇಂಗ್ಲಿಷ್ ವಿಷಯಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಹುಡುಕಾಟಗಳಲ್ಲಿ ಅನುವಾದಗಳನ್ನು ഒഴിവುಮಾಡಿ
- ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಗಳು ಮೊದಲ ರನ್‌ನಲ್ಲಿ ನಿಧಾನವಾಗಬಹುದು (`npm install`, Vite ನಿರ್ಮಾಣ)
## ಭದ್ರತಾ ಪರಿಗಣನೆಗಳು
### ಪರಿಸರ ವ್ಯತ್ಯಯಗಳು
### ಪರಿಸರ ಚರ
- API ಕೀಗಳನ್ನು ಸಂಗ್ರಹಾಲಯದಲ್ಲಿ ಎಂದಿಗೂ ಸಲ್ಲಿಸಬೇಡಿ
- `.env` ಕಡತಗಳನ್ನು ಬಳಸಿ (.gitignore ನಲ್ಲಿ ಸೇರಿದೆ)
- ಪ್ರಾಜೆಕ್ಟ್ READMEಗಳಲ್ಲಿ ಅಗತ್ಯ ಪರಿಸರ ವ್ಯತ್ಯಯಗಳನ್ನು ದಾಖಲಿಸಿ
- API ಕೀಲಿಗಳನ್ನು ರೆಪಾಸಿಟರಿಯಲ್ಲಿ ಬಿಗ್‌ಪಡಿಸಬಾರದು
- `.env` ಫೈಲ್‌ಗಳನ್ನು ಬಳಸಿ (ಹಾಗೂ `.gitignore` ಒಳಗೊಂಡಿದೆ)
- ಅಗತ್ಯವಿರುವ ಪರಿಸರ ಚರಗಳನ್ನು ಪ್ರಾಜೆಕ್ಟ್ READMEಗಳಲ್ಲಿ ದಾಖಲೆ ಮಾಡಿ
### ಪೈಥಾನ್ ಪ್ರಾಜೆಕ್ತಿ್ಸಿಗೆ
### Python ಯೋಜನೆಗಳು
- ವರ್ಚುಲ್ ಪರಿಸರ ಬಳಸಿ: `python -m venv venv`
- ಅವಶ್ಯಕತೆಗಳನ್ನು ನವೀಕರಿಸಿಕೊಂಡಿಟ್ಟು ಹೋಗಿ
- GitHub ಟೋಕನ್‌ಗಳಿಗೆ ಕನಿಷ್ಠ ಅಗತ್ಯ ಪ್ರಾಧಿಕಾರ ಇರುತ್ತದೆ
- ವರ್ಚುಲ್ ಪರಿಸರ ಬಳಸಿ: `python -m venv venv`
- ಅವಲಂಬನೆಗಳನ್ನು ನವೀಕರಿಸಿ
- GitHub ಟೋಕನ್ಗಳು ಕನಿಷ್ಟ ಅಗತ್ಯ ಪರವಾನಿಗೆಗಳಿರಲಿ
### GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ
### GitHub Models ಪ್ರವೇಶ
- GitHub ಮಾದರಿಗಳಿಗೆ ವೈಯಕ್ತಿಕ ಪ್ರವೇಶ ಟೋಕನ್ (PAT) ಅಗತ್ಯ
- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ವ್ಯತ್ಯಯಗಳಾಗಿ ಸಂಗ್ರಹಿಸಿ
- ಟೋಕನ್ ಅಥವಾ ಪ್ರಾಮಾಣಪತ್ರಗಳನ್ನು ಎಂದಿಗೂ ಸಲ್ಲಿಸಬೇಡಿ
- GitHub Models ಗಾಗಿ Personal Access Tokens (PAT) ಅಗತ್ಯ
- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ಚರಗಳಾಗಿ ಸಂರಕ್ಷಿಸಿ
- ಟೋಕನ್‌ಗಳು ಅಥವಾ ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಕಡ್ಡಾಯವಾಗಿ ಕಮಿಟ್ ಮಾಡಬಾರದು
## ಹೆಚ್ಚುವರಿ ಟಿಪ್ಪಣಿಗಳು
### ಗುರಿ ಪ್ರೇಕ್ಷಕ
### ಗುರಿ ಪ್ರೇಕ್ಷಕ
- ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಪೂರ್ಣ ಪ್ರಾರಂಭಿಕರು
- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂ-ಕಲಿಯುವವರು
- ತರಗತಿಗಳಲ್ಲಿ ಪಠ್ಯಕ್ರಮ ಬಳಸುವ ಶಿಕ್ಷಕರು
- ವಿಷಯವು ಪ್ರವೇಶಾರ್ಹತೆ ಮತ್ತು ಕ್ರಮೇಣ ಜ್ಞಾನ ವೃದ್ಧಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ
- ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಸಂಪೂರ್ಣ ಆರಂಭಿಕರು
- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂ ಅಧ್ಯಯನದವರು
- ತರಗತಿಗಳಲ್ಲಿ ಪಠ್ಯಕ್ರಮ ಬಳಸುವ ಶಿಕ್ಷಕರು
- ಪ್ರವೇಶ್ಯತೆ ಮತ್ತು ಹಗ್ಗದ ಕೌಶಲ್ಯ ನಿರ್ಮಾಣಕ್ಕಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ
### ಶೈಕ್ಷಣಿಕ ತತ್ತ್ವಶಾಸ್ತ್ರ
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ ವಿಧಾನ
- ನಿಯಮಿತ ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು (ಕ್ವಿಜ್)
- ಕೈಯಿಂದ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು
- ವಾಸ್ತವ ಜಗತ್ತಿನ ಅನ್ವಯ ಉದಾಹರಣೆಗಳು
- ಫ್ರೆಮ್ವರ್ಕ್‌ಗಳಿಗೆ ಮುನ್ನ ಮೂಲಭೂತಾಂಶಗಳ ಮೇಲೆ ಜೋರಾದರ್ಶನೆ
- ಯೋಜನೆ ಆಧಾರಿತ ವಿದ್ಯಾರ್ಥಿ
- ನಿಯಮಿತ ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು (ಕ್ವಿಜ್‌ಗಳು)
- ಕೈಗೆ ಹಾಕುವ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು
- ನೈಜ ಜಗತ್ತಿನ ಅನ್ವಯಿಕೆ ಉದಾಹರಣೆಗಳು
- ಫ್ರೇಮ್‌ವರ್ಕ್ ಗಳು ಮುಂದೆ ಮೂಲಭೂತ ತತ್ತ್ವಗಳ ಮೇಲೆ ಹೆಚ್ಚು ಗಮನ
### ಸಂಗ್ರಹಾಲಯ ನಿರ್ವಹಣೆ
### ರೆಪಾಸಿಟರಿ ನಿರ್ವಹಣೆ
- ಶಕ್ತಿಶಾಲಿ ಕಲಿಕಾರರು ಮತ್ತು ಕೊಡುಗೆದಾರರ ಸಮುದಾಯ
- ಅವಲಂಬನೆಗಳು ಹಾಗೂ ವಿಷಯವನ್ನು ನಿಯಮಿತವಾಗಿ ನವೀಕರಿಸುವುದು
- ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳ ಮೇಲ್ವಿಚಾರಣೆ ನಿರ್ವಹಕರಿಂದ
- ಅನುವಾದ ನವೀಕರಣಗಳು GitHub Actions ಮೂಲಕ ಸ್ವಯಂಚಾಲಿತ
- ಚಟುವಟಿಕೆಯ ಸಮಾಜ ಕಲಿಯುವ, ಕೊಡುಗೆದಾರರೊಂದಿಗೆ
- ಅವಲಂಬನೆಗಳು ಮತ್ತು ವಿಷಯದ ನಿಯಮಿತ ನವೀಕರಣ
- ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳ ಮೇಲ್ವಿಚಾರಣೆಯ ಜೊತೆಗೆ
- GitHub Actions ಮುಖಾಂತರ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ ನವೀಕರಣಗಳು
### ಸಂಬಂಧಿತ ಸಂಪನ್ಮೂಲಗಳು
- [Microsoft Learn ಮಡುಗಳು](https://docs.microsoft.com/learn/)
- [ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಸಂಪನ್ಮೂಲಗಳು](https://docs.microsoft.com/learn/student-hub/)
- ಕಲಿಕೆಗೆ ಶಿಫಾರಸ್ಸುಮಾಡಲ್ಪಟ್ಟ [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸ್‌ಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ಸೈನ್ಸ್, ML, IoT ಪಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ
- [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 ಪಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ
### ನಿರ್ದಿಷ್ಟ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ
### ನಿರ್ದಿಷ್ಟ ಯೋಜನೆಗಳೊಂದಿಗೆ ಕೆಲಸ
ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ 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 ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್
ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಪ್ರತಿ ಯೋಜನೆ 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 ಚಾಟ್ ಸಹಾಯಕ ಯೋಜನೆ
### ಮಾಸ್ಟರ್ ರೆಪೊ ಸಂರಚನೆ
### ಮನುಹಳೆ ರೆಪೊ ರಚನೆ
ಪಾರಮ್ಪರಿಕ ಮಾಸ್ಟರ್ ರೆಪೊ ಅಲ್ಲವಾದರೂ, ಈ ಸಂಗ್ರಹालयದಲ್ಲಿ ಹಲವು ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಇವೆ:
- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಅವಲಂಬನೆ ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
- ಇತರರ ಮೇಲೆ ಪ್ರಭಾವ ಬಿಟ್ಟು ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ಮೇಲೆ ಕಾರ್ಯನಿರ್ವಹಿಸಿ
- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
ಸಾಂಪ್ರದಾಯಿಕ ಮನುಹಳೆ ರೆಪೊ ಅಲ್ಲದಿದ್ದರೂ, ಈ ರೆಪೊ ಬಹು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳನ್ನು ಹೊಂದಿದೆ:
- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಯೋಜನೆಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತಿಲ್ಲ
- ಪ್ರತಿ ಯೋಜನೆಯಲ್ಲಿ ಪ್ರತ್ಯೇಕವಾಗಿ ಕೆಲಸಮಾಡಿ ಇತರೆಗಳ ಮೇಲೆ ಪ್ರಭಾವ ಬಡಿಸದೆ
- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಅಸ್ತವ್ಯವಸ್ಥೆ**:
ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಅನುವಾದ ಸೇವೆ ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಯ ಲಕ್ಷ್ಯಕ್ಕಾಗಿ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ತಪ್ಪುಗಳಿರುವ ಸಾಧ್ಯತೆ ಇದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿರಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜು ಸದೃಢ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಅತ್ಯಂತ ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಗ್ರಹಿಕೆಗಳು ಅಥವಾ ವಿಚಿತ್ರಾರ್ಥಗಳಿಗಾಗಿ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ.
**ಜವಾಬ್ದಾರಿಯ ಮೌಖ್ಯಕತೆ**:
ನನುಮತಿಯನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಖಚಿತತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂಬ ವಿಚಾರದಲ್ಲಿ ದಯವಿಟ್ಟು ಗಮನವಿಡಿ. ಮೂಲ ಭಾಷೆಯ ಮೂಲ ದಾಖಲೆ ಆಧिकारिक ಮೂಲವಾಗಿದೆ ಎಂದು ಪರಿಗಣಿಸಬೇಕಿದೆ. ಆವಶ್ಯಕ ಮಾಹಿತಿಗೆ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸುವುದರಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾಡಿಕೊಳ್ಳದಿಕೆಗಳು ಅಥವಾ ತಪ್ಪುಅರ್ಥೈಸಿಕೆಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರರಾಗುವುದಿಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,38 +1,23 @@
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
# ಶುರುಮೂಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ - ಒಂದು ಪಠ್ಯಕ್ರಮ
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
Microsoft Cloud Advocates ಯಿಂದ ನಮ್ಮ 12-ವಾರಗಳ ಸಮಗ್ರ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಕೈಯಿಂದ ಪ್ರದರ್ಶನಗೊಂಡ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳ ಮೂಲಕ JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಅಧ್ಯಯನ ಮಾಡಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಟೆರೆರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಸ್ಪೇಸ್ ಗೇಮ್ಗಳು. ಕುಯಿಜ್‌ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ನೈಜ ಕಾರ್ಯಗಳನ್ನು ನಡೆಸಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿಯಾದ ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಠ್ಯಪದ್ಧತಿಯೊಂದಿಗೆ ಜ್ಞಾನವನ್ನು ಉತ್ತಮಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ಪ್ರಾರಂಭಿಕರಿಗಾಗಿ ವೆಬ್ ಅಭಿವೃದ್ಧಿ - ಒಂದು ಪಠ್ಯಕ್ರಮ
Microsoft Cloud Advocates ರ 12-ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್‌ನೊಂದಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಕಿರಿ. 24 ಪಾಠಗಳ ಪ್ರತಿ JavaScript, CSS, ಮತ್ತು HTML ಅನ್ನು ರೈತ ಸ್ಟಾರ್ಟಿ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೂಲಕ ಸಂಯೋಜಿಸುತ್ತದೆ, ಉದಾ: ಟೆರೆರಿ Homes, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಅಂತರಿಕ್ಷ ಆಟಗಳು. ಕುಯಿಜ್‌ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ನಿಯೋಜನೆಗಳ ಜೊತೆಗೆ ನಿರಂತರ ತೊಡಗಿಸಿಕೊಳ್ಳಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಹೆಚ್ಚಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಶಿಕ್ಷಣ ವಿಧಾನದಿಂದ ನಿಮ್ಮ ಜ್ಞಾನವನ್ನು ಗರಿಷ್ಠಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
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. **Repositories ಫೋರ್ಕ್ ಮಾಡಿರಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![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 ಕ್ಲೋನ್ ಮಾಡಿರಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಸಹ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿಯಾಗಿ**](https://discord.com/invite/ByRwuEEgH4)
#### GitHub ಕಾರ್ಯಾಚರಣೆ ಮೂಲಕ ಬೆಂಬಲಿಸಲಾಗಿದೆ (자동 ಮತ್ತು ಎಲ್ಲಾ ವೇಳೆಯ નવೀಕರಣ)
### 🌐 ಬಹುಭಾಷಾ ಬೆಂಬಲ
<!-- 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
#### GitHub ಕ್ರಿಯೆಯಿಂದ ಬೆಂಬಲಿತ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾ ನವೀಕರಿಸಲಾಗಿದೆ)
> **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡುವುದು ಇಷ್ಟವೇ?**
> **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಇಷ್ಟವಿದೆಯೇ?**
>
> ಈ ರಿಪೊಸಿಟರಿಯಲ್ಲಿ 50 ಕ್ಕೂ ಅಧಿಕ ಭಾಷಾಂತರಗಳು ಒಳಗೊಂಡಿದ್ದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ಭಾಷಾಂತರಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ:
> ಈ ರೆಪೊಗಳಲ್ಲಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳು ಸೇರಿವೆ, ಇದು ಡೌನ್‌ಲೋಡ್ ಗಾತ್ರವನ್ನು ಗಮನೀಯವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಅನ್ನು ಬಳಸಿ:
>
> **Bash / macOS / Linux:**
> ```bash
@ -41,182 +26,177 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
>
> **CMD (Windows):**
> **CMD (ಪFenWindows):**
> ```cmd
> 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)
#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿ ಆಗಿದ್ದೀರಾ?_
#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯವರಾ?_
[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಗೆ ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿ ಪ್ರಾರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೋಚ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಲಭ್ಯವಿವೆ. ನಮ್ಮ ವಿಷಯವನ್ನು ಮಾಸಿಕವಾಗಿ ಬದಲಾಯಿಸುವುದರಿಂದ ನೀವು ಈ ಪುಟವನ್ನು ಬುಕ್ಕ್ಮಾರ್ಕ್ ಮಾಡಿಕೊಂಡು ತಾತ್ಕಾಲಿಕವಾಗಿ ಪರಿಶೀಲಿಸಬಹುದು.
[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)ಗೆ ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿ ನಿಮಗಾಗಿ ಆರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ಕೂಪನ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಲಭ್ಯವಿವೆ. ಈ ಪುಟವನ್ನು ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಿ ಮತ್ತು ತಿಂಗಳುಗಳಿಗೊಮ್ಮೆ ಅದು ನವೀಕರಣಗೊಂಡಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ.
### 📣 ಪ್ರಕಟಣೆ - ಹೊಸ GitHub Copilot Agent ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿರಿ!
### 📣 ಘೋಷಣೆ - ಹೊಸ GitHub Copilot ಏಜೆಂಟ್ ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ!
ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎನ್ನುವದು ನೋಡಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿ ಪೂರ್ಣಗೊಳಿಸುವ ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ ಅದು ಪಠ್ಯ ರಚನೆಯ ಜೊತೆಗೆ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಕಮಾಂಡ್‌ಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಸಾಧ್ಯ.
ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಬಹುತೇಕ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎಂದು ಪತ್ತೆಹಚ್ಚಿ. ಇದು GitHub Copilot ಮತ್ತು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಪೂರ್ಣಗೊಳಿಸಲು ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ, ಅದು ಕೇವಲ ಪಠ್ಯವನ್ನು ರಚಿಸುವುದಲ್ಲದೆ ಫೈಲ್‌ಗಳನ್ನು ರಚಿಸಬಹುದು, ಸಂಪಾದಿಸಬಹುದು, ಕಮಾಂಡ್‌ಗಳನ್ನು ಚಲಾಯಿಸಬಹುದು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು.
### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ_
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್_
ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md)
ಹೊಸ AI ಅಸಿಸ್ಟೆಂಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಕನ್ನಡಿಸಿ ನೋಡಿ [project](./9-chat-project/README.md)
### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಕುರಿತಲ್ಲಿನ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ JavaScript ಗಾಗಿ ಬಿಡುಗಡೆಯಾಗಿದೆ
### 📣 ಘೋಷಣೆ - _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)
![Background](../../translated_images/kn/background.148a8d43afde5730.webp)
- ಮೂಲಭೂತದಿಂದ RAG ವರೆಗೆ ಪಾಠಗಳು.
- GenAI ಮತ್ತು ನಮ್ಮ ಸಹಚರ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸಿ ಇತিহাসಿಕ ವ್ಯಕ್ತಿಗಳೊಂದಿಗೆ ಸಂವಾದ.
- ರಂಜನೆಯ narratives, ನೀವು ಕಾಲ ಪ್ರಯಾಣ ಮಾಡುತ್ತಿರುವಂತೆ ಅನುಭವ.
- ಮೂಲಗಳಿಂದ RAG ವರೆಗೆ ಎಲ್ಲಾ ವಿಷಯಗಳನ್ನು ಒಳಗೊಂಡ ಪಾಠಗಳು.
- GenAI ಮತ್ತು ನಮ್ಮ ಸಂಗಾತಿ ಆಪ್ ಬಳಸಿ ಐತಿಹಾಸಿಕ ಪಾತ್ರಗಳ ಜೊತೆಗೆ ಸಂವಹನ ಮಾಡಿ.
- ಆನಂದಕಾರಿಯಾಗಿ ಪಾತ್ರಕಥೆಗಳು, ನೀವು ಕಾಲಯಾನ ಮಾಡುತ್ತೀರಿ!
![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) ಮುಂತಾದ ಟೆಕ್ಸ್ಟ್ ಎಡಿಟರ್ ಬಳಸಿಕೊಂಡು ಪ್ರೋಗ್ರಾಮ್ ನಡೆಸಬಹುದು.
### 📋 ನಿಮ್ಮ ಪರಿಸರವನ್ನು ಸ್ಥಾಪಿಸುವುದು
#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯ ಪ್ರತಿಯನ್ನು ನಿಮ್ಮ ಖಾತೆಯಲ್ಲಿ ತಯಾರಿಸಿಕೊಳ್ಳುವುದು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಇದನ್ನು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಇರುವ **Use this template** ಬಟನ್ ಒತ್ತಿ ಮಾಡಬಹುದು. ಇದು ಪಠ್ಯಕ್ರಮದ ಪ್ರತಿಯನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರಿಪೊಸಿಟರಿಯನ್ನು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ರಚಿಸುತ್ತದೆ.
ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಿದ್ಧವಾಗಿದೆ! ಪ್ರಾರಂಭಿಸುವಾಗ ನೀವು [Codespace](https://github.com/features/codespaces/) (_ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಯಾವುದೇ ಇನ್ಸ್ಟಾಲ್ ಅಗತ್ಯವಿಲ್ಲದ ಪರಿಸರ_) ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ಂತಹ ಪಠ್ಯ ಸಂಪಾದಕ ಬಳಸಿಕೊಂಡು ಕಾರ್ಯಚರಣೆ ಆಯ್ಕೆ ಮಾಡಬಹುದು.
ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **Repositories ಫೋರ್ಕ್ ಮಾಡಿರಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದಲ್ಲಿ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
2. **Repositories ಕ್ಲೋನ್ ಮಾಡಿರಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲನ್ನು ರಚಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಿದೆಯೆ. ಇದನ್ನು ನೀವು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮಾಡಬಹುದು. ಇದು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮದ ನಕಲನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸುತ್ತದೆ.
#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ನಡೆಸುವುದು
ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಾಲನೆ ಮಾಡುವುದು
ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲಿನಲ್ಲಿ, **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆ ಮಾಡಿ. ಇದು ನಿಮಗಾಗಿ ಹೊಸ Codespace ರಚಿಸುತ್ತದೆ.
ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿ ಪ್ರತಿಯಲ್ಲಿ, **Code** ಬಟನ್ನುವೊಂದು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ಕೆಲಸ ಮಾಡಲು ಹೊಸ Codespace ರಚಿಸುತ್ತದೆ.
![Codespace](../../translated_images/kn/createcodespace.0238bbf4d7a8d955.webp)
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡುವುದು
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಾಲನೆ ಮಾಡುವುದು
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಲು, ನಿಮ್ಮ ಬಳಿ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಅಗತ್ಯವಿದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವಾಣಿಜ್ಯ ಉಪಕರಣಗಳ ಪರಿಚಯ](../../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) ಅನ್ನು ಸಂಪಾದಕವಾಗಿ ಉಪಯೋಗಿಸುವುದಾಗಿ ಇದೆ, ಇದು ಅಂತರ್ಗತ [ಟರ್ಮಿನಲ್](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 ನಕಲಿಸುವ ಮೂಲಕ ಮಾಡಬಹುದು:
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ನ್ನು ನಿಮ್ಮ ಎಡಿಟರ್ ಆಗಿ ಬಳಸುವುದು, ಇದು ಒಳಗೊಂಡಿರುವ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಹೊಂದಿದೆ. Visual Studio Codeನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.
1. ನಿಮ್ಮ ರೆಪొಸಿಟರಿಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದರ ಬಗ್ಗೆ **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲಿಸಬಹುದು:
[CodeSpace](./images/createcodespace.png)
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ, `<your-repository-url>` ಎಂಬುದನ್ನು ನೀವು ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಾಯಿಸಿ:
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ನೊಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆ ರನ್ ಮಾಡಿ, ಅಲ್ಲಿ `<your-repository-url>` ಅನ್ನು ನೀವು ಈಗ ನಕಲಿಸಿದ URL ನಿಂದ ಬದಲಾಯಿಸಿ:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
> ಶಿಫಾರಸು ಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಬರೆಯುವುದನ್ನು ವೇಗಗೊಳಿಸಲು ಸಹಾಯಕ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeನಲ್ಲಿ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
## 📂 ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಕಲಿತದ್ದಾಗಿವೆ:
## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರಿದೆ:
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್
- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೊ
- ಪಾಠದ ಮುಂಚಿನ ವಾರ್ಮ್ ಅಪ್ ಕ್ವಿಜ್
- ಐಚ್ಛಿಕ ಸ್ಕೆಟ್ಟೀಚಿತ್ತ
- ಐಚ್ಛಿಕ ಪೂರಕ ವಿಡಿಯೋ
- ಪಾಠದ ಮುಂಚಿನ ತಯಾರಿ ಪ್ರಶ್ನೋತ್ತರ
- ಬರೆಯಲಾದ ಪಾಠ
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು
- ಜ್ಞಾಪಕ ತಪಾಸಣೆಗಳು
- ಒಂದು ಆವೃತ್ತಿ
- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಯೋಜನೆಯನ್ನು ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು
- ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು
- ಒಂದು ಚಾಲೆಂಜ್
- ಪೂರಕ ಓದು
- ಅಸೈನ್‌ಮೆಂಟ್
- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
- ನಿಯೋಜನೆ
- [ಪಾಠದ ನಂತರ ಪ್ರಶ್ನೋತ್ತರ](https://ff-quizzes.netlify.app/web/)
> **ಕ್ವಿಜ್ ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್‌ಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇವೆ, 48 ಒಟ್ಟು ಕ್ವಿಜ್‌ಗಳು, ಪ್ರತಿ ಒಂದು ಮೂರು ಪ್ರಶ್ನೆಗಳಾಗಿವೆ. ಅವು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದ್ದು, ಕ್ವಿಜ್ ಆಪ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ; `quiz-app` ಫೋಲ್ಡರ್‌ನ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
> **ಪ್ರಶ್ನೋತ್ತರಗಳ ಬಗ್ಗೆ ಗಮನಿಕೆ**: ಎಲ್ಲಾ ಪ್ರಶ್ನೋತ್ತರಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನೊಳಗೆ ಇವೆ, ಒಟ್ಟು 48 ಪ್ರಶ್ನೋತ್ತರಗಳು, ಪ್ರತಿ ಒಂದರಲ್ಲಿ ಮೂರು ಪ್ರಶ್ನೆಗಳು. ಅವುಗಳಿಗೆ [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದೆ. ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ಅನ್ನು ಲೋಕಲ್‌ನಲ್ಲಿ ಚಲಾಯಿಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್‌ನಲ್ಲಿರುವ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
## 🗃️ ಪಾಠಗಳು
| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಸಲಾದ ಧಾರಣೆಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಲಿಂಕ್ ಮಾಡಲಾದ ಪಾಠ | ಲೇಖಕ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು | ಹೆಚ್ಚಿನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಹಿಂದೆ ಇರುವ ಮೂಲಭೂತ ತತ್ವಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ತಜ್ಞರಿಗಾಗಿ ಸಹಕಾರ ಮಾಡು ತ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಆಧಾರಗಳು, ತಂಡದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಮತ್ತು ಕೋಡ್ ಬೇಸ್ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಜೊತೆಯ ಕೆಲಸ ಮಾಡುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರಾಪ್ಯತೆ | ವೆಬ್ ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ | [ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ಮೂಲಭೂತಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ಮೂಲಭೂತಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್‌ನ ತರ್ಕ ಪ್ರವರ್ತನೆಯನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | Jasmine ಮತ್ತು Christopher |
| 06 | JS ಮೂಲಭೂತಗಳು | JS ಸಹಾಯದಿಂದ ನಿರ್ಧಾರಗಳನ್ನು ಕೈಗೊಳ್ಳುವುದು | ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಪರಿಸ್ಥಿತಿಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಧಾರ ಕೈಗೊಳ್ಳುವುದು](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳು | JavaScript ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳು](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಬೇಸ್ CSS ಲಭ್ಯವಿದ್ದು ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವವುಗಳನ್ನೂ ಸೇರಿಸಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM ತಿದ್ದುಪಡಿ | ಟೆರೇರಿಯಮ್ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಮುಖಪುಟದಂತೆ ಕಾರ್ಯತತ್ಥಗೊಳಿಸಲು JavaScript ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ತಿದ್ದುಪಡಿಯಲ್ಲಿ ಕೇಂದ್ರೀಕರಿಸಿ | [JavaScript Closures, DOM ತಿದ್ದುಪಡಿ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಗೇಮ್ ನಿರ್ಮಿಸಿ | ಕ್ಲ್ಯುವರ್ಡ್ ಘಟನೆಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ JavaScript ಅಪ್ಲಿಕೇಶನ್‌ನ ತರ್ಕವನ್ನು ಚಾಲನೆ ಮಾಡುವ ವಿಧಾನವನ್ನು ಕಲಿಯಿರಿ | [ ಘಟನೆ ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಮೊದಲನೆಯ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಘಟಕಗಳನ್ನು ರಚಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಬ್ರೌಸರ್ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | форма ರಚನೆ, API ಕರೆಗೆ ಕರೆ ಮಾಡುವುದು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಪರಿವರ್ತನಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆ ಮಾಡಲು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ JavaScript ಘಟಕಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸಂಗ್ರಹಿಸಲಾದ ಪರಿವರ್ತನಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳಿ | [API ಗಳು, ಫಾರ್ಮ್‌ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಅನ್ವಯವಾಗಿ ಪರಿಣಾಮಕಾರಿತ್ವ ಹೆಚ್ಚಿಸಲು ತಂತ್ರಗಳು ಕಲಿಯಿರಿ | [ಹಿಂದೆಲೆ ಕೆಲಸಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸುಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಾರಸತ್ವವನ್ನೂ, ಪಬ್ಲಿಷ್/ಸಬ್ಸ್ಕ್ರೈಬ್ (Pub/Sub) ಮಾದರಿಯನ್ನು ಕಲಿಯಿರಿ, ಗೇಮ್ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆಗಾಗಿ | [ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಣ](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | ಪರದೆದ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು | ಕಾರ್ಟಿಸಿಯನ್ ಸಹಯೋಗಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಚಲನೆಯನ್ನು ಹೇಗೆ ಪಡೆಯುತ್ತವೆ ಎಂದು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಅಂಶಗಳನ್ನು ತಳ್ಳಿಕೊಂದುಕೊಳ್ಳಲು ಮತ್ತು ಪರಸ್ಪರ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ ಮಾಡಬೇಕು, ಕೀಲ್ಯುತಗಳ ಬಳಕೆಯಿಂದ ಮತ್ತು ಗೇಮ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಶಿಗಾರ ಕರ್ತವ್ಯವನ್ನು ಒದಗಿಸಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು | ಗೇಮ್ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ ಆಧರಿಸಿ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ಮಾಡಿ | [ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ಗೇಮಿನ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭ | ಗೇಮ್ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭದ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವಿಕೆ ಮತ್ತು ವರಿಯೇಬಲ್ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | [ಮುಕ್ತಾಯ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗನಿರ್ದೇಶನೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳನ್ನು ಬಳಸಿ ಬಹುಪುಟ ವೆಬ್ಸೈಟ್‌ಗಳ ನೆಲಸೂರಿಯನ್ನು ರಚಿಸಲು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ರಚಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಾಲಯಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್‌ಗಳು](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಒಳಗೆ ಮತ್ತು ಹೊರಗೆ ಡೇಟಾ ಹೇಗೆ ಹರಿದುಹೋಗುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪಡೆಯುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ಹಾಳುಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | ಸ್ಥಿತಿಮಾಪನದ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಿತಿಯನ್ನು ಹೇಗೆ ಹಿಡಿದಿಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಸ್ಥಿತಿಮಾಪನ](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ| [VScode ಕೋವಿಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | Chris |
## 🏫 ಅಧ್ಯಾಪನಾ ವಿಧಾನಶಾಸ್ತ್ರ
ನಮ್ಮ ಪಠ್ಯಕ್ರಮವನ್ನು ಎರಡು ಪ್ರಮುಖ ಅಧ್ಯಾಪನಾ ಸಿದ್ಧಾಂತಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ:
* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ
* ನಿಯಮಿತ ಕ್ವಿಜ್‌ಗಳು
ಕಾರ್ಯಕ್ರಮವು JavaScript, HTML, ಮತ್ತು CSS ನ ಮೂಲಭೂತಗಳನ್ನು ಹಾಗೆಯೇ ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್‌ಗಳು ಬಳಸುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಮ್, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಬಾಹ್ಯಾಕಾಶ ಆಕ್ರಮಣದ ಶೈಲಿಯ ಗೇಮ್ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸಿ ಅನುಷ್ಠಾನಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುವ ಅವಕಾಶ ಹೊಂದಿದ್ದಾರೆ. ಸರಣಿ ಮುಗಿದ ಮೇಲೆ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಗಟ್ಟಿತನದ ತಿಳಿವಳಿಕೆ ಗಳಿಸಲಿದ್ದಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು Microsoft Learn ನಲ್ಲಿ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ರಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು!
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಮಾಡಿರುವುದರಿಂದ ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಜ್ಞಾಪಕವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ನಾವು ಕೆಲ ಸ್ಟಾರ್ಟರ್ ಪಾಠಗಳನ್ನು JavaScript ಮೂಲಭೂತಗಳಲ್ಲಿ ಬರೆಯುತ್ತೇವೆ, ಮತ್ತು "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೋ ಸರಣಿಯಿಂದ ಒಂದು ವೀಡಿಯೊ ಜೋಡಣೆ ಮಾಡಿದ್ದೇವೆ, ಅದರ ಕೆಲವು ರಚಯಿತೃಗಳು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಸಹಕೆಲಸ ಮಾಡಿದ್ದಾರೆ.
ಇಲ್ಲದೆ, ತರಗತಿಯ ಮೊದಲು ಒಂದು ಕಡಿಮೆ-ಪರಿಣಾಮದ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಆಸೆ ಪ್ರತಿಪಾದಿಸುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಮತ್ತು ತರಗತಿಯ ನಂತರ ಎರಡನೇ ಕ್ವಿಜ್ ಸ್ನಾಯಿಸಿದೆ ನಿರ್ಧರಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಅನುಕೂಲಕರ ಮತ್ತು ಮನರಂಜನೀಯವಾಗಿರುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. 12 ವಾರಗಳ ಚಕ್ರಾಂಬೆಲೆಲ್ಲಾ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಸಣ್ಣದಾಗಿ ಪ್ರಾರಂಭವಾಗುವುದರಿಂದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತದೆ.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮಕೋರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್‌ಗೆ ಬೇಕಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಮುಗಿಸಲು ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ 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`.
| | ಯೋಜನೆ ಹೆಸರು | ಕಲಿಕೆಯ ತತ್ವಗಳು | ಕಲಿಕೆ ಗುರಿಗಳು | ಲಿಂಕ್ ಮಾಡಿದ ಪಾಠ | ಲೇಖಕ |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು ಮತ್ತು ವೃತ್ತಿಪರ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರಿಗೆ ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್‌ವೇರ್‌ಗಳ ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಭೂತ ಅಂಶಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಿಕೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ನ 어떻게 ಉಪಯೋಗಿಸುವುದು, ಕೋಡ್‌ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಡನೆ ಸಹಕಾರ ಹೇಗೆ ಮಾಡುವುದು | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಲಭ್ಯತೆ | ವೆಬ್ ಲಭ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್ ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ನಿಯಂತ್ರಣ ವಲಯವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳುವುದು | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ೊಂದಿಗೆ ನಿರ್ಧಾರಗಳು ತೆಗೆದುಕೊಳ್ಳುವುದು | ನಿರ್ಧಾರಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಷರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ಮೂಲಭೂತಗಳು | ಜೋಡಿಗಳು ಮತ್ತು ಪುನರಾವರ್ತನೆಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಜೋಡಿಗಳು ಮತ್ತು ಪುನರಾವರ್ತನೆಗಳೊಂದಿಗೆ ಡೇಟಾ ನಿರ್ವಹಿಸಿ | [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 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಈವೆಂಟ್ಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್‌ನ ಲಾಜಿಕ್ ಅನ್ನು ಕೊಂಡಾಡುವುದು ಕಲಿಯಿರಿ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವರ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಕಲಿಯಿರಿ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./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 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಇನ್ನಷ್ಟು ಆಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸ್‌ಗಳ ಮತ್ತು ಕಾಂಪೋಸಿಷನ್‌ ಬಳಸಿ ವರ್ಗಾವಣೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ಪಬ್/ಸಬ್ ಮಾದರಿಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ, ಆಟವನ್ನು ನಿರ್ಮಿಸಲು ತಯಾರಿ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸುವುದಕ್ಕೆ ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆದ ಒಳಗಿನ ಅಂಶಗಳನ್ನು ಮುಂದುವರಿಸುವಿಕೆ | ಕಾರ್ಟೀಶಿಯನ್ ಸಂಯೋಜಕಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳಿಗೆ ಚಲನೆ ನೀಡುವುದನ್ನು ಗಮನಿಸಿ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಸ್ಟಿಕ್ಕಾದ್ದರ ಪತ್ತೆ | ಕೀಲಿಮಣೆ ಒತ್ತುವಿಕೆಗಳನ್ನು ಬಳಸಿ ಅಂಶಗಳು ಪರಸ್ಪರ ತಗುಲುವಂತೆ ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯ ಖಾತರಿಗಾಗಿ ಶೀತಕಾಲ ಫಂಕ್ಷನ್ ಒದಗಿಸಿ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ಇಟ್ಟುಕೊಳ್ಳುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಕೊನೆಗೊಳಿಸಿ ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸಿ | ಆಟವನ್ನು ಕೊನೆಗೊಳಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಅಂಶಗಳನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರಗಳ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದು | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ HTML ಟ್ಯಾಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳ ರಚನೆ | ಬಹುಪುಟದ ವೆಬ್‌ಸೈಟ್ ವಾಸ್ತುಶಿಲ್ಪವನ್ನು ಮಾರ್ಗ ಉಪಯೋಗಿಸಿ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳಿಂದ ಹೇಗೆ ರಚಿಸುವುದು ಕಲಿಯಿರಿ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ಅಡಿಯಲ್ಲಿ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆಯ ನಿಯಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಉಪಯೋಗಿಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಹರಿಯುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯಬೇಕು, ಸಂಗ್ರಹಿಸಬೇಕು ಮತ್ತು ತ್ಯಜಿಸಬೇಕು ಎಂಬುದನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಇಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮಾಗವಾಗಿ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಕಲಿಯಿರಿ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ಬ್ರೌಸರ್/VScode ಕೋಡ್](../../8-code-editor) | VScode ಜೊತೆಗೆ ಕೆಲಸ | ಕೋಡ್ ಎಡಿಟರ್ ಬಳಕೆ ಮಾಡುವುದು ಕಲಿಯಿರಿ| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI ಸಹಾಯಕರು](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕರನ್ನು ನಿರ್ಮಿಸುವುದು ಕಲಿಯಿರಿ | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 ಪಾಠಶಕ್ತಿ
ನಮ್ಮ ಪಠ್ಯಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶೈಲಿಜ್ಞಾನ ಪ್ರಿಂಸಿಪಲ್ಗಳ ಮೇಲೆ ನಿರ್ಮಿಸಲಾಗಿದೆ:
* ಯೋಜನೆ ಆಧಾರಿತ ಅಭ್ಯಾಸ
* ನಿಯಮಿತ ಪ್ರಶ್ನೋತ್ತರಗಳು
ಈ ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, 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 ವಾರಗಳ ಚಕ್ರದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತವೆ.
ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ಅಗತ್ಯವಿರುವ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿದ್ದೇವೆ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಉತ್ತಮ ಮುಂದುವರೆದ ಹಂತವು "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ಎಂಬ ಮತ್ತೊಂದು ವಿಡಿಯೋ ಸರಣಿಯಿಂದ Node.js ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳುವುದು ಆಗಿರುತ್ತದೆ.
> ನಮ್ಮ [Code of Conduct](CODE_OF_CONDUCT.md) ಮತ್ತು [Contributing](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ಸತಿಕೃತ ಅಭಿಪ್ರಾಯಗಳನ್ನು ಸ್ವಾಗತಿಸುತ್ತೇವೆ!
## 🧭 ಆಫ್‌ಲೈನ್ ಪ್ರವೇಶ
ನೀವು [Docsify](https://docsify.js.org/#/) ಉಪಯೋಗಿಸಿ ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ರನ್ ಮಾಡಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ನ ಸ್ಥಾಪನೆ](https://docsify.js.org/#/quickstart) ಮಾಡಿ, ನಂತರ ಈ ರೆಪೊಬ ಹೊಸ ಮೂಲ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್‌ಹೋಸ್ಟ್‌ನಲ್ಲಿ ಪೋರ್ಟ್ 3000 ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`.
## 📘 PDF
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು.
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು ನೀವು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು.
## 🎒 ಇತರೆ ಕೋರ್ಸುಗಳು
## 🎒 ಇತರ ಕೋರ್ಸ್‌ಗಳು
ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸುಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ:
ನಮ್ಮ ತಂಡ ಇತರ ಕೋರ್ಸ್‌ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -225,7 +205,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
[![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)
---
### ಅಜುರ್ / ಎಡ್ಜ್ / MCP / ಏಜೆಂಟ್ಸ್
### Azure / Edge / MCP / Agents
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -233,7 +213,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### ಜನರೇಟಿವ್ AI ಸರಣಿ
### Generative AI Series
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -241,7 +221,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### ಮೂಲ ಅಧ್ಯಯನ
### ಕೋರ್ ಲರ್ನಿಂಗ್
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -252,7 +232,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### ಕೋಪೈಲಟ್ ಸರಣಿ
### ڪوಪೈಲಟ್ ಸರಣಿ
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
@ -260,21 +240,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 -->
**ಬ್ಯಾಜಪತ್ರ**:
ಈ ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಭಾಷಾಂತರ ಸೇವೆಯನ್ನು ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಿಖರತೆಯ ಕುರಿತು ನಾವು ಪ್ರಯತ್ನಿಸುವರೂ, ಸ್ವಯಂಕ್ರಿಯ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳಿರಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿರಲಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ವಿವರಗಳ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗಳ ಹೊಣೆಗಾರಿಕೆ ನಾವು ಹೊಂದಿಲ್ಲ.
**ತಪ್ಪು ನಿಬ್ಬೆರಗು**:
ಈ ದસ્તಾವೇಜು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗೆ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರುವ ಸಾಧ್ಯತೆ ಇದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ದಸ್ತಾವೇಜಿನ ಸ್ವಾಭಾವಿಕ ಭಾಷೆಯನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಗಂಭೀರ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಗುದ್ದಲಾಟ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಕ್ಕೆ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,58 +1,79 @@
# [ಪಾಠ ವಿಷಯ]
# ಪಾಠ ವಿಷಯ
![ಇಲ್ಲಿ ವೀಡಿಯೋ ಅನ್ನು ಸೇರಿಸಿ](../../../lesson-template/video-url)
## 🎥 ವೀಡಿಯೋ
## [ಪೂರ್ವ-ವಾರ್ತಾ ಪ್ರಶ್ನೋತ್ತರ](../../../lesson-template/quiz-url)
> ಇಲ್ಲಿ ಒಂದು ಸಂಯೋಜಿತ ವೀಡಿಯೋ ಅಥವಾ ಪಾಠ ಲಿಂಕ್ ಸೇರಿಸಿ.
[ನಾವು ಏನು ಕಲಿಯಲಿದ್ದೇವೆ ಎಂಬುದನ್ನು ವಿವರಿಸಿ]
---
## ಪೂರ್ವ ಉಪನ್ಯಾಸ ಕ್ವಿಜ್
> ಲಭ್ಯವಿದ್ದಾಗ ಇಲ್ಲಿ ಕ್ವಿಜ್ ಲಿಂಕ್ ಸೇರಿಸಿ.
---
ಈ ಪಾಠದಲ್ಲಿ ವಿದ್ಯಾರ್ಥಿಗಳು ಏನು ಕಲಿಯಲಿದ್ದಾರೆ ಎಂಬುದರ ಸಂಕ್ಷಿಪ್ತ ಅವಲೋಕನವನ್ನು ಒದಗಿಸಿ.
---
### ಪರಿಚಯ
ಏನು ಒಳಗೊಂಡಿರುತ್ತದೆ ಎಂದು ವಿವರಿಸಿ
ಈ ಪಾಠದಲ್ಲಿ ಯಾವ ವಿಷಯಗಳನ್ನು ಮುಸುಕಾಗಿ ವಿವರಿಸಲಾಗುತ್ತದೆ ಎಂಬುದರ ಸಂಕ್ಷಿಪ್ತ ಪರಿಚಯವನ್ನು ಒದಗಿಸಿ.
> ನೋಟ್ಸ್
> ಟಿಪ್ಪಣೆಗಳು
### ಪೂರ್ವಾವಶ್ಯಕತೆ
---
### ಪೂರ್ವಾಪೇಕ್ಷೆಯುಳ್ಳ ವಿಷಯಗಳು
ಈ ಪಾಠಕ್ಕೂ ಮುಂಚೆ ಯಾವ ಹಂತಗಳನ್ನು ಕವರ್ ಮಾಡಿರಬೇಕು?
ವಿದ್ಯಾರ್ಥಿಗಳು ಈ ಪಾಠ ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಈಗಾಗಲೇ ತಿಳಿದುಕೊಂಡಿರಬೇಕಾದ ತತ್ವಗಳು ಅಥವಾ ವಿಷಯಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ.
---
### ತಯಾರಿ
### ಸಜ್ಜುಗೊಳಿಸುವಿಕೆ
ಈ ಪಾಠವನ್ನು ಪ್ರಾರಂಭಿಸಲು ತಯಾರಿ ಹಂತಗಳು
ಪಾಠ ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಅಗತ್ಯವಿರುವ ಯಾವುದೇ ಸೆಟಪ್ ಹಂತಗಳು ಅಥವಾ ಉಪಕರಣಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ.
---
[ವಿಷಯವನ್ನು ಕಂಟೆಂಟ್ ಬ್ಲಾಕ್‌ಗಳಲ್ಲಿ ಹಂತ ಹಂತವಾಗಿ ನಡೆಸಿ]
### ವಿಷಯ
ಪಾಠದ ವಿಷಯವನ್ನು ವ್ಯವಸ್ಥಿತ ವಿಭಾಗಗಳಲ್ಲಿ ಕ್ರಮವಾಗಿ ನಿರೂಪಿಸಿ.
---
## [ವಿಷಯ 1]
## ವಿಷಯ 1
### ಕಾರ್ಯ:
ನಿಮ್ಮ ಕೋಡ್‌ಬೇಸ್ ಅನ್ನು ಹಂತ ಹಂತವಾಗಿ ಸುಧಾರಿಸಲು ಒಟ್ಟಿಗೆ ಕೆಲಸ ಮಾಡಿ ಮತ್ತು ಹಂಚಿಕೊಳ್ಳುವ ಕೋಡಿನೊಂದಿಗೆ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ:
ಪರಸ್ಪರ ಸಹಕಾರ ನಿಮ್ಮ ಕೋಡ್‌ಬೇಸನ್ನು ಹಂತ ಹಂತವಾಗಿ ಸುಧಾರಿಸಲು ಕೆಲಸ ಮಾಡಿ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಹಂಚಿಕೊಂಡ ಕೋಡ್ ಲೊಂದಿಗೆ ನಿರ್ಮಿಸಿ:
```html
code blocks
```
✅ ಜ್ಞಾನ ಪರಿಶೀಲನೆ - ವಿದ್ಯಾರ್ಥಿಗಳ ಕೌಶಲ್ಯವನ್ನು ತೆರ Luizಟ ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ ವಿಸ್ತರಿಸಲು ಈ ಕ್ಷಣವನ್ನು ಉಪಯೋಗಿಸಿ
✅ ಜ್ಞಾನ ಪರಿಶೀಲನೆ
ವಿದ್ಯಾರ್ಥಿಗಳ ಜ್ಞಾನವನ್ನು ತೆರವುಗೊಳ್ಳುವ ಪ್ರಶ್ನೆಗಳ ಮೂಲಕ ವಿಸ್ತರಿಸಲು ಈ ಆಯ್ಕೆಯನ್ನು ಬಳಸಿ.
## [ವಿಷಯ 2]
## ವಿಷಯ 2
## ವಿಷಯ 3
## [ವಿಷಯ 3]
🚀 ಚಾಲೆಂಜ್
ವಿದ್ಯಾರ್ಥಿಗಳು ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಸುಧಾರಿಸಲು ಸಹಕಾರ ಚಾಲೆಂಜ್ ಸೇರಿಸಿ.
🚀 ಸವಾಲು: ತರಗತಿಯಲ್ಲಿ ಸಹಯೋಗದಲ್ಲಿ ಪ್ರಾಜೆಕ್ಟ್ ಸುಧಾರಿಸಲು ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಸವಾಲನ್ನು ಸೇರಿಸಿ
ಐಚಿತವಾಗಿ: ಸಮಾಪ್ತಿಯಾದ ಪಾಠದ UI ಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಅನ್ನು ಕೂಡ ಸೇರಿಸಬಹುದು.
ಐಚ್ಛಿಕ: ಪೂರ್ಣಗೊಂಡ ಪಾಠದ UI-ಯ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಅನ್ನು ಬೇಕಾದರೆ ಸೇರಿಸಿ
## ಉಪನ್ಯಾಸದ ನಂತರದ ಕ್ವಿಜ್
## [ಪೋಸ್ಟ್-ವಾರ್ತಾ ಪ್ರಶ್ನೋತ್ತರ](../../../lesson-template/quiz-url)
ಪಾಠ ಮುಗಿಸಿದ ನಂತರ ಇಲ್ಲಿ ಕ್ವಿಜ್ ಲಿಂಕ್ ಸೇರಿಸಿ.
## ವಿಮರ್ಶೆ & ಸ್ವ-ಅಧ್ಯಯನ
## ವಿಮರ್ಶೆ & ಸ್ವ ಅಧ್ಯಯನ
**ನಿಬಂಧನೆ ಸಲ್ಲಿಸುವ ದಿನಾಂಕ [MM/YY]**: [ನಿಬಂಧನೆ ಹೆಸರು](assignment.md)
**ಕಾರ್ಯಾಚರಣೆಗೆ ಕೊನೆಯ ದಿನಾಂಕ [MM/YY]**: [ಕಾರ್ಯಾಚರಣೆ ಹೆಸರು](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಅತ್ಯಂತ ಜಾಗೃತಿ ಸೂಚನೆ**:
ದಾಖಲೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ ಏಐ ಅನುವಾದ ಸೇವೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಗೆ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ಮೂಲ ದಾಖಲೆ ನಂಬಲಾದ ಮೂಲಮಾಹಿತಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದದ ಬಳಕೆಯಿಂದ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಗಳಿಕೆಗಳಿಗೆ ಅಥವಾ ಅಸಮಜಿಕೆಗಳಿಗೆ ನಾವು ಹೊಣೆ ಹೊಳ್ಳುವುದಿಲ್ಲ.
**ತಡೆಹಿಡಿಯುವಿಕೆ**:
ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಸಮಗ್ರತೆಯಿಗಾಗಿ ಪ್ರಯತ್ನಿಸೋದಾದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇದ್ದೇಕಾದರೆ ಗೊತ್ತಿರಲಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ತನ್ನ ಸ್ಥಳೀಯ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ ಶ್ರೋತ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗೆ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದಂಟಾದ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಸಿಕೆಗಳ ಬಗ್ಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗುವುದಿಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:16:47+00:00",
"translation_date": "2026-04-24T14:05:32+00:00",
"source_file": "AGENTS.md",
"language_code": "ml"
},
@ -516,8 +516,8 @@
"language_code": "ml"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T15:33:20+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T13:57:00+00:00",
"source_file": "README.md",
"language_code": "ml"
},
@ -564,8 +564,8 @@
"language_code": "ml"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2026-01-08T11:41:28+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T13:57:12+00:00",
"source_file": "lesson-template/README.md",
"language_code": "ml"
},

@ -1,65 +1,65 @@
# AGENTS.md
## പ്രോജക്ട് അവലോകനം
## Project Overview
ഈ പ്രോജക്ട് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ ആരംഭക്കാർക്ക് പഠിപ്പിക്കാൻ വേണ്ടി തയ്യാറാക്കിയ ഒരു വിദ്യാഭ്യാസ പാഠ്യവിഷയ രേഖകളുടെ സംഭരമാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റ്സ് വികസിപ്പിച്ചെടുത്ത 12 ആഴ്‌ചകളിലായി 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്ന സമഗ്ര കോഴ്സ് ഇത്, ജാവസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ ഉൾക്കൊള്ളുന്നു.
ഇത് ആരംഭികൾക്ക് വെബ് ഡെവലപ്‌മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിപ്പിക്കാൻ നിർമ്മിച്ച ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റിപ്പോസിറ്ററിയാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അവോകേറ്റേഴ്സ് വികസിപ്പിച്ചുള്ള ഈ പാഠ്യപരമായ കോഴ്സ് 24 ഹാൻഡ്‌സ്-ഓൺ പാഠങ്ങൾ ഉൾക്കൊണ്ട് ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ അടങ്ങിയ ഏകദേശം 12 ആഴ്ചകൾക്കുള്ള പാഠ്യപദ്ധതിയാണ്.
### പ്രധാന ഘടകങ്ങൾ
### Key Components
- **വിദiately**: പ്രോജക്ട് അടിസ്ഥാന മോഡ്യൂളുകളിൽ ക്രമീകരിച്ച 24 ഘടനയുള്ള പാഠങ്ങൾ
- **പ്രായോഗിക പ്രോജക്ടുകൾ**: ടെററിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിങ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്
- **ഇന്ററാക്ടീവ് ക്വിസുകൾ**: ഓരോ പാഠത്തിനും മുൻ, ശേഷിയും 3 ചോദ്യങ്ങളുമായി 48 ക്വിസുകൾ
- **ബഹുഭാഷ സഹായം**: GitHub ആക്ഷനുകൾ ഉപയോഗിച്ച് 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 ആക്ഷനുകൾ ഉപയോഗിക്കുന്ന വിവർത്തന സംവിധാനം (co-op-translator)
- ഡോക്യുമെന്റേഷൻ Docsify വഴി ലഭ്യമാണ്, PDF ആയി ലഭ്യമായിരിക്കും
- പാഠ്യപരമായ ഘടനയിലുള്ള വിദ്യാഭ്യാസ റിപ്പോസിറ്ററി
- ഓരോ പാഠ ഫോൾഡർ README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ ഉൾക്കൊള്ളുന്നു
- വേർതിരിച്ചിട്ട പ്രോജക്ടുകൾ വ്യത്യസ്ത ഡയറക്ടറികളിൽ (quiz-app, വ്യത്യസ്ത പാഠം പ്രോജക്ടുകൾ)
- GitHub Actions ഉപയോഗിച്ച് പരിഭാഷാ സംവിധാനം (co-op-translator)
- ഡോക്യുമെന്റേഷൻ Docsify ഉപയോഗിച്ച് സേർവ് ചെയ്തും PDF ആയി ലഭ്യമാകുന്നു
## സെറ്റപ് കമാൻഡുകൾ
## Setup Commands
സംഭരം പ്രാഥമികമായി വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കലിനാണ്. പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലി ചെയ്യാനായി:
റിപ്പോസിറ്ററി പ്രധാനമായും വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കാനാണ്. പ്രത്യേക പ്രോജക്ടുകളുമായി പ്രവർത്തിക്കേണ്ടത് വേണ്ടിയുള്ള നിർദ്ദേശങ്ങൾ:
### മുഖ്യ സംഭരം സെറ്റപ്പ്
### Main Repository Setup
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### ക്വിസ് ആപ്പ് സെറ്റപ്പ് (Vue 3 + Vite)
### Quiz App Setup (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # വികസന സർവർ ആരംഭിക്കുക
npm run build # ഉത്പാദനത്തിനായി നിർമാണം
npm run dev # വികസന സർവർ ആരംഭിക്കുക
npm run build # ഉത്പാദനത്തിന് നിർമ്മിക്കുക
npm run lint # ESLint പ്രവർത്തിപ്പിക്കുക
```
### ബാങ്ക് പ്രോജക്ട് API (Node.js + Express)
### Bank Project API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # API സർവർ ആരംഭിക്കുക
npm run lint # ESLint ഓടി
npm start # എപി ഐ സർവർ ആരംഭിക്കുക
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
@ -67,216 +67,216 @@ npm install
# ബ്രൗസറിൽ index.html തുറക്കുക അല്ലെങ്കിൽ ലൈവ് സർവർ ഉപയോഗിക്കുക
```
### ചാറ്റ് പ്രോജക്ട് (Python ബാക്ക്‌എൻഡ്)
### 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 അക്കൗണ്ടിലേക്ക് **റിപ്പോസിറ്ററി fork ചെയ്യുക**
2. **ഫോർക്കിന്റെ clone ചെയ്യുക**
3. മാറ്റങ്ങൾക്കായി ഒരു **പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക**
4. പാഠ.CONTENT അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റം വരുത്തുക
5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരിശോധന നടത്തുക
6. സംഭാവക നിർദ്ദേശങ്ങൾ പാലിച്ച് പുൾ റിക്വസ്റ്റ് സമർപ്പിക്കുക
1. നിങ്ങളുടെ GitHub അക്കൗണ്ടിലേക്ക് റിപ്പോസിറ്ററി ഫോർക് ചെയ്യുക
2. ഫോർക്ക് ചെയ്ത റിപ്പോസിറ്ററി ലോക്കലായി ക്ലോൺ ചെയ്യുക
3. നിങ്ങളുടെ മാറ്റങ്ങൾക്ക് പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക
4. പാഠ ഉള്ളടക്കം അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റങ്ങൾ വരുത്തുക
5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരീക്ഷിക്കുക
6. പങ്കുവെക്കൽ മാർഗനിർദ്ദേശങ്ങൾ പാലിച്ചു പുൾ റിക്വസ്റ്റുകൾ സമർപ്പിക്കുക
### പഠിയ്ക്കുന്നവർക്ക്
### For Learners
1. Fork ചെയ്യുക അല്ലെങ്കിൽ റിപ്പോസിറ്ററി clone ചെയ്യുക
2. പാഠ ഡയറക്ടറികൾ പര്യവേക്ഷണം ചെയ്യുക
3. ഓരോ പാഠത്തിന്റെയും README ഫയലുകൾ വായിക്കുക
4. https://ff-quizzes.netlify.app/web/ ൽ മുൻകൂറുള്ള ക്വിസുകൾ പൂർത്തിയാക്കുക
5. പാഠ ഫോളഡറിലെ കോഡ് ഉദാഹരണങ്ങളിൽ പ്രവർത്തിക്കുക
6. അസൈൻമെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക
7. പാഠത്തിനു ശേഷ ക്വിസുകൾ എടുക്കുക
1. റിപ്പോസിറ്ററി Fork അല്ലെങ്കിൽ clone ചെയ്യുക
2. പാഠ ഡയറക്ടറികളിലൂടെ ക്രമമായി പുറപ്പെടുക
3. ഓരോ പാഠത്തിനും README ഫയലുകൾ വായിക്കുക
4. https://ff-quizzes.netlify.app/web/ ല്‍ പ്രി-പാഠം ക്വിസുകൾ പൂർത്തിയാക്കുക
5. പാഠ ഫോളഡറിലെ കോഡ് ഉദാഹരണങ്ങളിൽ പ്രവർത്തിക്കുക
6. അസൈൻമെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക
7. പോസ്റ്റ്-പാഠം ക്വിസുകൾ എടുക്കുക
### ലൈവ് ഡെവലപ്പ്മെന്റ്
### Live Development
- **ഡോക്യുമെന്റ**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000)
- **ക്വിസ് ആപ്പ്**: `quiz-app` ഡയറക്ടറിയിൽ `npm run dev` റൺ ചെയ്യുക
- **പ്രോജക്ടുകൾ**: HTML പ്രോജക്ടുകൾക്കായി VS Code ലൈവ് സെർവർ വിപുലീകരണം ഉപയോഗിക്കുക
- **API പ്രോജക്ടുകൾ**: അനുയായിയായ API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക
- **ഡോക്യുമെന്റേഷൻ**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000)
- **Quiz App**: quiz-app ഡയറക്ടറിയിൽ `npm run dev` ഓടിക്കുക
- **Projects**: HTML പ്രോജക്ടുകൾക്ക് VS Code Live Server എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക
- **API Projects**: അനുയോജ്യമായ API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക
## ടസ്റ്റിംഗ് നിർദ്ദേശങ്ങൾ
## Testing Instructions
### ക്വിസ് ആപ്പ് ടെസ്റ്റിംഗ്
### Quiz App Testing
```bash
cd quiz-app
npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക
npm run build # ബിൽഡ് വിജയകരമാണെന്ന് ഉറപ്പാക്കുക
npm run build # നിർമ്മാണം വിജയിക്കുന്നുവെന്ന് സ്ഥിരീകരിക്കുക
```
### ബാങ്ക് API ടെസ്റ്റിംഗ്
### Bank API Testing
```bash
cd 7-bank-project/api
npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക
node server.js # പിഴവുകൾ ഇല്ലാതെ സെർവർ തുടങ്ങുന്നത് സ്ഥിരീകരിക്കുക
node server.js # പിഴവുകൾ കൂടാതെ സെർവർ ആരംഭിക്കുന്നു എന്ന് സ്ഥിരീകരിക്കുക
```
### പൊതുവായ ടെസ്റ്റിംഗ് സമീപനം
### General Testing Approach
- ഇത് സമഗ്രമായ ഓട്ടോമാറ്റഡ് ടെസ്റ്റുകൾ ഇല്ലാത്ത ഒരു വിദ്യാഭ്യാസ സംഭരമാണ്
- മാനുവൽ ടെസ്റ്റിംഗ് ശ്രദ്ധ നൽകുന്നത്:
- കോഡ് ഉദാഹരണങ്ങൾ തെറ്റുകൾ കൂടാതെ ഓടുന്നു
- ഡോക്യുമെന്റേഷന്‍ ലിങ്കുകൾ ശരിയായി പ്രവർത്തിക്കുന്നു
- പ്രോജക്ട് വിജയകരമായി പൂർത്തീകരിക്കുന്നു
- ഉദാഹരണങ്ങൾ മികച്ച രീതികൾ പാലിക്കുന്നു
- ഇത് പരിപൂർണ സ്വയംക്രമിത പരിശോധനകളില്ലാത്ത ഒരു വിദ്യാഭ്യാസ റിപ്പോസിട്ടറിയാണ്
- മാനുവൽ പരിശോധന ശ്രദ്ധിക്കുന്ന കാര്യങ്ങൾ:
- കോഡ് ഉദാഹരണങ്ങൾ പിഴച്ചില്ലാതെ പ്രവർത്തിക്കുന്നു
- ഡോക്യുമെന്റേഷ ലിങ്കുകൾ ശരിയായി പ്രവർത്തിക്കുന്നു
- പ്രോജക്ട് ബിൽഡുകൾ വിജയകരമായി പൂർത്തിയായി
- ഉദാഹരണങ്ങൾ മികച്ച രീതികൾ പാലിക്കുന്നു
### മുൻസമർപ്പണ പരിശോധനകൾ
### Pre-submission Checks
- `npm run lint` പാക്കേജ്.json ഉള്ള ഡയറക്ടറികളിൽ റൺ ചെയ്യുക
- മാർക്ക്ഡൗൺ ലിങ്കുകൾ സാധുവാണെന്ന് പരിശോധന നടത്തുക
- കോഡ് ഉദാഹരണങ്ങൾ ബ്രൗസർ അല്ലെങ്കിൽ Node.js ൽ ടെസ്റ്റ് ചെയ്യുക
- വിവർത്തനങ്ങൾ ശരിയായ ഘടന നിലനിർത്തുന്നുവെന്ന് ഉറപ്പാക്കുക
- 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 സ്റ്റൈൽ മാർഗനിർദ്ദേശങ്ങൾ
- ശാസ്ത്രീയമായ കോഡ് ഉദാഹരണങ്ങൾ
- പഠനാശ്വാസത്തിന് ടൈപ്പ് ഹിന്റുകൾ
- 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
### ക്വിസ് ആപ്പ് വിനിയോഗം (Azure Static Web Apps)
### Quiz App Deployment (Azure Static Web Apps)
കോ quiz-app-ന് Azure Static Web Apps വിനിയോഗം കോൺഫിഗർ ചെയ്തിരിക്കുന്നു:
quiz-app Azure Static Web Apps ഡിപ്ലോയ്മെന്റിന് കോൺഫിഗർ ചെയ്തിരിക്കുന്നു:
```bash
cd quiz-app
npm run build # dist/ ഫോൾഡർ സൃഷ്ടിക്കുന്നു
# main ൽ push ചെയ്യുമ്പോൾ GitHub Actions workflow വഴി വിന്യസിക്കുന്നു
# മെయిన్ ബ്രാഞ്ചിലേക്ക് പുഷ് ചെയ്യുന്ന സമയത്ത് GitHub Actions പ്രവൃത്തി ഫ്ലോ വഴി വിന്യാസം നിർവഹിക്കുന്നു
```
Azure Static Web Apps ക്രമീകരണം:
- **ആപ്പ് സ്ഥലം**: `/quiz-app`
- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist`
- **വർക്ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
Azure Static Web Apps കോൺഫിഗറേഷൻ:
- **ആപ്പ് സ്ഥലം**: `/quiz-app`
- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist`
- **വർക്ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### ഡോക്യുമെന്റേഷൻ PDF സൃഷ്ടി
### Documentation PDF Generation
```bash
npm install # docsify-to-pdf ഇന്‍സ്റ്റാള്‍ ചെയ്യുക
npm run convert # ഡോക്‌സില്‍ നിന്ന് PDF സൃഷ്ടിക്കുക
npm install # docsify-to-pdf ഇൻസ്റ്റാൾ ചെയ്യുക
npm run convert # ഡോക്സിൽ നിന്ന് PDF സൃഷ്ടിക്കുക
```
### Docsify ഡോക്യുമെന്റേഷൻ
### Docsify Documentation
```bash
npm install -g docsify-cli # ഡോക്‌സ്ഫൈ ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക
docsify serve # ലോക്കൽഹോസ്റ്റിൽ 3000ിനു സർവ് ചെയ്യുക
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] ലെഷൻ X ന് പുതിയ ക്വിസ് ചേർക്കുക`
- `[Lesson-3] Terrarium പ്രോജക്ടിൽ ടൈपो നിഷേധിക്കുക`
- `[Translation] ലെഷൻ 5 ന് സ്പാൻസിഷ് വിവർത്തനം ചേർക്കുക`
- `[Docs] സെറ്റപ്പ് നിർദ്ദേശങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക`
മാറ്റത്തിന്റെ മേഖല വ്യക്തമാക്കുന്ന വ്യക്തമായ, വിവരണാത്മക തലക്കെട്ടുകൾ ഉപയോഗിക്കുക:
- `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] Fix typo in terrarium project`
- `[Translation] Add Spanish translation for lesson 5`
- `[Docs] Update setup instructions`
### ആവശ്യമായ പരിശോധനകൾ
### Required Checks
PR സമർപ്പിക്കുന്നതിന് മുമ്പ്:
PR സമർപ്പിക്കുന്നതിന് മുമ്പ്:
1. **കോഡ് ഗുണമേന്മ**:
- ബാധിക്കപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` റൺ ചെയ്യുക
- എല്ലാ ലിന്റിംഗ് പിശകുകളും മുന്നറിയിപ്പുകളും പരിഹരിക്കുക
1. **കോഡ് ഗുണമേൻമ**:
- ബാധകമായ പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക
- എല്ലാ ലിൻറ് പിഴവുകളും മുന്നറിയിപ്പുകളും ശരിയാക്കുക
2. **കെട്ടിട പരിശോധന**:
- പ്രയോഗിക്കാവുന്നുവെങ്കിൽ `npm run build` റൺ ചെയ്യുക
- കോഡ് പിഴവുകൾ ഇല്ലെന്ന് ഉറപ്പാക്കുക
2. **ബിൽഡ് പരിശോധന**:
- ബാധകമെങ്കിൽ `npm run build` ഓടിക്കുക
- ബിൽഡ് പിശകുകൾ ഇല്ലാതിരിക്കണം
3. **ലിങ്ക് പരിശോധന**:
- എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരിശോധിക്കുക
- ചിത്ര റഫറൻസുകൾ പ്രവർത്തിക്കുന്നുവെന്ന് ഉറപ്പാക്കുക
3. **ലിങ്ക് സാധുത**:
- എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരീക്ഷിക്കുക
- ചിത്ര റഫറൻസുകൾ ശരിയായിരിക്കണം
4. **ഉള്ളടക്കം അവലോകനം**:
- ഉച്ചാരണം, വ്യാകരണപരമായി പരിശോധിക്കുക
- കോഡ് ഉദാഹരണങ്ങൾ ശരിയായി, ശാസ്ത്രീയമായി ഉണ്ട് എന്നതിനായി
- വിവർത്തനങ്ങൾ യഥാർത്ഥ അർത്ഥം നിലനിർത്തുന്നുവെന്ന് ഉറപ്പാക്കുക
4. **ഉള്ളടക്കം അവലോകനം**:
- ഭാഷാപിശകുകളും രേഖാശാഖകളും പരിശോധിക്കുക
- കോഡ് ഉദാഹരണങ്ങൾ ശരിയെന്നും വിദ്യാഭ്യാസപ്രധാനമാണെന്ന് ഉറപ്പാക്കുക
- പരിഭാഷകൾ അസ്ഥിരം അർത്ഥം സൂക്ഷിക്കുന്നിടത്തോളം പരിശോധിക്കുക
### സംഭാവക ആവശ്യകതകൾ
### Contribution Requirements
- മൈക്രോസോഫ്റ്റ് CLA സമ്മതിക്കുക (ആദ്യ PR ന് ഓട്ടോമാറ്റിക് പരിശോധന)
- [മൈക്രോസോഫ്റ്റ് ഓപ്പൺ സോഴ്‌സ് കോഡ് ഓഫ് കംഡക്ട്](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക
- വിശദ മാർഗനിർദ്ദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക
- PR വിവരണത്തിൽ കാര്യങ്ങൾ സംബന്ധിച്ച(issue-numbers) ഉദ്ധരിക്കുക
- Microsoft CLA യിൽ അംഗീകാരം (ആദ്യ PR-ൽ സ്വയം പരിശോധന)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക
- വിശദമായ മാർഗനിർദ്ദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക
- PR വിവരണത്തിൽ ബന്ധപ്പെട്ട(issue) നമ്പറുകൾ ഉൾപ്പെടുത്തുക (ഉണ്ടെങ്കിൽ)
### അവലോകന പ്രക്രിയ
### Review Process
- PRകൾ സംരക്ഷകരും സമൂഹവും പരിശോധിക്കും
- വിദ്യാഭ്യാസമാണ് മുൻഗണന
- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലെ മികച്ച പ്രാക്ടീസുകൾ പാലിക്കണം
- വിവർത്തനങ്ങൾ കൃത്യതയ്ക്കും സാംസ്കാരിക അനുയോജ്യതയ്ക്കും പരിശോധിക്കപ്പെടും
- PR പുനഃപരിശോധന സംരക്ഷകരും സമൂഹവും നടത്തുന്നു
- വിദ്യാഭ്യാസ സമഗ്രത മുൻഗണനയുള്ളതാണ്
- കോഡ് ഉദാഹരണങ്ങൾ ഇപ്പോഴത്തെ മികച്ച ആചാരങ്ങൾ പാലിക്കണം
- പരിഭാഷകൾ കൃത്യതയ്ക്കും സാംസ്‌ക്കാരിക അനുയോജ്യതയ്ക്കും അവലോകനം ചെയ്യപ്പെടുന്നു
## വിവർത്തന സംവിധാനം
## Translation System
### ഓട്ടോമാറ്റഡ് വിവർത്തനം
### Automated Translation
- GitHub ആക്ഷനുകൾ ഉപയോഗിച്ച് 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
വിവർത്തന ഫയലുകളിൽ മെറ്റാഡാറ്റ ഹെഡർ ഉൾപ്പെടുന്നു:
പരിഭാഷ ഫയലുകൾ metadata ഹെഡറും ഉൾക്കൊള്ളുന്നു:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -289,120 +289,120 @@ CO_OP_TRANSLATOR_METADATA:
-->
```
## ഡീബഗിങ്ങും പ്രശ്നപരിഹാരവും
## Debugging and Troubleshooting
### സാധാരണ പ്രശ്നങ്ങൾ
### Common Issues
**ക്വിസ് ആപ്പ് തുടങ്ങുന്നതിൽ പരാജയം**:
- Node.js പതിപ്പ് പരിശോധിക്കുക (v14+ ശുപാർശ)
- `node_modules` , `package-lock.json` ഇല്ലാതാക്കി പുനഃസ്ഥാപിക്കുക `npm install`
- പോർട്ട് കോഴുത്തുകൾ പരിശോധിക്കുക (ഡിഫോൾട്ട്: Vite പോർട്ട് 5173)
**Quiz app fails to start**:
- Node.js വേർഷൻ പരിശോധിക്കുക (v14+ ശുപാർശ)
- `node_modules`യും `package-lock.json`ഉം മായ്ക്കുക, പിന്നീട് `npm install` ഓടിക്കുക
- പോർട്ട് സംഘർഷങ്ങൾ പരിശോധിക്കുക (ഡിഫോൾട്ട്: Vite പോർട്ട് 5173)
**API സെർവർ തുടങ്ങാനില്ല**:
- കുറഞ്ഞ Node.js പതിപ്പ് ഉറപ്പാക്കുക (node >=10)
- പോർട്ട് ഉപയോഗത്തിൽ ആണോ എന്ന് പരിശോധിക്കുക
- എല്ലാ ആശ്രിതങ്ങ`npm install` ഉപയോഗിച്ച് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക
**API server won't start**:
- Node.js വേർഷൻ കുറഞ്ഞത് (node >=10) ആണെന്ന് ഉറപ്പാക്കുക
- പോർട്ട് ഉപയോഗത്തിൽ ആണോ എന്ന് പരിശോധിക്കുക
- എല്ലാ ആശ്രിതങ്ങളുടെയും ഇൻസ്റ്റാൾ ഉറപ്പാക്കുക `npm install` വഴി
**ബ്രൗസർ എക്സ്റ്റൻഷൻ ലോഡ് ആവുന്നില്ല**:
- manifest.json ശരിയായി ഫോർമാറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക
- ബ്രൗസർ കോൺസോൾ പിശകുകൾ കാണുക
- ബ്രൗസർ-സ്പെസിഫിക് എക്സ്റ്റൻഷൻ ഇൻസ്റ്റലേഷൻ നിർദ്ദേശങ്ങൾ പാലിക്കുക
**Browser extension won't load**:
- manifest.json ശരിയായി ഫോർമാറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക
- ബ്രഹ്മാണ്ടം കോൺസോളിൽ പിശകുകൾ പരിശോധിക്കുക
- ബ്രൗസർ-സ്വഭാവമുള്ള എക്സ്റ്റൻഷൻ ഇൻസ്റ്റലേഷൻ നിർദ്ദേശങ്ങൾ പാലിക്കുക
**Python ചാറ്റ് പ്രോജക്ട് പ്രശ്നങ്ങൾ**:
- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടെങ്കിൽ: `pip install openai`
- GITHUB_TOKEN എൻവയ്റൺമെന്റ് വെരിയബിൾ സജ്ജമാണെന്ന് സ്ഥിരീകരിക്കുക
- GitHub മോഡലുകളുടെ ആക്‌സസ് അനുമതി പരിശോധിക്കുക
**Python chat project issues**:
- OpenAI പാക്കേജ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടോ: `pip install openai`
- GITHUB_TOKEN അന്തരീക്ഷ변数(എൺവയോൺമെന്റ് വെരിയബിൾ) സെറ്റ് ചെയ്തിട്ടുണ്ടോ എന്ന് പരിശോധിക്കുക
- GitHub Models ആക്‌സസ് അനുമതികൾ പരിശോധിക്കുക
**Docsify ഡോക്യുമെന്റുകൾ സർവ് ചെയ്യാത്തത്**:
- docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli`
- റിപ്പോസിറ്ററി റൂട്ടിൽ നിന്നും ഓടിക്കുക
- `docs/_sidebar.md` ഉണ്ട് എന്ന് ഉറപ്പാക്കുക
**Docsify not serving docs**:
- docsify-cli ഗ്ലോബലായി ഇൻസ്റ്റാൾ ചെയ്യുക: `npm install -g docsify-cli`
- റിപ്പോസിറ്ററി റൂട്ടിൽ നിന്ന് ഓടിക്കുക
- `docs/_sidebar.md` ഫയൽ നിലവിലുണ്ടെന്ന് പരിശോധിക്കുക
### ഡെവലപ്മെന്റ് ആൻvirons
### Development Environment Tips
- HTML പ്രോജക്ടുകൾക്കായി VS Code ലൈവ് സെർവർ വിപുലീകരണം ഉപയോഗിക്കുക
- സ്ഥിരമായ ഫോർമാറ്റിംഗിനായി ESLint, Prettier വിപുലീകരണങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുക
- ജാവാസ്ക്രിപ്റ്റിന്റെ ഡീബഗിംഗിന് ബ്രൗസർ ഡെവ് ടൂളുകൾ ഉപയോഗിക്കുക
- Vue പ്രോജക്ടുകൾക്കായി Vue DevTools ബ്രൗസർ എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക
- HTML പ്രോജക്ടുകൾക്കായി VS Code Live Server എക്സ്റ്റൻഷൻ ഉപയോഗിക്കുക
- സ്ഥിരതയുള്ള ഫോർമാറ്റിംഗിന് ESLint, Prettier എക്സ്റ്റൻഷനുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക
- ജാവാസ്ക്രിപ്റ്റ് ഡീബഗിനായി ബ്രൗസർ ഡെവ് ടൂളുകൾ ഉപയോഗിക്കുക
- Vue പ്രോജക്ടുകൾക്ക Vue DevTools ബ്രൗസർ എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാൾ ചെയ്യുക
### പെർഫോർമൻസ് പരിഗണനകൾ
### Performance Considerations
- 50+ ഭാഷകളിൽ വിവർത്തനം ഉള്ളതിനാൽ ഫുൾ ക്ലോണുകൾ വലിയവയാണ്
- ഉള്ളടക്കത്തിൽ മാത്രം ജോലിക്കായി ഷാലോ ക്ലോൺ ഉപയോഗിക്കുക: `git clone --depth 1`
- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ ജോലി ചെയ്യുമ്പോൾ വിവർത്തനങ്ങൾ തിരച്ചിൽ ഒഴിവാക്കുക
- സ്ഥാപനങ്ങൾ ആദ്യ റണ്ണിൽ (npm install, Vite build) മന്ദഗതിയിലായിരിക്കും
- 50+ ഭാഷകളിൽ അനേകം പരിഭാഷാ ഫയലുകൾ ഉള്ളതിനാൽ പൂർണ്ണ ക്ലോണുകൾ വലുതാണ്
- ഉള്ളടക്കത്തിൽ മാത്രം ജോലി ചെയ്‌ക്കുമ്പോൾ `git clone --depth 1` പോലുള്ള ഷാലോ ക്ലോണിംഗ് ഉപയോഗിക്കുക
- ഇംഗ്ലീഷ് ഉള്ളടക്കത്തിൽ ജോലി ചെയ്‌തുകൊണ്ടിരിക്കുമ്പോൾ പരിഭാഷകളെ തിരച്ചിൽ നിന്നും ഒഴിവാക്കുക
- ആദ്യ ഓടgurila npm install, Vite build തുടങ്ങിയവയിൽ ബിൽഡ് പ്രക്രിയകൾ മന്ദഗതിയിലുള്ളതാണ്
## സുരക്ഷാ പരിഗണനകൾ
## Security Considerations
### എൻവയ(amount)ന്റ variables
### Environment Variables
- API കീകൾ റിപ്പോസിറ്ററിയിൽ ഒരിക്കലും കമ്മിറ്റ് ചെയ്യരുത്
- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (.gitignore-യിൽ ഉണ്ട്)
- ആവശ്യമായ എൻവയ(amount)ന്റ് വെരിയബിൾ(READMEs)-ൽ രേഖപ്പെടുത്തുക
- API കീകൾ റിപ്പോസിറ്ററിയിലേക്ക് കമിറ്റ് ചെയ്യരുത്
- `.env` ഫയലുകൾ ഉപയോഗിക്കുക (ഇതിന്റെ സാഹചര്യത്തിൽ `.gitignore` നല്കപ്പെട്ടിരിക്കുന്നു)
- ആവശ്യമായ അന്തരീക്ഷ변数കൾ പ്രോജക്ട് README-കളിൽ രേഖപ്പെടുത്തുക
### Python പ്രോജക്ടുകൾ
### Python Projects
- വെർച്ച്വൽ എൻവയ(amount)മെന്റ് ഉപയോഗിക്കുക: `python -m venv venv`
- ആശ്രിതങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക
- GitHub ടോക്കൺകൾ കുറഞ്ഞ അനുമതികൾ მქონതായിരിക്കണം
- വേർച്വൽ എന്വയോൺമെന്റുകൾ ഉപയോഗിക്കുക: `python -m venv venv`
- ആശ്രിതങ്ങൾ പുതുക്കിപ്പിടിക്കുക
- GitHub ടോക്കണുകൾ ഏറ്റവും കുറഞ്ഞ അനുമതികളോടെ ജീവനത്തോട് ചേർക്കുക
### GitHub മോഡലുകൾ ആക്‌സസ്
### GitHub Models Access
- GitHub മോഡലുകൾക്കായി വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ (PAT) ആവശ്യമാണ്
- ടോക്കണുകൾ എൻവയ(amount)ന്റ് വെരിയബിളുകളായി സൂക്ഷിക്കുക
- ടോക്കൺ അല്ലെങ്കിൽ ക്രെഡൻഷ്യൽസ് ഒടുക്കെയുള്ള റിപ്പോർട്ടിംഗിൽ അടക്കം ചെയ്തരുത്
- GitHub മോഡലുകൾക്ക വ്യക്തിഗത ആക്‌സസ് ടോക്കണുകൾ (PAT) ആവശ്യമാണ്
- ടോക്കണുകൾ അന്തരീക്ഷ변数കളായി സൂക്ഷിക്കുക
- ടോക്കൺ അല്ലെങ്കിൽ ക്രെഡൻഷ്യലുകൾ ഒരിക്കലും കമിറ്റുചെയ്യരുത്
## അധിക കുറിപ്പുകൾ
## Additional Notes
### ലക്ഷ്യ പ്രേക്ഷകർ
### Target Audience
- വെബ് ഡെവലപ്പ്മെന്റിൽ പുത്തൻ തുടക്കം കുറിക്കുന്നവർ
- വിദ്യാർത്ഥികളും സ്വയം പഠിക്കുന്നവരും
- ക്ലാസുകളിൽ പാഠ്യകാര്യം ഉപയോഗിക്കുന്ന അധ്യാപകർ
- ആക്‌സസിബിലിറ്റിക്കും ക്രമികമായ നൈപുണ്യ വികസനത്തിനും രൂപപ്പെടുത്തിയ ഉള്ളടക്കം
- വെബ് ഡെവലപ്‌മെന്റിൽ പുത്തൻ തുടങ്ങുന്നവർക്ക്
- വിദ്യാർത്ഥികൾക്കും സ്വയം പഠിക്കുന്നവർക്കും
- തദ്ദേശീയ ക്ലാസ്റൂമുകളിൽ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്ന അദ്ധ്യാപകർക്ക്
- ആക്സസിബിലിറ്റിയും സംവിത്തിക്കാൻ സാധിക്കുന്ന മൃദുവായ കായപാടും ഉള്ള ഉള്ളടക്കം
### വിദ്യാഭ്യാസ തത്വചിന്തനം
### Educational Philosophy
- പ്രോജക്ട് അടിസ്ഥാന പഠന രീതി
- നിരന്തരമായ അറിവ് പരിശോധനകൾ (ക്വിസുകൾ)
- പ്രായോഗിക കോഡിംഗ് വ്യായാമങ്ങൾ
- യഥാർത്ഥ ലോക പ്രയോഗ ഉദാഹരണങ്ങൾ
- ഫ്രെയിംവർക്കുകൾക്കു മുമ്പുള്ള അടിസ്ഥാനങ്ങൾക്കു ശ്രദ്ധ
- പ്രോജക്ട് അധിഷ്ഠിത പഠനം
- പതിവായി അറിവ് പരിശോധിക്കൽ (ക്വിസുകൾ)
- പ്രായോഗിക കോഡിംഗ് അഭ്യാസങ്ങൾ
- യഥാർത്ഥ ലോക ആവശ്യങ്ങളില്‍ പ്രയോഗം
- ഫ്രെയിംവര്‍ക്കുകൾക്കുമുമ്പുള്ള അടിസ്ഥാനങ്ങൾ പ്രാധാന്യം
### സംരക്ഷണ പ്രവർത്തനം
### Repository Maintenance
- പഠിയ്ക്കുന്നവരുടെ, സംഭാവകരുടെ സജീവ സമൂഹം
- ആശ്രിതങ്ങളും ഉള്ളടക്കവും സ്ഥിരം അപ്ഡേറ്റുകൾ
- നിലനിൽപ്പുകാർ പ്രശ്നങ്ങൾക്കും ചർച്ചകൾക്കും ശ്രദ്ധ നൽകുന്നു
- വിവർത്തന അപ്ഡേറ്റുകൾ GitHub ആക്ഷനുകൾ വഴി ഓട്ടോമാറ്റിക് ചെയ്യുന്നു
- പഠനാർ‍ത്ഥികളും സംഭാവനകർത്താക്കളുമായി സജീവമായ സമൂഹം
- ആശ്രിതങ്ങളും ഉള്ളടക്കവും നിരന്തരമായി നവീകരണം
- പ്രശ്നങ്ങൾക്കും ചർച്ചകൾക്കും സംരക്ഷകർ നിരീക്ഷണം
- 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 പാഠ്യപദ്ധതികൾ ലഭ്യമാണ്
- [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 പാഠ്യപദ്ധതികൾ ലഭ്യമാണ്
### പ്രത്യേക പ്രോജക്ടുകളുമായി ജോലി ചെയ്യൽ
### Working with Specific Projects
വിവരങ്ങൾക്ക് ഓരോ പ്രോജക്റ്റിൻറെ 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 ചാറ്റ് അസിസ്റ്റന്റ്
വിവിധ പ്രോജക്ടുകൾക്കുള്ള വിശദമായ നിർദ്ദേശങ്ങൾക്കായി താഴെ കാണുന്ന 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
പാരമ്പര്യമുള്ള മൊണൊറെപോ ആയിരിക്കmasaില്ലെങ്കിലു, ഈ സംഭരത്തിൽ ഒട്ടനവധി സ്വതന്ത്ര പ്രോജക്ടുകൾ വേണ്ടിയാണ്:
- ഓരോ പാഠവും സ്വതന്ത്രമാണ്
- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കിടാറില്ല
- മറ്റുള്ളവയെ ബാധിക്കാതെ നേരിട്ട് ഓരോ പ്രോജക്ടിലും ജോലി ചെയ്യാം
- സമ്പൂർണ പാഠ്യാനുഭവത്തിനായിഹ് ഈ മുഴുവൻ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക
പാരമ്പര്യമായ മൊണോറെപ്പോ അല്ലെങ്കിലും, ഈ റിപ്പോസിറ്ററിയിൽ പല സ്വതന്ത്ര പ്രോജക്ടുകൾ അടങ്ങുന്നു:
- ഓരോ പാഠവും സ്വയം സാങ്കേതികമായി പൂർണ്ണമാണ്
- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കുവയ്ക്കുന്നില്ല
- വ്യത്യസ്ത പ്രോജക്ടുകളിൽ പരസ്പരം പ്രഭാവം ഇല്ലാതെ ജോലി ചെയ്യാം
- പൂർണ പാഠ്യകൂട്ടാനുഭവത്തിനായി മുഴുവൻ റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**പോരായ്മയൊപ്പമെന്ന് അറിയിപ്പ്**:
ഈ ഡോക്യൂമെന്റ് [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നാം കൃത്യതയ്ക്ക് പരിശ്രമിച്ചാലും, യന്ത്രം വിവർത്തനത്തിൽ പിഴവുകളോ നിർവചനഭ്രമങ്ങളോ ഉണ്ടാകാമെന്ന നിർദ്ദേശം മനസിലാക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള മൗലിക ഡോക്യുമെന്റ് മാത്രമാണ് വിശ്വസനീയമായ ഉറവിടം എന്നു കരുതേണ്ടതാണ്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിന് പശ്ചാത്തലത്തിൽ ഉണ്ടാകുന്ന ബോധക്കേടുകൾക്കും വ്യാഖ്യാനഭ്രമങ്ങൾക്കും നാം ഉത്തരവാദികളല്ല.
**അസ്വീകരണം**:
ഈ ഡോക്യുമെന്റ് AI പരിഭാഷാ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തു. നാം കൃത്യതയ്ക്കായി പരിശ്രമിക്കുന്നുണ്ടെങ്കിലും, സ്വയംഭരണ വിവർത്തനങ്ങളിലും പിശകുകൾ ഉണ്ടായിരിക്കാമെന്നത് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷയിലുള്ള യഥാർത്ഥ ഡോക്യുമെന്റ് അധികാരമുള്ള ഉറവിടമായിരിക്കണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം നടത്തുന്നതാണ് ഉത്തമം. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തിൽ നിന്നു് ഉണ്ടാകാവുന്ന അസംയോജനങ്ങളിലോ തെറ്റായ വ്യാഖ്യാനങ്ങളിലോ നാം ഉത്തരവാദിത്വം വഹിക്കുന്നില്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,38 +1,38 @@
[![GitHub ലൈസൻസ്](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub സംഭാവനക്കാർ](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub പ്രശ്നങ്ങൾ](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub പുൾ-റിക്വസ്റ്റുകൾ](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![പുൾ-റിക്ക്വെസ്റ്റുകൾ സ്വാഗതം](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![GitHub വാച്ചേഴ്സ്](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub ഫോർക്സ്](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub താരക്കൾ](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# പുതിയവർക്കുള്ള വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി
# Web Development for Beginners - ഒരു പാഠ്യപദ്ധതി
Microsoft Cloud Advocates ഒരുക്കുന്ന 12-വാര വ്യാപ്തിയുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിലായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയെ ഇവിടെ തൊട്ടു പഠിക്കുന്ന പ്രാക്ടിക്കൽ പ്രോജക്ടുകൾ മുഖേന അടിയുറച്ചു പഠനമാണ്, ഉദാഹരണമായി ടെറേറിയം, ബ്രൗസർ എക്സടൻഷനുകൾ, സ്പേസ് ഗെയിംസ് എന്നിവ. ക്വിസുകൾ, സംവാദങ്ങൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളികളാകുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും നിങ്ങൾ പഠിച്ച കാര്യങ്ങൾ നല്ല രീതിയിൽ പകർന്നു വെക്കുകയും ചെയ്യുക നമ്മുടെ ഫലപ്രദമായ പ്രോജക്ട് അധിഷ്ഠിത പഠനരീതികൾ ഉപയോഗിച്ച്. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്ക!
Microsoft Cloud Advocates ഒരുക്കുന്ന 12 ആഴ്‌ചകളുള്ള സമഗ്ര കോഴ്സിനൊപ്പം വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളുടെ ഓരോതും ടെറേറിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്‌പേസ് ഗെയിമുകൾ പോലുള്ള പ്രായോഗിക പ്രോജക്ടുകൾ വഴിയുള്ള ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയിൽ ആഴത്തിലുള്ള പഠനം നൽകുന്നു. ക്വിസുകളും, ചർച്ചകളും, പ്രായോഗിക അസൈൻമെന്റുകളും നിങ്ങളെ സജീവമാക്കും. പ്രൊജക്ട് അടിസ്ഥാനമുള്ള ഈ പാഠരീതിയോടെ നിങ്ങളുടെ വിദ്യയുയർത്തി പരിപൂർണമായി മനസ്സിലാക്കുക. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കുക!
Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേർക്കുക
Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരുമായും മറ്റ് ഡവലപ്പർമാരുമായും പരിചയപ്പെടുക.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
വിഭവങ്ങൾ ഉപയോഗിച്ച് ആരംഭിക്കാൻ ഈ പടികളേ പിന്തുടരുക:
1. **റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്ക് ചെയ്യൂ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരു മറ്റ് ഡെവലപ്പർമാരും കണ്ടുമുട്ടുക**](https://discord.com/invite/ByRwuEEgH4)
സ്രോതസുകൾ ഉപയോഗിച്ച് ആരംഭിക്കാൻ ഈ ചുവടുകളെ പിന്തുടരുക:
1. **റിപ്പോസിറ്ററി Fork ചെയ്യുക**: ക്ലിക്ക് ചെയ്യുക [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരുമായും മറ്റ് ഡവലപ്പർമാരുമായും പരിചയപ്പെടുക**](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](../kn/README.md) | [Khmer](../km/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 / macOS / Linux:**
> ```bash
@ -48,175 +48,175 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
> 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)**
[![Visual Studio Code-ൽ തുറക്കൂ](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _നീങ്ങൾ വിദ്യാർത്ഥിയാണോ?_
#### 🧑‍🎓 _നിങ്ങൾ ഒരു വിദ്യാർത്ഥിയാണോ?_
[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കൂ, ഇവിടെ നിങ്ങൾക്ക് തുടക്കദിശാസൂചനുകൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചറുകൾ ലഭിക്കും. മാസത്തിലെ മാറ്റങ്ങൾക്കനുസരിച്ച് ഇതു താങ്കളുടെ ബുക്ക്‌മാർക്കാക്കി ഇടയ്ക്ക് പരിശോധിക്കേണ്ട ഈ പേജ് ആണ്.
[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അവിടെ നിങ്ങൾക്ക് തുടക്കക്കാരൻ ആയതിനുള്ള ഉറവിടങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, ഒപ്പം സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചർ നേടാനുള്ള മാർഗങ്ങൾ ലഭിക്കും. ഓരോ മാസവും ഉള്ളടക്കം മാറ്റുമ്പോൾ ഇവിടെ ബുക്ക്‌മാർക്ക് ചെയ്യുകയും ഇടയ്ക്കിടെ പരിശോധിക്കുകയുമാണ് ഏറ്റവും നല്ലത്.
### 📣 പ്രഖ്യാപനo - GitHub Copilot Agent മോഡ് വെല്ലുവിളികൾ പൂർത്തിയാക്കൂ!
### 📣 പ്രഖ്യാപന - പുതിയ GitHub Copilot Agent മോഡ് ചലഞ്ചുകൾ പൂർത്തിയാക്കണം!
പുതിയ വെല്ലുവിളി ചേർക്കപ്പെട്ടിരിക്കുന്നു, അധികം അധ്യായങ്ങളിൽ "GitHub Copilot Agent Challenge 🚀" എന്ന് നോക്കൂ. GitHub Copilot-ഉം Agent മോഡും ഉപയോഗിച്ച് പൂർത്തിയാക്കാവുന്ന പുതിയ വെല്ലുവിളിയാണ് ഇത്. Agent മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ വായിച്ച് നോക്കൂ, ഇത് ടെക്സ്റ്റ് സൃഷ്ടിക്കുന്നതിനുപുറവും ഫയലുകൾ സൃഷ്ടിക്കുകയും തിരുത്തുകയും കമാൻഡുകൾ चलിപ്പിക്കുകയും മുതലായവ ചെയ്യാൻ കഴിയും.
പുതിയ ചലഞ്ച് ചേർത്തിട്ടുണ്ട്, മിക്ക അധ്യായങ്ങളിലും "GitHub Copilot Agent Challenge 🚀" കാണുക. GitHub Copilot, Agent മോഡ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് പൂർത്തിയാക്കാനുള്ള പുതിയ ഒരു ചലഞ്ച് ആണ് ഇത്. Agent മോഡിന്റെ ഉപയോഗം ഇല്ലെങ്കിൽ, ഇത് തീരുവടക്കം എഴുത്ത് സൃഷ്‌ടിക്കുക മാത്രമല്ല, ഫയലുകൾ സൃഷ്‌ടിക്കുകയും എഡിറ്റ് ചെയ്യുകയും, കമാൻഡുകൾ ഓടിക്കുകയും മറ്റും ചെയ്യാൻ കഴിയും.
### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്ട് നിർമ്മിക്കൂ_
### 📣 പ്രഖ്യാപന - _Generative AI ഉപയോഗിച്ച് നിർമ്മിക്കാനുള്ള പുതിയ പ്രോജക്ട്_
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പേസ്റ്റ് ചെയ്തിരിക്കുന്നു, [പ്രോജക്ട്](./9-chat-project/README.md) നിരീക്ഷിക്കുക
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് ചേർത്തിട്ടുണ്ട്, പരിശോധിക്കുക [project](./9-chat-project/README.md)
### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI-യ്ക്കായി ജാവാസ്ക്രിപ്റ്റ് പുതിയ പാ്യപദ്ധതി_
### 📣 പ്രഖ്യാപന - _Generative AI-നുള്ള പുതിയ പാ്യപദ്ധതി_ ജാവാസ്ക്രിപ്റ്റിനായുള്ളത് പുറത്തിറങ്ങിയിരിക്കുന്നു
പുതിയ ജനറേറ്റീവ് 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) സന്ദർശിച്ച് തുടങ്ങിയെടുക്കുക!
![പശ്ചാത്തലം](../../translated_images/ml/background.148a8d43afde5730.webp)
![Background](../../translated_images/ml/background.148a8d43afde5730.webp)
- അടിസ്ഥാനങ്ങളിൽ നിന്നും RAG വരെ മുഴുവൻ പാഠങ്ങൾ.
- GenAI-ഉം, നമ്മുടെ കൂട്ടുആപ്പ് ഉപയോഗിച്ചുള്ള ചരിത്ര കഥാപാത്രങ്ങളുമായ സംവാദങ്ങൾ.
- രസകരവും ആകർഷകവുമായ കഥാപ്രസംഗം, നിങ്ങൾ സമയ യാത്ര ചെയ്യുന്നു!
- അടിസ്ഥാനങ്ങൾ മുതൽ RAG-വരെ ഉൾക്കൊള്ളുന്ന പാഠങ്ങൾ.
- GenAI-യുടേയും നമ്മുടെ കൂട്ടിച്ചേർത്ത ആപ്ലിക്കേഷന്റേയും സഹായത്തോടെ ചരിത്ര കഥാപാത്രങ്ങളുമായി സംവദിക്കുക.
- രസകരവും ആകർഷകവുമായ കഥാപ്രവാഹം, നിങ്ങൾക്കൊരു കാലയാത്ര!
![കഥാപാത്രം](../../translated_images/ml/character.5c0dd8e067ffd693.webp)
![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) സന്ദർശിച്ച് തുടങ്ങിയെടുക്കുക!
## 🌱 ആരംഭിക്ക
## 🌱 ആരംഭിക്കാം
> **ടീച്ചർമാർക്ക്**, ഈ പాఠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിൽ കുറച്ച് നിർദ്ദേശങ്ങളും ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [for-teachers.md](for-teachers.md). നിങ്ങളുടെ അഭിപ്രായങ്ങൾ [സംവാദ ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) പ്രതീക്ഷിക്കുന്നു!
> **അദ്ധ്യാപകർ**, ഈ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ [ഉൾപ്പെടുത്തിയിട്ടുണ്ട്](for-teachers.md). നിങ്ങളുടെ പ്രതികരണം [നമ്മുടെ ചർച്ച ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) നാം ആഗ്രഹിക്കുന്നു!
**[പഠിതാക്കൾ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠവും പ്രീ-ലെക്ചർ ക്വിസിലൂടെ തുടങ്ങുക, മുൻപിൽ നൽകുന്ന പാഠവസ്തു വായിച്ചുക, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി, പിന്നീട് പോസ്റ്റ്-ലെക്ചർ ക്വിസ് ചെയ്താൽ തിരിച്ചറിയൽ ഉറപ്പാക്കാം.
**[പഠിക്കുന്നവർ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠത്തിനും തുടക്കത്തിൽ ഒരു പ്രീ-ലെക്ചർ ക്വിസ് നടത്തുകയും പാഠഭാഗം വായിക്കുകയും വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കുകയും പോസ്റ്റ്-ലെക്ചർ ക്വിസ് വഴി മനസ്സിലാക്കിയ കാര്യങ്ങളെ പരിശോധിക്കുകയും ചെയ്യുക.
നിങ്ങളുടെ പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടരോടൊപ്പം ചേർന്നു പ്രോജക്ടുകൾ നിർവ്വഹിക്കൂ! സംവാദങ്ങൾക്ക് ഞങ്ങളുടെ [സംവാദ ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, അവിടെ ഞങ്ങളുടെ മോദറേറ്റിംഗ് ടീം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് മറുപടി നൽകുന്നതാണ്.
പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, സഹപാഠികളുമായി ചേർന്ന് പ്രോജക്ടുകൾ രൂപകരിക്കാൻ ശ്രമിക്കുക! ചർച്ചകൾക്ക് ഞങ്ങളുടെ [ചർച്ച ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, അവിടെ ഒരു നിരന്തരമായ നിരീക്ഷക സംഘം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകാൻ സന്നദ്ധമാണ്.
കൂടുതൽ പഠനം ആഗ്രഹിക്കുന്നവർക്ക്, Microsoft Learn [ഇവിടെ](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് കൂടുതൽ പഠനപദ്ധതികൾ തേടാൻ ഞങ്ങൾ നിർദേശിക്കുന്നു.
കൂടുതൽ വിദ്യാഭ്യാസത്തിനും മൈക്രോസോഫ്റ്റ് ലേൺ ([Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)) ഉപയോഗിച്ച് കൂടുതൽ പഠനസാധനങ്ങൾ തേടാൻ ഞങ്ങൾ ശക്തമായി നിർദ്ദേശിക്കുന്നു.
### 📋 നിങ്ങളുടെ പരിസരമൊരുക്കൽ
### 📋 നിങ്ങളുടെ പരിസ്ഥിതി സജ്ജീകരിക്കൽ
ഈ പാഠ്യപദ്ധതിക്ക് തയ്യാറായ വികസന പരിസരം ഉണ്ട്! തുടങ്ങുമ്പോൾ, ഇത് ഒരു [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അധിഷ്ഠിത, ഇൻസ്റ്റാൾ ആവശ്യമില്ലാത്ത പരിസര_) എന്ന നിലയിൽ ഓടിക്കാൻ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് ലോക്കൽ ആയി ഓടിക്കാം.
ഈ പാഠ്യപദ്ധതിയിൽ വികസന പരിസ്ഥിതി തയ്യാറാണ്! പഠനം തുടങ്ങിയാൽ [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസറിലെ, ഇൻസ്റ്റാളേഷൻ ഇല്ലാതെ പ്രവർത്തിക്കുന്ന ഒരു പരിസ്ഥിതി_) അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രാദേശികമായി [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് കോഴ്സ് ഓടിക്കാം.
#### നിങ്ങളുടെ റിപോസിറ്ററി സൃഷ്ടിക്കുക
നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ ബുക്ക് ചെയ്യാൻ, ഈ റിപോസിറ്ററിയുടെ ഒരു കോപ്പി സൃഷ്ടിക്കാൻ ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ ഇത് നിങ്ങളുടെ GitHub അക്കൗട്ടിൽ പുതിയ റിപോസിറ്ററി സൃഷ്ടിക്കും, അതിൽ ഈ പാഠ്യപദ്ധതി ഉൾപ്പെടും.
നിങ്ങളുടെ പ്രവൃത്തി സ്ത്രസപ്പെടുത്താതെ സംരക്ഷിക്കാനായി, ഈ റെപ്പോസിറ്ററിയുടെ സ്വന്തം കോപ്പി സൃഷ്ടിക്കേണ്ടതുണ്ട്. പേജിന്റെ മുകളിലുള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്താൽ ഇത് നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ പുതിയ റിപോസിറ്ററി ആയി സൃഷ്ടിക്കും.
പടികൾ അനുസരിച്ച്:
1. **റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിൽ വലത് കോണിൽ "Fork" ബട്ടണിൽ ക്ലിക്കുചെയ്യുക.
2. **റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
ഈ ചുവടുകൾ പിന്തുടരുക:
1. **റിപ്പോസിറ്ററി Fork ചെയ്യുക**: ഈ പേജിന്റെ മുകളിലേയ്ക്ക് വലതുവശത്തുള്ള "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)
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലോക്കൽ ആയി പാഠ്യപദ്ധതി ഓടിക്കൽ
#### പ്രാദേശികമായി പാഠ്യപദ്ധതി ഓടിക്കുക
ഈ പാഠ്യപദ്ധതി ലോക്കലായി ഓടിക്കാൻ, നിങ്ങൾക്ക് ഒരു ടെക്സ്റ്റ് എഡിറ്ററും ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും ആവശ്യമാണ്. ആദ്യം പാഠം [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).
1. നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL കോപ്പി ചെയ്യാം:
ഞങ്ങളുടെ ശുപാർശ: [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, അതിൽ ഉൾക്കൊള്ളുന്ന [ടർമിനൽ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) അനുബദ്ധമാണ്. Visual Studio Code [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) നിന്നും ഡൗൺലോഡ് ചെയ്യാം.
1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക. നിങ്ങൾക്ക് ഇത് **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL പകര്‍ത്തി ചെയ്യാം:
[CodeSpace](./images/createcodespace.png)
ശേഷം, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ൽ ഉള്ള [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന് താഴെയുള്ള കമാൻഡ് പ്രവർത്തിപ്പിക്കുക, `<your-repository-url>` എന്നിടത്തു കോപ്പി ചെയ്ത URL അടിക്കുക:
പിന്നീട്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)–യിലെ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്നുകൊണ്ട്, മേൽപ്പറഞ്ഞാൽ URL ബଦലായി `<your-repository-url>` ഉപയോഗിച്ച് താഴെ പറയുന്ന കമാൻഡ് റൺ ചെയ്യുക:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. ഇതിനു **File** > **Open Folder** ക്ലിക്ക് ചെയ്ത് നിങ്ങൾ നിലവിൽ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്താൽ മതി.
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്ത് **File** > **Open Folder** ക്ലിക്ക് ചെയ്യുക.
> ശുപാർശ ചെയ്യുന്ന Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ലുള്ള HTML പേജുകൾ സമീപകാലത്ത് കാണാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - നിങ്ങൾക്ക് പെട്ടെന്ന് കോഡ് എഴുതാൻ സഹായിക്കാൻ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതാൻ വേഗത കൂട്ടാൻ സഹായിക്കുന്നു
## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്:
- ഐച്ഛിക സ്കെച്‌నോട്ട്
- ഐച്ഛിക സവഹായ വീഡിയോ
- പാഠത്തിന് മുൻപ് വെയർം-അപ്പ് ക്വിസ്
- എഴുത്തുകാരന്‍റെ പാഠം
- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്ക്, പ്രോജക്ട് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായുള്ള മാർഗനിർദ്ദേശങ്ങൾ
- നോളേജ് ചെക്കുകൾ
- ഒരു ചലഞ്ച്
- യാത്രക്കാർ വായന
- നിർബന്ധമല്ലാത്ത സ്കെച്ച് നോട്ട്
- നിർബന്ധമല്ലാത്ത സഹായക വീഡിയോ
- പാഠത്തിന് മുമ്പുള്ള വാര്മപ്പ് ക്വിസ്
- എഴുത്തുപരമായ പാഠം
- പ്രൊജക്റ്റ് അടിസ്ഥാനമാക്കിയുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായ മാർഗനിർദ്ദേശങ്ങൾ
- അറിവ് പരിശോദനകൾ
- ഒരു ചലഞ്ച്
- സഹായക വായന
- അസൈൻമെന്റ്
- [പാഠത്തിനശേഷം ക്വിസ്](https://ff-quizzes.netlify.app/web/)
- [പാഠത്തിനശേഷം ക്വിസ്](https://ff-quizzes.netlify.app/web/)
> **ക്വിസുകളുടെ കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ സമാഹരിച്ചിരിക്കുന്നു, മொത്തം 48 ക്വിസുകൾ, ഓരോത് മുക്കാൽ ചോദ്യങ്ങൾ ഉൾക്കൊണ്ട്. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്. ക്വിസ് ആപ്പ് ലോക്കലായി ഓടിക്കാനോ അഥവാ Azure-ലേക്കു ഡിപ്ലോയ്ചെയ്യാനോ കഴിയും; “quiz-app” ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക.
> **ക്വിസുകളെക്കുറിച്ച് ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ സഞ്ചയിച്ചിരിക്കുന്നു, മൂന്ന് ചോദ്യങ്ങളുള്ള 48 ക്വിസുകൾ. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്, ക്വിസ് ആപ്പ് ലോക്കലായി ഓടിക്കാനോ അല്ലെങ്കിൽ ആസ്യൂറിലേക്ക് വിന്യസ്തമാക്കാനോ കഴിയും; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പാലിക്കുക.
## 🗃️ പാഠങ്ങൾ
| | പ്രോജക്ട് പേര് | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപെട്ട പാഠം | എഴുത്തുകാരൻ |
| | പ്രോജക്റ്റ് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ട പാഠം | രചയിതാവ് |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ആരംഭിക്കൽ | പ്രോഗ്രാമിങ്ങ് പരിചയം, തൊഴിലാളി ഉപകരണങ്ങൾ | മിക്ക പ്രോഗ്രാമിങ്ങ് ഭാഷകൾക്ക് അടിസ്ഥാനം തരും ആശയങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർക്കുള്ള സഹായകരമായ സോഫ്റ്റ്‌വെയർക്കുറിച്ച് അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | ആരംഭിക്കൽ | GitHub അടിസ്ഥാനങ്ങൾ, ടീമിൽ പ്രവർത്തിക്കലും | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാം, മറ്റുള്ളവരുമായി എങ്ങനെ ചേർന്ന് പ്രവർത്തിക്കാം | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 03 | ആരംഭിക്കൽ | ആക്സസിബിലിറ്റി | വെബ് ആക്സസിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റോഫർ |
| 04 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ഫങ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലൊജിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫങ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റോഫർ |
| 06 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാന എടുക്കൽ | decision making രീതികൾ ഉപയോഗിച്ച് കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | അറെയ്‌സ്, ലൂപ്പുകൾ | JS-യിൽ അറെയ്‌സും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ പ്രവർത്തനം | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | HTML പ്രായോഗികം | ഒരു ഓൺലൈൻ ടെറേറിയം രൂപപ്പെടുത്താനുള്ള HTML നിർമ്മാണം, ലേഔട്ടിനെ കേന്ദ്രീകരിച്ച് | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | CSS പ്രായോഗികം | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലിംഗിനു CSS നിർമ്മിക്കുക, പ്രധാനമായ CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആക്കൽ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മ্যানിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ് ഇൻറർഫേസ് ആകാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോഷറുകൾക്കും DOM-ഉം കേന്ദ്രീകരിച്ചുള്ള പ്രവർത്തനം | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [ടൈപ്പിംഗ് ഗെയിം](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിച്ച് ജാവാസ്ക്രിപ്റ്റ് ലൊജിക് ചലിപ്പിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റോഫർ |
| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവൃത്തി | ബ്രൗസറുകളും അവയുടെ ചരിത്രവും എങ്ങനെ പ്രവർത്തിക്കുന്നു, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ മുഖ്യ ഘടകങ്ങൾ നിർമ്മിക്കാനന്ത്രം | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിച്ച് API വിളിക്കുകയും ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സേവ് ചെയ്യുകയും ചെയ്യൽ | API-നെ വിളിക്കാൻ Local Storage-ൽ സൂക്ഷിച്ച വേരിയബിളുകൾ ഉപയോഗിച്ച് ബ്രൗസർ എക്സ്റ്റൻഷൻ ജാവാസ്ക്രിപ്റ്റ് വിഷയങ്ങൾ തയ്യാറാക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷനിന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും അതിന്റെ ഓപ്റ്റിമൈസേഷനുകളും അറിയുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് മെച്ചപ്പെട്ട ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനിൽ കാണപ്പെടുന്ന ഇൻഹെറിറ്റൻസ്, പബ്/സബ് പാറ്റേൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിനു തയ്യാറെടുക്കൽ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | കാൻവാസിൽ വരയ്ക്കൽ | സ്‌ക്രീനിൽ എലമെന്റുകൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന Canvas APIക്കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്‌ക്രീനിൽ എലമെന്റുകൾ നീക്കം ചെയ്യൽ | കോട്ടേഷ്യൻ Coordinates ഉപയോഗിച്ച് ഇലമെന്റുകൾക്ക് ചലനമുണ്ടാക്കാൻ പഠിക്കുക, Canvas API ഉപയോഗിച്ച് | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | തകരാഴ് കണ്ടെത്തൽ | കീപ്രസ്സ് മുഖാന്തിരം എലമെന്റുകൾ തമ്മിൽ തകരാറിലാക്കുകയും അവർ പരസ്പരം പ്രതികരിക്കുകയും ചെയ്യുക; ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ കൂള്‍ഡൗൺ ഫങ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്‌കോർ നൽകൽ | ഗെയിമിന്റെ സ്ഥിതി പ്രകാരം ഗണിത കണക്കുകൂട്ടലുകൾ ചെയ്യുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ, ആസ്തുക്കൾ സംസ്‌കരിക്കൽ, വേരിയബിൾ മൂല്യങ്ങൾ റീസെറ്റ് ചെയ്യൽ എന്നിവ പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടেম്പ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിംഗ് ഉപയോഗിച്ച് മൾട്ടി‌പേജ് വെബ്‌സൈറ്റിന്റെ സ്കാഫോൾഡ് നിർമ്മിക്കുന്നത്, HTML ടেম്പ്ലേറ്റുകൾ നിർമ്മിക്കുന്നത് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 22 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കുന്നതും വെരിഫിക്കേഷൻ നടപടിക്രമങ്ങളും കൈകാര്യം ചെയ്യുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റാ നേടുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നതിനുള്ള രീതികൾ | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുകയും പുറത്തുവിടുകയും ചെയ്യുന്നു, എങ്ങനെ ഡാറ്റ നേടുന്നു, സൂക്ഷിക്കുന്നു, ഒഴിവാക്കുന്നു രൂപം പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 24 | [ബാങ്കിംഗ് ആപ്പ്](./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 അസിസ്റ്റന്റുകൾ](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് എങ്ങനെ നിർമ്മിക്കാം | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠ്യരീതി
നമ്മുടെ പാഠക്രമം രണ്ട് പ്രധാന പാഠ്യേതര സിദ്ധാന്തങ്ങളാൽ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു:
* പ്രോജക്റ്റ് അടിസ്ഥാന പഠനം
* പലതവണ ക്വിസുകൾ നടത്തൽ
ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, 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 ആഴ്ചകളുടെ ചക്രത്തിൽ.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പരിചയപ്പെടുത്തലുകൾ ഉൾപ്പെടുത്താതെ വെബ് ഡെവലപ്പർക്ക് അ ബേസ്‌ലൈൻ സ്കിൽ കാത്തു നിൽക്കാൻ തയ്യാറായിട്ടുള്ള ഈ പാഠ്യക്രമം കഴിഞ്ഞ് അടുത്ത് പഠിക്കേണ്ടത് 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) നയങ്ങളും സന്ദർശിക്കുക. നിങ്ങളുടെ സാമ്പത്തിക സംവൃത്തിക്കുള്ള നല്ല അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു!
| 01 | തുടങ്ങി കൊള്ളാം | പ്രോഗ്രാമിംഗിന്റെയും 工 herramientasതുൽനിൽപുകൾ പരിചയം | പല പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാനങ്ങളും പ്രൊഫഷണൽ വികസകരുടെ ജോലി സഹായിക്കുന്ന സോഫ്റ്റ്‌വെയർ പഠിക്കുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | തുടങ്ങി കൊള്ളാം | GitHub അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ ടീം പ്രവർത്തനം | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന് അറിയുക, മറ്റുമായി സഹകരിക്കൽ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 03 | തുടങ്ങി കൊള്ളാം | പ്രാപ്യത | വെബ് പ്രാപ്യതയുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റോഫർ |
| 04 | JS അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | JS അടിസ്ഥാനങ്ങൾ | ഫംഗ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലജിക് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫംഗ്ഷനുകളും മെഥഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ, ക്രിസ്റ്റോഫർ |
| 06 | JS അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ തീരുമാനമെടുക്കൽ രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS അടിസ്ഥാനങ്ങൾ | അറേസും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറേകളും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | പ്രായോഗികത്തിൽ HTML | ഓൺലൈൻ ടെറേറിയത്തിനായി HTML നിർമ്മിക്കുക, ലേയൗട്ട് നിർമ്മിക്കാൻ കേന്ദ്രീകരിക്കുന്നു | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | പ്രായോഗികത്തിൽ CSS | ഓൺലൈൻ ടെറേറിയത്തിന് മിക്കസിലായി CSS നിർമ്മിക്കുക, പേജ് റെസ്പോൺസീവ് ആക്കാൻ കേന്ദ്രസഹായം നൽകുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോസറുകൾ, DOM മാനിപ്പുലേഷൻ | ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ടെറേറിയം ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോസറുകളും DOM മാനിപ്പുലേഷനും കേന്ദ്രീകരിച്ച് | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [ടൈപ്പിങ് ഗേം](./4-typing-game/solution/README.md) | ഒരു ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിച്ച് ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലജിക് നിയന്ത്രിക്കുന്നത് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റോഫർ |
| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി ജോലിചെയ്യൽ | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവരുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷൻ ആദ്യ ഘടകങ്ങൾ നിർമ്മിക്കല് | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ഫോം പ്ലാൻ ചെയ്യൽ, API കോൾ ചെയ്യൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിളുകൾ സൂക്ഷിക്കൽ | ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ API കോൾ ചെയ്യാനും വേരിയബിളുകൾ ലോക്കൽ സ്റ്റോറേജിൽ സൂക്ഷിക്കാനും നിർമ്മിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രവർത്തനം | എക്സ്റ്റൻഷന്റെ ഐകോൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടന കുറിചറിയുക, ചില മെച്ചപ്പെടുത്തലുകൾ പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ചുള്ള ഉയർന്ന തലത്തിലുള്ള ഗെയിം വികസനം | ക്ലാസ്സുകളും കംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് പഠിക്കുക, പബ്ലിഷർ/സബ്സ്ക്രൈബർ പാറ്റേൺ പഠിച്ച് ഗെയിം നിർമ്മിക്കാൻ തയ്യാറെടുക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് ചിത്രങ്ങൾ ആകുക | സ്ക്രീനിൽ ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്ക്രീനിലുടനീളം ഘടകങ്ങൾ പ്രയാണം ചെയ്യൽ | ഘടകങ്ങൾ ചലിപ്പിക്കാൻ കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് API-യും ഉപയോഗിക്കുന്നത് അറിയുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഘടകങ്ങൾ കൂട്ടിയിടിക്കൽ | കീപ്രസ് ഉപയോഗിച്ച് ഘടകങ്ങൾ കൂട്ടിയിടിക്കാനും പ്രതികരിക്കാനും കളിയുടെ പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകാനും പഠിക്കുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്‌കോർ ക്രമീകരിക്കൽ | ഗെയിമിന്റെ നിലയും പ്രകടനവും അടിസ്ഥാനമാക്കിയുള്ള ഗണിത സൂചനകൾ നിർവഹിച്ചു പഠിക്കുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും വീണ്ടും തുടങ്ങുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുന്നതിനെക്കുറിച്ച് പഠിക്കുകയും അസറ്റുകൾ ശുചീകരിക്കുകയും വേരിയബിളുകൾ റീസെറ്റ് ചെയ്യുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ ഘടന സൃഷ്ടിക്കാൻ റൂട്ടിംഗും HTML ടെംപ്ലേറ്റുകളും ഉപയോഗിച്ച് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഗന് |
| 22 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ലോഗിൻ/രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കൽ, സാധുത പരിശോധനയുമായി ബന്ധപ്പെട്ട നടപടികൾ പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഗന് |
| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റ ഓങ്ങനെ സ്വീകരിക്കുകയും ഉപയോഗിക്കുകയോ | നിങ്ങളുടെ ആപ്പിലേക്ക് ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുന്നു, എങ്ങനെ സ്വീകരിക്കുന്നു, സംഭരിക്കുന്നു, നശിപ്പിക്കുന്നു പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഗന് |
| 24 | [ബാങ്കിംഗ് ആപ്പ്](./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 അസിസ്റ്റൻറുകൾ](./9-chat-project/README.md) | AI-യുമായി ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠശാസ്ത്രം
നമ്മുടെ പാഠ്യപദ്ധതി രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കിയാണ് രൂപകല്പന ചെയ്തിരിക്കുന്നത്:
* പ്രോജക്റ്റ്-ആധാരിത പഠനം
* തുടർച്ചയായ ക്വിസുകൾ
ജാവാസ്ക്രിപ്റ്റും 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 ആഴ്ചകളുടെ കാലയളവിൽ അതിഗംഭീരമായി വികസിക്കുന്നു.
നാം ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക്‌സുകൾ നീക്കം ചെയ്യാതിരിക്കുകയാണ് വെബ് ഡെവലപ്പർക്ക് അഭ്യസിക്കേണ്ട അടിസ്ഥാന കഴിവുകൾക്ക് ആദ്യം ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ; ഈ പാഠ്യപദ്ധതി പൂര്‍ത്തിയാക്കിയതിന് പിന്മടങ്ങ്, 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` എന്ന കമാൻഡ് ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് your localhost ൽ പോർട്ട് 3000ൽ ലഭിക്കും: `localhost:3000`.
[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈനായി റൺ ചെയ്യാം. ഈ റിപ്പോ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലോക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്യുക, തുടർന്ന് ഈ റിപ്പോയുടെ റൂട്ട് ഫോൾഡറിലേക്ക് പോയി `docsify serve` ടൈപ്പ് ചെയ്യുക. പോർട്ട് 3000-ൽ വെബ്സൈറ്റ് ലോക്കൽഹോസ്റ്റിൽ ലഭ്യമാകും: `localhost:3000`.
## 📘 PDF
എല്ലാ പാഠങ്ങളും അടങ്ങിയ ഒരു PDF ഇവിടെ ലഭ്യമാണ് [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
ഏതാനും പാഠങ്ങളുടെ PDF ഇവിടെ ലഭ്യമാണ് [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 മറ്റ് കോഴ്സുകൾ
ഞങ്ങളുടെ ടീം മറ്റ് കോഴ്സുകളും ഒരുക്കുന്നു! കാണുക:
നമ്മൾ മറ്റു കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -225,7 +225,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
### Azure / Edge / MCP / ഏജന്റുമാർ
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -233,7 +233,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
---
### Genเരative AI Series
### ജനറേറ്റീവ് AI സിരീസ്
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -241,7 +241,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
---
### കർ ലേണിംഗ്
### കർ ലേണിംഗ്
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -252,29 +252,29 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
---
### കോപ്പൈലറ്റ് സീരീസ്
### കോപൈലറ്റ് സിരീസ്
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END -->
## സഹായം നേടുന്നു
## സഹായം ലഭ്യമാക്കൽ
നിങ്ങൾ കുടുങ്ങുകയാണെങ്കിൽ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കാൻ പറ്റിയ ചോദ്യങ്ങളുണ്ടെങ്കിൽ. MCP യുമായി ബന്ധപ്പെട്ട ചർച്ചകളിൽ അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും അനുഭവ പ്രവർത്തകരും ചേർന്ന് പഠിക്കുക. ചോദ്യങ്ങൾ സ്വാഗതം ചെയ്യുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്, അറിവ് സ്വതന്ത്രമായി പങ്കിടുന്നു.
നിങ്ങൾ പിഴച്ചോ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിൽ ഏതെങ്കിലും സംശയങ്ങളുണ്ടെങ്കിൽ MCP সম্পর্কে fellow learners နှင့် അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരുമായി ചർച്ചകളിൽ ചേർന്നു. സംശയങ്ങൾ സ്വാഗതം ചെയ്യുന്ന, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
നിർമാണസമയം ഉൽപ്പന്ന ഫീഡ്ബാക്കും പിശകുകളും ഉണ്ടെങ്കിൽ സന്ദർശിക്കുക:
നിങ്ങൾക്ക് ഉൽപ്പന്ന പ്രതികരണം അല്ലെങ്കിൽ പിശകുകൾ ഉണ്ടെങ്കിൽ, സന്ദർശിക്കുക:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## ലൈസൻസ്
സംഭരണിയിലെവലം MIT ലൈസൻസെയുടെ অধീനമാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
റിപോസിറ്ററി MIT ലൈസൻസിന് കീഴിലാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**സ്പഷ്ടികരണ**:
ഈ പ്രമാണം [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്‌തതാണ്. നമ്മൾ ക്രമാണുസൃതതയ്ക്ക് ശ്രമിച്ചിരുന്നാലും, സ്വയം പ്രവർത്തിക്കുന്ന വിവർത്തനങ്ങളിൽ തെറ്റുകൾ അല്ലെങ്കിൽ അശുദ്ധതകൾ ഉള്ളതായി ശ്രദ്ധിക്കുക. സ്വതന്ത്ര ഭാഷയിൽ ഉള്ള ഓരിജിനൽ പ്രമാണം പ്രാമാണിക ഉറവിടമായി വേണമെന്ന് കണ്ടവം പ്രധാനമാണ്. പ്രാധാന്യമർഹിക്കുന്ന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്കോ വ്യാഖ്യാനങ്ങളിലോ ഞങ്ങൾ ബാധ്യത വഹിക്കുന്നില്ല.
**പരിഭവ**:
ഈ പ്രമാണം AI വിവർത്തന സേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ചുകൊണ്ട് വിവർത്തനം ചെയ്തതാണ്. ഞങ്ങൾ ശുദ്ധതയ്ക്കായി പരിശ്രമിച്ചാലും, സ്വയംഘടിത വിവർത്തനത്തിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായവ ഉണ്ടാകാമെന്നും ദയവായി ശ്രദ്ധിക്കുക. പ്രമാണത്തിന്റെ മാതൃഭാഷയിലെ ആദ്യരൂപം തന്നെയാണ് സർവ്വ്വാധികാരSOURCE ആയി കണക്കാക്കേണ്ടത്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയുന്നു. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തിൽ ഉണ്ടാകുന്ന തെറ്റായ മനസ്സിലാക്കലുകൾക്കോ തെറ്റായ വ്യാഖ്യാനങ്ങൾക്കോ നാം ഉത്തരവാദികളല്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,58 +1,79 @@
# [പാഠ വിഷയം]
# പാഠ വിഷയം
![ഇവിടെ ഒരു വീഡിയോ എംബെഡ് ചെയ്യുക](../../../lesson-template/video-url)
## 🎥 വീഡിയോ
## [പാഠത്തിന് മുമ്പുള്ള ക്വിസ്](../../../lesson-template/quiz-url)
> ഇവിടെ ഒരു ഇംബെഡഡ് വീഡിയോ അല്ലെങ്കിൽ പാഠ ലിങ്ക് ചേർക്കുക.
[നാം പഠിക്കാനുള്ളത് വിവരിക്കുക]
---
## പ്രീ-ലക്ചർ ക്വിസ്
> ലഭ്യമായപ്പോൾ ഇവിടെ ഒരു ക്വിസ് ലിങ്ക് ചേർക്കുക.
---
ഈ പാഠത്തിൽ വിദ്യാർത്ഥികൾ എന്തെന്ത് പഠിക്കുമെന്നും കുറിച്ച് ഒരു സംക്ഷിപ്ത അവലോകനം നൽകുക.
---
### പരിചയം
എന്തെന്താം വിഷയങ്ങൾ ഉൾപ്പെടുമെന്ന് വിവരിക്കുക
ഈ പാഠത്തിൽ എന്തെന്ത് ഉൾപ്പെടുന്നതെന്ന് വിശദീകരിക്കുന്ന ഒരു ലഘു പരിചയം നൽകുക.
> കുറിപ്പുകൾ
### മുൻഷരതുകൾ
---
### മുൻ знаний
ഈ പാഠത്തിനു മുമ്പായി ഏതെല്ലാം നടപടി ക്രമങ്ങൾ പൂർത്തിയാക്കണമായിരിക്കും?
ഈ പാഠം ആരംഭിക്കുന്നതിന് മുമ്പ് വിദ്യാർത്ഥികൾ അറിയിരിക്കേണ്ട ആശയങ്ങൾ അല്ലെങ്കിൽ വിഷയങ്ങൾ പട്ടികപ്പെടുത്തുക.
---
### തയ്യാറെടുപ്പ്
### ഒരുക്കം
ഈ പാഠം ആരംഭിക്കാൻ വേണ്ട തയ്യാറെടുപ്പ് നടപടികൾ
പാഠം തുടങ്ങുന്നതിനുമുമ്പ് ആവശ്യമുള്ള സജ്ജീകരണങ്ങളോ ടൂളുകളോ പട്ടികപ്പെടുത്തുക.
---
[തടങ്ങളായി ഉള്ളടക്കം പരിശോധിക്കുക]
### ഉള്ളടക്കം
സംരചിതമായ വിഭാഗങ്ങളായി പാഠത്തിന്റെ ഉള്ളടക്കം ക്രമീകരിച്ച് മുന്നോട്ടു പോകുക.
---
## [വിഷയം 1]
## വിഷയം 1
### താസ്‌ക്:
### തസ്തിക:
പങ്കിടപ്പെട്ട കോഡോടുകൂടി പ്രോജക്ട് നിർമ്മിക്കാൻ നിങ്ങളുടെ കോഡ്ബെയ്സ് ക്രമം ക്രമമായി മെച്ചപ്പെടുത്താൻ ഒത്തു ചേരുക:
പങ്കുവെക്കുന്ന കോഡുമായി ചേർന്ന് പ്രക്രിയാത്മകമായി നിങ്ങളുടെ കോഡ്ബേസ് മെച്ചപ്പെടുത്തുന്നതിലൂടെ പ്രോജക്റ്റ് നിർമ്മിക്കുക:
```html
code blocks
```
✅ അറിവ് പരിശോധന - തുറന്ന ചോദ്യംകൾ ഉപയോഗിച്ച് വിദ്യാർത്ഥികളുടെ അറിവ് വ്യാപിപ്പിക്കാൻ ഈ അവസരം ഉപയോഗിക്കൂ
✅ അറിവ് പരിശോധിക്കൽ
വിദ്യാർത്ഥികളുടെ അറിവ് പരീക്ഷിക്കാൻ ഈ സമയത്ത് തുറന്നചോദ്യങ്ങൾ ഉപയോഗിക്കുക.
## [വിഷയം 2]
## വിഷയം 2
## വിഷയം 3
## [വിഷയം 3]
🚀 ചലഞ്ച്
വിദ്യാർത്ഥികൾക്ക് പ്രോജക്റ്റ് മെച്ചപ്പെടുത്താൻ സഹായിക്കുന്ന ഒരു സഹകരണ ചലഞ്ച് ചേർക്കുക.
🚀 വെല്ലുവിളി: ക്ലാസിൽ സഹകരിച്ച് പ്രോജക്ട് മെച്ചപ്പെടുത്താൻ വിദ്യാർത്ഥികൾക്ക് വെല്ലുവിളി ചേർക്കുക
ആവശ്യമായ പക്ഷം: പൂർത്തിയാക്കിയ പാഠത്തിന്റെ UIയുടെ സ്‌ക്രീൻഷോട്ട് ചേർക്കുക.
ഓപ്ഷണൽ: പൂർത്തിയായ പാഠത്തിന്റെ UI-യുടെ സ്ക്രീൻഷോട്ട് ആവശ്യമായെങ്കിൽ ചേർക്കുക
## പോസ്റ്റ്-ലക്ചർ ക്വിസ്
## [പഠനത്തിന് ശേഷമുള്ള ക്വിസ്](../../../lesson-template/quiz-url)
പാഠം പൂർത്തിയായ ശേഷം ഇവിടെ ഒരു ക്വിസ് ലിങ്ക് ചേർക്കുക.
## അവലോകനം & സ്വയം പഠനം
## അവലോകനവു സ്വയം പഠനവു
**അസൈൻമെന്റ് സമർപ്പണ നിശ്ചിത തിയ്യതി [MM/YY]**: [അസൈൻമെന്റ് പേര്](assignment.md)
**അസൈൻമെന്റ് സമർപ്പിക്കേണ്ട തീയതി [മാസം/വർഷം]**: [അസൈൻമെന്റ് നാമം](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അസാധുവാക്കൽ**:
ഈ രേഖ AI പരിഭാഷ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചാലും, യന്ത്രപരിഭാഷയിൽ പിഴവുകൾ അല്ലെങ്കിൽ അകുറ്റ സമയങ്ങൾ ഉണ്ടാകാമെന്ന് ശ്രദ്ധിക്കുക. യഥാർത്ഥ രേഖ അവരുടെ സ്വദേശഭാഷയിൽ ഉള്ളത് അവധാരിത ഉറവിടമായി കണക്കാക്കേണ്ടതാണ്. സുപ്രധാന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗത്തിൽ ഉണ്ടായ misunderstandings അല്ലെങ്കിൽ തെറ്റിദ്ധാരണകൾക്കെതിരെ ഞങ്ങൾ ഉത്തരവാദിത്തം ഏറ്റെടുക്കില്ല.
**ജാഗ്രതാ കുറിപ്പ്**:
ഈ രേഖ [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI പരിഭാഷാ സേവനം ഉപയോഗിച്ച് പരിഭാഷപ്പെടുത്തിയതാണ്. ഞങ്ങൾ ശരിയായ വിവർത്തനത്തിന് ശ്രമിക്കുന്നു, പക്ഷെ യാന്ത്രിക പരിഭാഷകളിൽ പിഴവുകൾ वा തെറ്റുകൾ ഉണ്ടാകാമെന്നുറപ്പാക്കുക. അതിന്റെ ദേശഭാഷയിലുള്ള മൗലിക രേഖയെ അതിന്റെ അധികാരമുള്ള ഉറവിടമായിരിക്കണമെന്ന് പരിഗണിക്കുക. പ്രധാന വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ പരിഭാഷ ഉപയോഗിക്കുന്നതിലൂടെ ഉണ്ടാകുന്ന ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്ക് ഞങ്ങൾ ഉത്തരവാദിത്തം സ്വീകരിക്കുന്നില്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-04-20T16:15:02+00:00",
"translation_date": "2026-04-24T14:04:19+00:00",
"source_file": "AGENTS.md",
"language_code": "te"
},
@ -516,8 +516,8 @@
"language_code": "te"
},
"README.md": {
"original_hash": "b885c87c7544109b78d6684daad6cba6",
"translation_date": "2026-04-06T15:30:59+00:00",
"original_hash": "b1766b45123e043ef2c72612f28b86dd",
"translation_date": "2026-04-24T13:54:44+00:00",
"source_file": "README.md",
"language_code": "te"
},
@ -564,8 +564,8 @@
"language_code": "te"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2026-01-08T11:41:04+00:00",
"original_hash": "ce2f64fd0d518f0500fc082b97c1e662",
"translation_date": "2026-04-24T13:54:58+00:00",
"source_file": "lesson-template/README.md",
"language_code": "te"
},

@ -2,43 +2,43 @@
## ప్రాజెక్ట్ అవలోకనం
ఇది ప్రారంభదశల వారికి వెబ్ డెవలప్‌మెంట్ నైపుణ్యాలపై బోధన కోసం విద్యా పాఠ్యాంశ గ్రంథాలయము. ఈ పాఠ్యాంశం Microsoft Cloud Advocates తయారు చేసిన సమగ్ర 12-వారాల కోర్సు, ఇందులో JavaScript, CSS, మరియు HTML ని కవర్ చేసే 24 హ్యాండ్-ఆన్ పాఠాలు ఉన్నాయి.
ఇది ప్రారంభికులకు వెబ్ డెవలప్‌మెంట్ మౌలికాంశాలను బోధించడానికి విద్యావేత్తా పాఠ్యక్రమం రిపోజిటరీ. ఈ పాఠ్యక్రమం మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వొకేట్స్ అభివృద్ధి చేసిన సమగ్ర 12 వారాల కోర్సు, 24 ప్రాక్టికల్ పాఠాలు JavaScript, CSS, మరియు HTML ప్రస్తావిస్తూ ఉంటుంది.
### ముఖ్య భాగాలు
- **విద్యా విషయాలు**: 24 నిర్మిత పాఠాలు ప్రాజెక్ట్ ఆధారిత మాడ్యూల్స్ లో కూర్పుచేసినవి
- **ప్రాక్టికల్ ప్రాజెక్టులు**: టెర్రేరియం, టైపింగ్గాేమ్, బ్రౌజర్ ఎక్స్‌టెన్షన్, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ సహాయకుడు
- **ఇంటరాక్టివ్ క్విజ్‌లు**: 48 క్విజ్‌లు ప్రతి ఒక్కటి 3 ప్రశ్నలతో (ముందు/తరువాత పాఠం మూల్యాంకనం)
- **బహుభాషా మద్దతు**: GitHub Actions ద్వార 50+ భాషలకు ఆటోమేటెడ్ అనువాదాలు
- **సాంకేతికతలు**: HTML, CSS, JavaScript, 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 ప్రాజెక్టుల కోసం)
### ఆర్కిటెక్చర్
### నిర్మాణ సరళి
- పాఠ ఆధారిత నిర్మాణంతో విద్యా గ్రంథాలయం
- ప్రతి పాఠం ఫోల్డర్ లో README, కోడ్ ఉదాహరణలు, పరిష్కారాలు ఉంటాయి
- వేరే డైరెక్టరీలలో స్వతంత్ర ప్రాజెక్టులు (quiz-app, వివిధ పాఠాల ప్రాజెక్టులు)
- GitHub Actions ఉపయోగించి అనువాద సిస్టమ్ (co-op-translator)
- Docsify ద్వారా డాక్యుమెంటేషన్ అందబడుతుంది మరియు PDF రూపంలో అందుబాటులో ఉంటుంది
- పాఠ్య ఆధారిత స్ట్రక్చర్ ఉన్న విద్యా రిపోజిటరీ
- ప్రతి పాఠం ఫోల్డర్లో README, కోడ్ ఉదాహరణలు, మరియు పరిష్కారాలు ఉంటాయి
- స్వతంత్ర ప్రాజెక్ట్లు వేర్వేరు డైరక్టరీలలో (quiz-app, వివిధ పాఠ ప్రాజెక్టులు)
- GitHub Actions ఉపయోగించి అనువాద వ్యవస్థ (co-op-translator)
- Docsify ద్వారా డాక్యుమెంటేషన్ అందుబాటులో ఉంటుంది మరియు PDFగా సైతం అందుబాటులో ఉంది
## సెటప్ కమాండ్లు
## సెట్‌అప్ కమాండ్లు
గ్రంథాలయం ప్రధానంగా విద్యా విషయాల వినియోగకోసం. ప్రత్యేక ప్రాజెక్టుల పని కొరకు:
రిపోజిటరీ ప్రధానంగా విద్యా కంటెంట్ కోసం ఉపయోగిస్తారు. నిర్దిష్ట ప్రాజెక్టులతో పని చేయడానికి:
### మెయిన్ రిపాజిటరీ సెటప్
### ప్రధాన రిపోజిటరీ సెట్‌అప్
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
### క్విజ్ యాప్ సెటప్ (Vue 3 + Vite)
### Quiz App సెట్‌అప్ (Vue 3 + Vite)
```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 నడపండి
```
### బ్యాంక్ ప్రాజెక్ట్ API (Node.js + Express)
@ -47,16 +47,16 @@ npm run lint # ESLint నడుపండి
cd 7-bank-project/api
npm install
npm start # API సర్వర్ ప్రారంభించండి
npm run lint # ESLint పనిచేయించండి
npm run format # Prettier తో ఆకృతి మార్చండి
npm run lint # ESLint నడపండి
npm run format # Prettier తో ఫార్మాట్ చేయండి
```
### బ్రౌజర్ ఎక్స్‌టెన్షన్ ప్రాజెక్టులు
### బ్రౌజర్ విస్తరణ ప్రాజెక్టులు
```bash
cd 5-browser-extension/solution
npm install
# బ్రౌజర్-స్పెసిఫిక్ ఎక్స్‌టెన్షన్ లోడింగ్ సూచనలను అనుసరించండి
# బ్రౌజర్-ప్రత్యేక ఎక్స్‌టెన్షన్ లోడింగ్ సూచనలను అనుసరించండి
```
### స్పేస్ గేమ్ ప్రాజెక్టులు
@ -64,219 +64,219 @@ npm install
```bash
cd 6-space-game/solution
npm install
# బ్రౌజర్‌లో index.html తెరవండి లేదా లైవ్ సర్వర్ ఉపయోగించండి
# బ్రౌజర్‌లో index.html ని తెరవండి లేదా Live Server ఉపయోగించండి
```
### చాట్ ప్రాజెక్ట్ (Python బ్యాక్ఎండ్)
### చాట్ ప్రాజెక్ట్ (Python బ్యాక్ ఎండ్)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
# GITHUB_TOKEN'environnement משתנה సెట్ చేయండి
# GITHUB_TOKEN పర్యావరణ చ变数ను సెట్ చేయండి
python api.py
```
## అభివృద్ధి వర్క్‌ఫ్లో
## అభివృద్ధి కార్యకలాపం
### కంటెంట్ కాంట్రిబ్యూటర్ల కోసం
### కంటెంట్ కాంట్రిబ్యూటర్ల కోసం
1. మీ GitHub ఖాతాకు **రిపాజిటరీని ఫోర్క్ చేయండి**
2. **మీ ఫోర్క్‌ని లోకల్‌గా క్లోన్ చేయండి**
3. మీ మార్పులకు **కొత్త బ్రాంచ్ సృష్టించండి**
4. పాఠ అంశాలు లేదా కోడ్ ఉదాహరణలలో మార్పులు చేయండి
5. సంబంధిత ప్రాజెక్ట్ డైరెక్టరీలలో ఏ కోడ్ మార్పులు టెస్ట్ చేయండి
6. కాంట్రిబ్యూషన్ మార్గదర్శకాలు పాటిస్తూ పుల్ రిక్వెస్ట్‌లు సమర్పించండి
1. రిపోజిటరీని మీ GitHub అకౌంట్‌కు **fork** చేయండి
2. మీ forkను లోకలీ **clone** చేసుకోండి
3. మీ మార్పుల కోసం కొత్త బ్రాంచ్ **create** చేయండి
4. పాఠ కంటెంట్ లేదా కోడ్ ఉదాహరణలలో మార్పులు చేయండి
5. సంబంధిత ప్రాజెక్టు డైరెక్టరీలలో కోడ్ మార్పులను పరీక్షించండి
6. కాంట్రిబ్యూషన్ మార్గదర్శకాలు అనుసరించి pull requests సమర్పించండి
### నేర్చుకునేవారికి
### అభ్యాసకుల కోసం
1. రిపాజిటరీని ఫోర్క్ చేయండి లేదా క్లోన్ చేయండి
2. పాఠం డైరెక్టరీలను క్రమంగా నావిగేట్ చేయండి
3. ప్రతి పాఠం README ఫైల్స్ చదవండి
4. ముందస్తు పాఠం క్విజ్‌లు పూర్తి చేయండి https://ff-quizzes.netlify.app/web/
5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణల పై పని చేయండి
6. అసైన్మెంట్లు, ఛాలెంజ్‌లు పూర్తి చేయండి
7. తరువాతి పాఠం క్విజ్‌లు చేయండి
1. రిపోజిటరీని fork లేదా clone చేయండి
2. పాఠం డైరెక్టరీల ద్వారా క్రమంగా వెళ్లండి
3. ప్రతి పాఠం README ఫైళ్లు చదవండి
4. ముందస్తు క్విజ్‌లు https://ff-quizzes.netlify.app/web/ వద్ద పూర్తి చేయండి
5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణలపై పని చేయండి
6. అసైన్మెంట్లు మరియు ఛాలెంజ్‌లను పూర్తి చేయండి
7. తరువాత క్విజ్‌ల పూర్తి చేయండి
### సజీవ అభివృద్ధి
### లైవ్ అభివృద్ధి
- **డాక్యుమెంటేషన్**: రూట్ లో `docsify serve` నడపండి (పోర్టు 3000)
- **క్విజ్ యాప్**: quiz-app డైరెక్టరీలో `npm run dev` నడపండి
- **ప్రాజెక్టులు**: HTML ప్రాజెక్టులకు VS Code Live Server ఎక్స్టెన్షన్ వాడండి
- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీల`npm start` నడపండి
- **డాక్యుమెంటేషన్**: రూట్‌లో `docsify serve` నడపండి (పోర్ట్ 3000)
- **Quiz App**: quiz-app డైరెక్టరీలో `npm run dev` నడపండి
- **ప్రాజెక్టులు**: HTML ప్రాజెక్టుల కోసం VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి
- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలో `npm start` నడపండి
## పరీక్ష నిర్వహణ
## టెస్టింగ్ సూచనలు
### క్విజ్ యాప్ టెస్టింగ్
### Quiz App టెస్టింగ్
```bash
cd quiz-app
npm run lint # కోడ్ శైలి సమస్యల కోసం తనిఖీ చేయండి
npm run build # బిల్డ్ విజయవంతమవుతుందో నిర్ధారించండి
npm run build # నిర్మాణం విజయవంతమవుతుందో ధృవీకరించండి
```
### బ్యాంక్ API టెస్టింగ్
```bash
cd 7-bank-project/api
npm run lint # కోడ్ శైలి సమస్యలు కోసం తనిఖీ చేయండి
node server.js # ఎటువంటి లోపాలు లేకుండా సర్వర్ ప్రారంభమవుతుందో నిర్ధారించండి
npm run lint # కోడ్ శైలి సమస్యలు తనిఖీ చేయండి
node server.js # సర్వర్ లోపాలు లేకుండా ప్రారంభిస్తుందో లేదో ధృవీకరించండి
```
### సాధారణ పరీక్ష విధానం
### సాధారణ టెస్టింగ్ విధానం
- ఇది విద్యా రిపాజిటరీ కనుక పూర్తి ఆటోమేటెడ్ పరీక్షలు లేవు
- మాన్యువల్ పరీక్షలు ఈ క్రింది విషయాలపై దృష్టి:
- కోడ్ ఉదాహరణలు ఎర్రర్స్ లేవని నడవడం
- డాక్యుమెంటేషన్ లో లింకులు సరిగా పని చేయడం
- ప్రాజెక్ట్ బిల్డ్స్ విజయవంతంగా పూర్తవడం
- ఉదాహరణలు ఉత్తమ పద్ధతులు అనుసరించడం
- ఇది సమగ్ర స్వయంచాలక పరీక్షలేని విద్యా రిపోజిటరీ
- మానవీయ పరీక్షల్లో ప్రధానంగా:
- కోడ్ ఉదాహరణలు తప్పులెళ్లుండా నడవాలి
- డాక్యుమెంటేషన్‌లో లింకులు సరిగా పనిచేయాలి
- ప్రాజెక్ట్ బిల్డ్ విజయవంతంగా ముగియాలి
- ఉదాహరణలు ఉత్తమ ప్రాక్టీస్‌లకు అనుగుణంగా ఉండాలి
### సమర్పణకు ముందు తనిఖీల
### సమర్పణకు ఇష్టం ముందు చెక్‌లిస్ట
- package.json ఉన్న డైరెక్టరీలలో `npm run lint` నడపండి
- మార్క్డౌన్ లింకులు చెలామణీ అవుతాయో చూడండి
- కాబ్భడిన కోడ్ ఉదాహరణలను బ్రౌజర్ లేదా Node.js లో పరీక్షించండి
- అనువాదాలు సరైన నిర్మాణం ఉంచుకున్నాయా చూడు
- package.json ఉన్న డైరెక్టరీలలో `npm run lint` నడపండి
- Markdown లింకులు సరైనవిగా ఉన్నాయా చూడండి
- కోడ్ ఉదాహరణలను బ్రౌజర్ లేదా Node.jsలో పరీక్షించండి
- అనువాదాలు సరైన నిర్మాణంతో ఉన్నాయా పరిశీలించండి
## కోడ్ శైలి మార్గదర్శకాలు
## కోడ్ శైల మార్గదర్శకాలు
### జావాస్క్రిప్ట్
### JavaScript
- ఆధునిక ES6+ సింటాక్స్ వినియోగించండి
- ప్రాజెక్టుల్లో ఇచ్చిన ESLint కన్ఫిగరేషన్లను అనుసరించండి
- విద్యా స్పష్టం కోసం అర్థవంతమైన వేరియబుల్, ఫంక్షన్ పేర్లు ఇవ్వండి
- విద్యార్థులకి సਿਧాంతాలు వివరించే కామెంట్లు జత చేయండి
- Prettier ద్వారా ఇచ్చినది ఉంటే ఫార్మాటింగ్ చేయండి
- ఆధునిక ES6+ సింటాక్స్ ఉపయోగించండి
- ప్రాజెక్టుల్లో అందిన ESLint నియమాలను అనుసరించండి
- విద్యార్థులకు అర్థం కావాల్సిన విధంగా వరియబుల్ మరియు ఫంక్షన్ పేర్లను ఉంచండి
- నేర్చుకునేవారికి స్పష్టమైన వ్యాఖ్యలు జోడించండి
- Prettier తో ఫార్మాటింగ్ చేయండి (అక్కడ అమర్చి ఉంటే)
### HTML/CSS
- సేమాంటిక్ HTML5 ఎలిమెంట్స్
- ప్రతిస్పందన డిజైన్ సూత్రాలు
- క్లియర్ క్లాస్ నామకరణాలు
- CSS సాంకేతికలను వివరిస్తూ కామెంట్లు
- Semantic HTML5 ఎలిమెంట్లు
- స్పందనాత్మక డిజైన్ సూత్రాలు
- పరిశుభ్రమైన క్లాస్ నామకరణ నియమాలు
- CSS సాంకేతికాలపై విధేయుల కోసం వ్యాఖ్య‌లు
### Python
- PEP 8 శైలీ మార్గదర్శకాలు
- స్పష్టమైన, విద్యా అనుకూల కోడ్ ఉదాహరణలు
- నేర్చుకునేవారికి ఈజీగా టైప్ హింట్లు ఇవ్వడం
- స్పష్టమైన, విద్యా కోడ్ ఉదాహరణలు
- నేర్చుకోవడంలో సహాయమయ్యే తీప్ సూచనలు
### మార్క్డౌన్ డాక్యుమెంటేషన్
### Markdown డాక్యుమెంటేషన్
- స్పష్టమైన హెడ్డింగ్ హైరార్కీ
- భాషా స్పెసిఫికేషన్ తో కోడ్ బ్లాక్లు
- స్పష్టమైన శీర్షిక యథార్థ శ్రేణి
- భాషా స్పెసిఫికేషన్‌తో కోడ్ బ్లాక్‌లు
- అదనపు వనరులకు లింకులు
- స్ర్కిన్షాట్లు, చిత్రాలు `images/` ఫోల్డర్లలో
- చిత్రాల కోసం యాక్సెసిబిలిటీకి Alt టెక్స్ట్
- `images/` ఫోల్డర్లలో స్క్రీన్శాట్లు మరియు చిత్రాలు
- పిక్చర్లకు alt టెక్స్ accessibility కోసం
### ఫైల్ కూర్పు
### ఫైల్ అవసరం
- పాఠ్యాలు సీక్వెన్షియల్ గా నెంబర్ చేయబడి ఉంటాయి (1-getting-started-lessons, 2-js-basics, మొదలైనవి)
- ప్రతి ప్రాజెక్ట్ కు `solution/` మరియు తరచుగా `start/` లేదా `your-work/`ెకటరీలు ఉంటాయి
- చిత్రాలు పాఠం-ప్రత్యేక `images/` ఫోల్డర్లలో నిల్వ చేయబడ్డాయి
- పాఠాలు ధారామూలంగా numbering(1-getting-started-lessons, 2-js-basics, ఇతరాలు)
- ప్రతి ప్రాజెక్టుకు `solution/` మరియు చాలాసార్లు `start/` లేదా `your-work/` ఫోల్డర్లు ఉంటాయి
- చిత్రాలు పాఠం-ప్రత్యేక `images/` ఫోల్డర్‌లలో నిల్వ ఉంటాయి
- అనువాదాలు `translations/{language-code}/` నిర్మాణంలో ఉంటాయి
## బిల్డ మరియు డిప్లాయ్‌మెంట్
## బిల్డ మరియు డిప్లాయ్‌మెంట్
### క్విజ్ యాప్ డిప్లాయ్‌మెంట్ (Azure Static Web Apps)
### Quiz App డిప్లాయ్‌మెంట్ (Azure Static Web Apps)
క్విజ్ యాప్ 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`
### డాక్యుమెంటేషన్ PDF ఉత్పత్తి
```bash
npm install # docsify-to-pdf ను ఇన్‌స్టాల్ చేయండి
npm run convert # డాక్స్ నుండి PDFను సృష్టించండి
npm install # docsify-to-pdf ఇన్‌స్టాల్ చేయండి
npm run convert # docs నుండి PDF సృష్టించండి
```
### Docsify డాక్యుమెంటేషన్
```bash
npm install -g docsify-cli # Docsify ను గ్లోబల్‌గా ఇన్‌స్టాల్ చేయండి
docsify serve # localhost:3000 పై సర్వ్ చేయండి
npm install -g docsify-cli # Docsifyని గ్లోబల్గా ఇన్‌స్టాల్ చేయండి
docsify serve # localhost:3000 వద్ద సేవ చేయండి
```
### ప్రాజెక్ట్-వైజ్ బిల్డ్స్
### ప్రాజెక్టు-ప్రత్యేక బిల్డ్‌లు
ప్రతి ప్రాజెక్ట్ డైరెక్టరీకి తగినట్లుగా బిల్డ్ ప్రక్రియ ఉండవచ్చు:
- Vue ప్రాజెక్టులు: `npm run build` తో ప్రొడక్షన్ బండిల్స్ తయారు చేయబడతాయి
- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ లేకుండా ఫైళ్లను నేరుగా సర్వ్ చేస్తాయి
ప్రతి ప్రాజెక్ట్ డైరెక్టరీకు వారి బిల్డ్ ప్రక్రియ ఉండవచ్చు:
- Vue ప్రాజెక్టులు: `npm run build` ప్రొడక్షన్ బండిల్స్ సృష్టిస్తుంది
- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ అవసరం లేదు, ఫైళ్లను నేరుగా సర్వ్ చేయండి
## పుల్ రిక్వెస్ట్ మార్గదర్శకాలు
### శీర్షిక ఫార్మాట్
మార్పు వర్గం స్పష్టంగా సూచించే సాఫీగా వివరణాత్మక శీర్షికలు ఉపయోగించండి:
మార్పుల ప్రాంతాన్ని సూచించే స్పష్టమైన, వివరణాత్మక శీర్షికలు వాడండి:
- `[Quiz-app] పాఠం X కోసం కొత్త క్విజ్ జోడించండి`
- `[Lesson-3] టెర్రేరియం ప్రాజెక్టులో టైపో సరి చేయండి`
- `[Translation] పాఠం 5 కి స్పానిష్ అనువాదం జోడించండి`
- `[Docs] సెటప్ సూచనలు నవీకరించండి`
- `[Lesson-3] టెరేరియం ప్రాజెక్ట్‌లో టైపో సరిచేయండి`
- `[Translation] పాఠం 5 కోసం స్పానిష్ అనువాదం జోడించండి`
- `[Docs] సెట్‌అప్ సూచనలను అప్‌డేట్ చేయండి`
### తప్పనిసరి తనిఖీలు
### అవసరమైన తనిఖీలు
పుల్లు రిక్వెస్ట్ సమర్పించే ముందు:
PR సమర్పణకు ముందు:
1. **కోడ్ నాణ్యత**:
- సంబంధిత ప్రాజెక్ట్ డైరెక్టరీలలో `npm run lint` నడపండి
- అన్ని లింట్ తప్పిదాలు, హెచ్చరికలు సరి చేయండి
- ప్రభావిత ప్రాజెక్ట్ డైరెక్టరీలలో `npm run lint` నడపండి
- అన్ని lint లోపాలు మరియు హెచ్చరికలను సరి చేయండి
2. **బిల్డ్ ధృవీకరణ**:
- అవసరమైతే `npm run build` నడపండి
- ఎటువంటి బిల్డ్ లోపాలు లేవని నిర్ధారించండి
- ఎలాంటి బిల్డ్ లోపాలు లేనట్టు చూడండి
3. **లింక్ ధృవీకరణ**:
- మార్క్డౌన్ లింకులు పనిచేస్తున్నాయో పరీక్షించండి
- చిత్ర సూచనలు సరైనవేనా చూసుకోండి
- అన్ని Markdown లింకులను పరీక్షించండి
- చిత్ర సూచనలు పనిచేస్తాయా చూడండి
4. **కంటెంట్ సమీక్ష**:
- వ్యాకరణ, శైలి ప్రూఫ్ రీడింగ్ చేయండి
- కోడ్ ఉదాహరణలు సరైనవి మరియు విద్యా అనుకూలంగా ఉన్నాయి కదా చూడండి
- అనువాదాలు అసలు అర్థాన్ని సరిగ్గా ప్రతిబింబిస్తున్నాయో ధృవీకరించండి
- వ్రాతపూర్వక తప్పులు మరియు వ్యాకరణం చూడండి
- కోడ్ ఉదాహరణలు సరిగ్గా మరియు విద్యా ఉద్దేశ్యంతో ఉండాలి
- అనువాదాలు అసలు అర్థాన్ని నిలబెట్టుకోవాలి
### కాంట్రిబ్యూషన్ అవసరాలు
### సహకారం అవసరాలు
- Microsoft CLA కు అంగీకరించండి (మొదటి పుల్ రిక్వెస్ట్ సమయంలో ఆటోమేటెడ్ చెక్)
- [Microsoft Open Source కోడ్ ఆఫ్ కానడక్ట్](https://opensource.microsoft.com/codeofconduct/) అనుసరించండి
- [CONTRIBUTING.md](./CONTRIBUTING.md) లో వివరమైన మార్గదర్శకాలు చూడండి
- ఐచ్ఛికంగా PR వివరణలో సంబంధిత సమస్యల సంఖ్యలను సూచించండి
- Microsoft CLAకు అంగీకరించాలి (మొదటి PRలో ఆటోమేటెడ్ తనిఖీ)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) పాటించాలి
- వివరణాత్మక మార్గదర్శకాలకు [CONTRIBUTING.md](./CONTRIBUTING.md) చూడండి
- PR వివరణలో సంబంధిత ఇష్యూలను సూచించండి
### సమీక్ష ప్రక్రియ
### సమీక్ష ప్రక్రియ
- PR లను నిర్వహణకర్తలు మరియు కమ్యూనిటీ సమీక్షిస్తారు
- విద్యా స్పష్టతకు ప్రాధాన్యం ఇస్తారు
- కోడ్ ఉదాహరణలు నేటి ఉత్తమ పద్ధతులను అనుసరించాలి
- అనువాదాలు సక్రమత మరియు సాంస్కృతిక అనుకూలత కోసం సమీక్షిస్తారు
- PRలను నిర్వహకులు మరియు సమాజం సమీక్షిస్తారు
- విద్యా స్పష్టతకు ప్రాధాన్యం
- కోడ్ ఉదాహరణలు ప్రస్తుత ఉత్తమ పద్ధతులకు అనుగుణంగా ఉండాలి
- అనువాదాలు ఖచ్చితత్వం మరియు సాంస్కృతిక అనుసరిచడానికి సమీక్షిస్తారు
## అనువాద వ్యవస్థ
### ఆటోమేటెడ్ అనువాదం
- GitHub Actions తో co-op-translator వర్క్‌ఫ్లో ఉపయోగించి నిర్వ హించబడుతుంది
- ఆటోమేటిగ్గా 50+ భాషలకు అనువదిస్తుంది
- మూల ఫైళ్లు మెయిన్ డైరెక్టరీలలో ఉంటాయి
- అనువాద ఫైళ్లు `translations/{language-code}/` డైరెక్టరీలలో ఉంటాయి
- GitHub Actions తో co-op-translator వర్క్‌ఫ్లో ఉపయోగిస్తోంది
- 50+ భాషలకు స్వయంచాలకంగా అనువదిస్తుంది
- మూల ఫైళ్లు ప్రధాన డైరెక్టరీలలో ఉంటాయి
- అనువాద ఫైళ్లు `translations/{language-code}/` లో ఉండతాయి
### మాన్యువల్ అనువాద మెరుగుదలలు జోడించడం
1. `translations/{language-code}/` లో ఫైల్ కనుగొనండి
2. నిర్మాణం ఉంచుతూ మెరుగుదలలు చేయండి
3. కోడ్ ఉదాహరణలు సరిగ్గా పనిచేస్తున్నాయా చూసుకోండి
4. లోకలైజ్డ్ క్విజ్ కంటెంట్ని పరీక్షించండి
2. నిర్మాణం పాటిస్తూ మెరుగుదలలు చేయండి
3. కోడ్ ఉదాహరణలు పని చేస్తూనే ఉండేలా చూసుకోండి
4. స్థానికీకృత క్విజ్ కంటెంట్‌ను పరీక్షించండి
### అనువాద మెటాడేటా
అనువదించబడిన ఫైళ్ళలో మెటాడేటా హెడ్డర్ ఉంటుంది:
అనువదించిన ఫైల్‌లు మెటాడేటా హెడర్ కలిగి ఉంటాయి:
```markdown
<!--
CO_OP_TRANSLATOR_METADATA:
@ -291,118 +291,118 @@ CO_OP_TRANSLATOR_METADATA:
## డీబగ్గింగ్ మరియు సమస్య పరిష్కారం
### సాధారణ సమస్యలు
### సామాన్య సమస్యలు
**క్విజ్ యాప్ స్టార్ట్ అవ్వడం లేదు**:
- Node.js వెర్షన్ ను తనిఖీ చేయండి (v14+ సిఫార్సు)
- `node_modules` మరియు `package-lock.json` తొలగించి మళ్ళీ `npm install` చేయండి
- పోర్టు బందిభాగాన్ని తనిఖీ చేయండి (డిఫాల్ట్: Vite పోర్టు 5173 ఉపయోగిస్తుంది)
**Quiz app ప్రారంభం అవ్వడం లేదు**:
- Node.js వెర్షన్ (v14+ సిఫార్సు) పరిశీలించండి
- `node_modules` మరియు `package-lock.json` తొలగించి, `npm install` మళ్లీ నడపండి
- పోర్ట్ ఘర్షణల కోసం చూడు (డిఫాల్ట్: Vite పోర్ట్ 5173)
**API సర్వర్ స్టార్ట్ అవ్వడం లేదు**:
- Node.js వెర్షన్ కనీసం node >=10 అనుకూలమో చూసుకోండి
- పోర్టు ఇప్పటికే వాడుకలో ఉన్నదో ఉందో తనిఖీ చేయండి
- అన్ని డిపెండెన్సీలు `npm install` ద్వారా ఇన్‌స్టాల్ చేసారో మీరు నిర్ధారించండి
**API సర్వర్ ప్రారంభం కావడం లేదు**:
- కనీసం Node.js వెర్షన్ సరిపోందా చూసుకోండి (node >=10)
- పోర్ట్ ఇప్పటికే ఉపయోగంలో ఉందా చూడండి
- అన్ని డిపెండెన్సీలు `npm install` తో ఇన్‌స్టాల్ అయ్యాయా చూసుకోండి
**బ్రౌజర్ ఎక్స్‌టెన్షన్ లోడ్ కాకపోవడం**:
- manifest.json సరైన ఫార్మాట్ లో ఉందో తనిఖీ చేయండి
- బ్రౌజర్ కన్సోల్ లో ఏదైనా లోపాలు ఉన్నాయా చూడండి
- బ్రౌజర్-వైశిష్ట ఎక్స్‌టెన్షన్ ఇన్‌స్టాలేషన్ సూచనలను పాటించండి
**బ్రౌజర్ ఎక్స్‌టెన్షన్ లోడ్ అవ్వడం లేదు**:
- manifest.json సరిగా ఫార్మాట్ అయిందా పరీక్షించండి
- బ్రౌజర్ కన్సోల్ లో ఎర్రర్లు పరిశీలించండి
- బ్రౌజర్-ప్రత్యేక ఎక్స్‌టెన్షన్ ఇన్‌స్టాలేషన్ సూచనలు అనుసరించండి
**Python చాట్ ప్రాజెక్ట్ సమస్యలు**:
- OpenAI ప్యాకేజ ఇన్‌స్టాల్ చేసారా: `pip install openai`
- GITHUB_TOKEN వాతావరణం వేరియబుల్ సరిగా సెట్ అయిందా చూడండి
- GitHub Models యాక్సెస్ అనుమతులు ఉన్నాయా తనిఖీ చేయండి
- OpenAI ప్యాకేజ ఇన్‌స్టాల్ చేసారా: `pip install openai`
- GITHUB_TOKEN ఎన్విరాన్‌మెంట్ వేరియబుల్ సెట్ చేసారా
- GitHub Models యాక్సెస్ అనుమతులు సరిచూసుకోండి
**Docsify డాక్యులు సర్వ్ చేయడం లేదు**:
- docsify-cli గ్లోబల్లీ ఇన్‌స్టాల్ చేయండి: `npm install -g docsify-cli`
- రిపజిటరీ రూట్ డైరెక్టరీ నుండి నడపండి
- `docs/_sidebar.md`నికిలో ఉందో పరిశీలించండి
**Docsify డాక్స్ సర్వ్ అవడం లేదు**:
- docsify-cli ని గ్లోబల్‌గా ఇన్‌స్టాల్ చేయండి: `npm install -g docsify-cli`
- రిపజిటరీ రూట్ డైరెక్టరీ నుండి నడపండి
- `docs/_sidebar.md`ందా పరీక్షించండి
### అభివృద్ధి వాతావరణ సూచనలు
### అభివృద్ధి వాతావరణ చిట్కాలు
- HTML ప్రాజెక్టులకు VS Code లో Live Server ఎక్స్టెన్షన్ వాడండి
- సార్థకమైన ఫార్మాటింగ్ కొరకు ESLint మరియు Prettier ఎక్స్టెన్షన్లు ఇన్‌స్టాల్ చేయండి
- జావాస్క్రిప్ట్ డీబగ్గింగ్ కోసం బ్రౌజర్ DevTools వాడండి
- Vue ప్రాజెక్టులకు Vue DevTools బ్రౌజర్ ఎక్స్టెన్షను ఇన్‌స్టాల్ చేయండి
- HTML ప్రాజెక్టులకు VS Code తో Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి
- నిరంతర ఫార్మాటింగ్ కోసం ESLint మరియు Prettier ఎక్స్‌టెన్షన్‌లు ఇన్‌స్టాల్ చేయండి
- JavaScript డీబగ్గింగ్ కోసం బ్రౌజర్ DevTools ఉపయోగించండి
- Vue ప్రాజెక్టులకు Vue DevTools బ్రౌజర్ ఎక్స్‌టెన్షన్ ఇన్‌స్టాల్ చేయండి
### పనితీరు పరికల్పనలు
### పనితీరు పరిగణనలు
- అనువదించిన ఫైళ్ళ సంఖ్య ఎక్కువగా ఉండడం(50+ భాషలు) పూర్తిగా క్లోన్ చేస్తే పెద్ద స్థలాన్ని తీసుకుంటుంది
- కంటెంట్ పని మాత్రమే చేస్తే షాలో క్లోన్ వాడండి: `git clone --depth 1`
- ఇంగ్లీష్ కంటెంట్ తో పని చేసే విషయంలో అనువాదాలను సెర్చ్ నుండి వేరుచేయండి
- ఫస్ట్ రన్ (npm install, Vite build) లో బిల్డ్ ప్రక్రియలు కొంత ఆలస్యం చెందగలవు
- అనువదించిన ఫైళ్ల పెద్ద మొత్తమున్నందున (50+ భాషలు) పూర్తి క్లోన్లు పెద్దవిగా ఉంటాయి
- కంటెంట్ మాత్రమే పని చేసేలా ఉంటే శాలో క్లోన్ ఉపయోగించండి: `git clone --depth 1`
- ఇంగ్లీష్ కంటెంట్ మీద పని చేస్తే అనువాదాలను సెర్చ్ నుండి బయటపెట్టండి
- మొదటి నడకలో బిల్డ్ ప్రాసెస్‌లు మెల్లగా ఉండవచ్చు (npm install, Vite build)
## భద్రతా పరికల్పనలు
## భద్రతా పరిగణనలు
### వాతావరణ వేరియబుల్స్
### ఎన్విరాన్‌మెంట్ వేరియబుల్స్
- API కీలు రిపాజిటరీకి ఎప్పుడూ కమిట్ చెయ్యకూడదు
- `.env` ఫైల్స్ వాడండి (ఇప్పటికే `.gitignore` లో ఉన్నాయి)
- అవసరమైన వాతావరణ వేరియబుల్స్ ను ప్రాజెక్ట్ README లో డాక్యుమెంట్ చేయండి
- API కీలు ఎప్పుడూ రిపోజిటరీకి కమిట్ చేయవద్దు
- `.env` ఫైల్స్ ఉపయోగించండి (`.gitignore` లో ఉన్నాయి)
- అవసరమైన ఎన్విరాన్‌మెంట్ వేరియబుల్స్ ప్రాజెక్ట్ READMEల్లో డాక్యుమెంట్ చేయండి
### Python ప్రాజెక్టులు
- వర్చువల్ ఎన్విరాన్మెంట్ వాడండి: `python -m venv venv`
- డిపెండెన్సీలు అప్డేట్ చేయండి
- GitHub టోకెన్లు కనీస అవసర అనుమతులతో ఉంచండి
- వర్చువల్ ఎన్విరాన్‌మెంట్లు ఉపయోగించండి: `python -m venv venv`
- డిపెండెన్సీలు అప్డేట్ లో ఉంచండి
- GitHub టోకెన్స్ కు కనీస అవసర అనుమతులు ఉండాలి
### GitHub Models యాక్సెస్
- GitHub Models కొరకు వ్యక్తిగత యాక్సెస్ టోకెన్లు (PAT) అవసరం
- టోకెన్లు వాతావరణ వేరియబుల్స్ గా నిల్వ చేయండి
- టోకెన్లు లేదా సర్వ్ క్రెడెంషియల్స్ ఎప్పుడూ కమిట్ చేయవద్దు
- GitHub Modelsకి Personal Access Tokens (PAT) అవసరం
- టోకెన్స్ ఎన్విరాన్‌మెంట్ వేరియబుల్స్ లో నిల్వ చేయాలి
- ఎప్పుడూ టోకెన్స్ లేదా క్రెడెన్షియల్స్ కమిట్ చేయవద్దు
## అదనపు గమనికలు
### లక్ష్య ప్రేక్షకులు
- వెబ్ డెవలప్‌మెంట్ లో పూర్తిగా మొదలైన వారు
- విద్యార్థులు మరియు స్వయం అభ్యాసకులు
- తరగతుల్లో ఈ పాఠ్యాంశాన్ని ఉపయోగించే ఉపాధ్యాయులు
- కంటెంట్ యాక్సెసిబిలిటీ మరియు పశ్చాత్తాపం నైపుణ్య నిర్మాణాన్ని దృష్టిలో ఉంచి రూపకం చేయబడింది
- వెబ్ డెవలప్‌మెంట్ లో పూర్తిగా కొత్తవారు
- విద్యార్థులు మరియు స్వయం-అభ్యాసకులు
- తరగతి గదుల్లో పాఠ్యక్రమం ఉపయోగించే ఉపాధ్యాయులు
- కంటెంట్ సాధారణ ప్రజల కోసం సులభతరం మరియు స్థిరంగా తయారు చేయబడింది
### విద్యా తాత్త్వికత
### విద్యా తత్వం
- ప్రాజెక్ట్ ఆధారిత ప్రమాణ
- తరచుగా జ్ఞాన పరీక్షలు (క్విజ్‌లు)
- హ్యాండ్-ఆన్ కోడింగ్ వ్యాయామాలు
- నిజ జీవిత అన్వయ ఉదాహరణలు
- ఫ్రేమ్‌వర్క్‌లకు ముందు ఆధారాలను దృష్టిలో పెట్టడం
- ప్రాజెక్ట్-ఆధారిత నేర్పింపు విధాన
- తరచుగా జ్ఞాన పరీక్షలు (క్విజ్‌లు)
- ప్రాక్టికల్ కోడింగ్ వ్యాయామాలు
- వాస్తవ ప్రపంచ అప్లికేషన్ ఉదాహరణలు
- ఫ్రేమ్‌వర్క్‌ల ముందు మౌలికాంశాలపై ఫోకస్
### రిపజిటరీ నిర్వహణ
### రిపజిటరీ నిర్వహణ
- క్రియాశీలమైన కన్స్ట్రిబ్యూటర్స్ మరియు నేర్చుకునే సముదాయ
- డిపెండెన్సీలను మరియు కంటెంట్‌ను రెగ్యులర్ గా నవీకరించడం
- అంశాలు మరియు చర్చలు నిర్వహణకర్తలచే పరిశీలించబడతాయి
- అనువాద నవీకరణలు GitHub Actions ద్వారా ఆటోమేటెడ్ గా
- విద్యార్థులు మరియు కాంట్రిబ్యూటర్ల సജീവ సమాజ
- డిపెండెన్సీలు మరియు కంటెంట్ రెగ్యులర్ అప్‌డేట్లు
- ఇష్యూస్ మరియు చర్చలు నిర్వహకులు పరిశీలనలో ఉంచుతారు
- అనువాద అప్‌డేట్లు GitHub Actionsతో ఆటోమేటెడ్
### సంబంధిత వనరులు
- [Microsoft Learn మాడ్యూల్స్](https://docs.microsoft.com/learn/)
- [స్టూడెంట్ హబ్ వనరులు](https://docs.microsoft.com/learn/student-hub/)
- నేర్చుకునేవారికి సిఫార్సు [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
- అదనపు కోర్సులు: జనరేటివ్ AI, డేటా సైన్స్, ML, IoT కోర్సులు అందుబాటులో ఉన్నాయి
- [Microsoft Learn మాడ్యూల్‌లు](https://docs.microsoft.com/learn/)
- [Student Hub వనరులు](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) అభ్యాసకులకు సూచించబడింది
- అదనపు కోర్సులు: Generative AI, Data Science, ML, IoT పాఠ్యక్రమాలు అందుబాటులో ఉన్నాయి
### ప్రత్యేక ప్రాజెక్టులతో పని
### నిర్దిష్ట ప్రాజెక్టులతో పని చేయడం
ప్రతి ప్రాజెక్టుకు సంబంధించిన స్పష్టమైన సూచనలకు దయచేసి README ఫైళ్లను చూడండి:
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `7-bank-project/README.md` - ఆథెంటికేషన్ సహా బ్యాంకింగ్ యాప్
- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్‌టెన్షన్ అభివృద్ధి
- `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్ అభివృద్ధి
వివ‌ర‌మైన సూచ‌న‌ల కోసం ప్రతి ప్రాజెక్ట్ README ఫైల్స్ చూడండి:
- `quiz-app/README.md` - Vue 3 quiz అప్లికేషన్
- `7-bank-project/README.md` - బ్యాంకింగ్ యాప్ ఆథెంటికేషన్ తో
- `5-browser-extension/README.md` - బ్రౌజర్ విస్తరణ అభివృద్ధి
- `6-space-game/README.md` - క్యాన్వాస్ ఆధారిత గేమ్ అభివృద్ధి
- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్
### మోనోరపో నిర్మాణం
### మోనోరిపో నిర్మాణం
ంప్రదాయ మోనోరెపో అన్యాయం కాకపోయినా, ఈ రిపాజిటరీలో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వతంత్రంగా ఉంటుంది
- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకో
- ఒక ప్రాజెక్ట్పై పని చేస్తారంటే ఇతర ప్రాజెక్టుల పనితీరు ప్రభావితమువనుకోదు
- పూర్తి కోర్సుకు పూర్తి రిపాజిటరీని క్లోన్ చేయండి
ాంప్రదాయ మోనోరిపో కాకపోయినా, ఈ రిపోజిటరీలో బహుళ స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వతంత్రం
- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకో
- ఇతర ప్రాజెక్టులను ప్రభావితం చేయకుండా వేరు వేరు ప్రాజెక్టులపై పని చేయండి
- పూర్తి పాఠ్యక్రమం అనుభవం కోసం మొత్తం రిపోజిటరీని clone చేయండి
---
<!-- 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 -->

@ -1,218 +1,204 @@
[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
# ప్రారంభకులు కోసం వెబ్ డెవలప్మెంట్ - ఒక పాఠ్యక్రమం
[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ ద్వారా 12 వారాల సమగ్ర కోర్సుతో వెబ్ డెవలప్మెంట్ యొక్క మూలభూత విషయాలు నేర్చుకోండి. 24 పాఠాల ప్రతీది టెరేరియంలు, బ్రౌజర్ ఎక్స్‌టెన్షన్లు, స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్ట్‌ల ద్వారా జావాస్క్రిప్ట్, CSS, మరియు HTML లోకి లోతుగా ప్రవేశిస్తుంది. క్విజ్‌లు, చర్చలు మరియు వినియోగ విలువైన అసైన్మెంట్‌లలో పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్ ఆధారిత విద్యా విధానంతో మీ నైపుణ్యాలను మెరుగుపరుచుకొని, జ్ఞాన సంపాదనను ఉత్తమపరచండి. మీ కోడింగ్ ప్రయాణాన్ని ఈరోజే ప్రారంభించండి!
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# Web Development for Beginners - ఒక పాఠ్యక్రమం
Microsoft Cloud Advocates ద్వారా మా 12-వారం సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మూలసూత్రాలను నేర్చుకోండి. 24 పాఠములలో JavaScript, CSS, మరియు HTML ని టెర్రేరియమ్స్, బ్రౌజర్ ఎక్స్‌టెన్షన్స్, మరియు స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకుంటారు. క్విజ్‌లు, చర్చలు, మరియు ప్రాక్టికల్ అసైన్‌మెంట్‌లతో జాగ్రత్తగా పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్-ఆధారిత పాఠ్య విధానం ద్వారా మీ నెపుణ్యాలను పెంపొందించుకుని జ్ఞానం నిల్వను మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ లో చేరండి
ఆజ్యూర్ AI Foundry Discord లో చేరి నిపుణులు మరియు విభిన్న డెవలపర్లను కలుసుకోండి.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ఈ వనరులను ఉపయోగించడాన్ని ప్రారంభించడానికి ఈ దశలను అనుసరించండి:
1. **రిపోజిటరీని ఫోর্ক్ చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord లో చేరండి మరియు నిపుణులు మరియు ఇతర డెవలపర్లను కలవండి**](https://discord.com/invite/ByRwuEEgH4)
ఈ వనరులను ఉపయోగించడం ప్రారంభించడానికి ఈ అడుగులు పాటించండి:
1. **రిపోజిటరీని Fork చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **రిపోజిటరీని Clone చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**ఆజ్యూర్ AI Foundry Discord లో చేరి నిపుణులు మరియు డెవలపర్లను కలుసుకోండి**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 బహుభాషా మద్దతు
#### 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) | [Khmer](../km/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](./README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
#### GitHub Action ద్వారా మద్దతు (స్వయంచాలకంగా & ఎప్పుడూ నూతనమైనది)
> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?**
>
> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, వాటివల్ల డౌన్‌లోడ్ పరిమాణం పెరుగుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
>
> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?**
> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్లోడ్ పరిమాణం పెంచుతాయి. అనువాదం లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
>
> **Bash / macOS / Linux:**
> ```bash
> > ```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'
> ```
>
> **CMD (విండోస్):**
> ```cmd
> **CMD (Windows):**
> > ```cmd
> 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) ని దర్శించండి, అక్కడ మీరు ప్రారభicke వనరులు, విద్యార్థి ప్యాక్లు మరియు మిద్దుకు ఉచిత సర్టిఫికెట్ వోచర్ పొందేందుకు మార్గాలును కనుగొనవచ్చు. ఈ పేజీని బుక్‌మార్క్ చేసి సమయంలోప్పుడు చూడండి, ఎందుకంటే మేము నెలవారీగా కాంటెంట్ మార్చిపోతుంటాము.
[**Student Hub పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ను సందర్శించండి, ఇక్కడ మీరు ప్రారంభ వనరులు, విద్యార్థి ప్యాక్లు మరియు ఉచిత సర్టిఫికెట్ వోచర్ పొందే మార్గాలను కనుగొనవచ్చు. ఇది మీరు బుక్‌మార్క్ చేసి నెలకూడా సమీక్షించదగ్గ పేజీ.
### 📣 ప్రకటన - GitHub Copilot Agent మోడ్ సవాళ్ళు పూర్తి చేయండి!
### 📣 ప్రకటన - పూర్తి చేయాల్సిన కొత్త GitHub Copilot Agent మోడ్ సవాళ్లు!
కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయదగిన కొత్త సవాలు ఇది. మీరు Agent మోడ్ ఇప్పటివరకూ ఉపయోగించని ఉంటే, ఇది టెక్స్ట్ మాత్రమే ఉత్పత్తి చేయడానికి కాదు, ఫైల్‌లను సృష్టించడం, సవరించడం, కమాండ్లను నడవించడం కూడా చేయగలదు.
కొత్త సవాలు జోడించబడింది, చాలా అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. ఇది GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి మీరు పూర్తి చేయవలసిన కొత్త సవాల్లలో ఒకటి. మీరు ఇప్పుడివరకు Agent మోడ్ ఉపయోగించకపోయినా, ఇది కేవలం టెక్స్ట్ సృష్టించడమే కాకుండా ఫైళ్ళను సృష్టించడం, సవరించడం, ఆజ్ఞలు నడుపడం తదితరాలు చేయగలదు.
### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్టు నిరమించండి_
### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్ట్_
కొత్త AI అసిస్టెంట్ ప్రాజెక్టు జోడించబడింది, చూడండి [ప్రాజెక్టు](./9-chat-project/README.md)
కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ జోడించబడింది, దీన్ని చూడండి [ప్రాజెక్ట్](./9-chat-project/README.md)
### 📣 ప్రకటన - జావాస్క్రిప్ట్ కోసం 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/te/background.148a8d43afde5730.webp)
- ప్రాథమిక అంశాలు నుండి RAG వరకూ పాఠాలు.
- GenAI మరియు మా లోబడి యాప్ తో చారిత్రక పాత్రలతో ఇంటరాక్ట్ అవ్వండి.
- రంజింపజేసే మరియు ఆసక్తికర కథనంతో, మీరు టైమ్ ట్రావెల్ చేస్తున్నట్లే అనుభూతి!
- ప్రాథమికాంశాల నుండి RAG వరకు అన్ని అంశాలను కవర్ చేసే పాఠాలు.
- GenAI మరియు మా సహాయక యాప్‌తో చరిత్రాత్మక పాత్రలతో సంభాషణ.
- సరదాగా, సజీవంగా, మీరు కాల ప్రయాణం చేస్తారు!
![character](../../translated_images/te/character.5c0dd8e067ffd693.webp)
ప్రతి పాఠంలో పూర్తి చేయాల్సిన అసైన్‌మెంట్, జ్ఞాన పరీక్ష మరియు సవాల్స్ ఉంటాయి, ఇవి మీరు నేర్చుకునే అంశాలపై మార్గనిర్దేశం చేస్తాయి:
- ప్రాంప్ట్ చేయడం మరియు ప్రాంప్ట్ ఇంజనీరింగ్
- టెక్స్ట్ మరియు చిత్రం యాప్ జనరేషన్
- శోధన యాప్‌లు
ప్రతి పాఠంలో పూర్తిచేయాల్సిన అసైన్మెంట్, జ్ఞాన తనిఖీ మరియు సవాలు ఉంటాయి, ఇవి ఈ విషయాలలో మీరు నేర్చుకోవడాన్ని గైడ్ చేస్తాయి:
- ప్రాంప్ట్ మరియు ప్రాంప్ట్ ఇంజనీరింగ్
- టెక్స్ట్ మరియు ఇమేజ్ యాప్ జనరేషన్
- సెర్చ్ యాప్‌లు
ప్రారంభించడానికి సందర్శించండి [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
ప్రారంభించండి: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
## 🌱 ప్రారంభించడానికి
## 🌱 మొదలు పెట్టడం
> **ఉపాధ్యాయులు**, ఈ పాఠ్యక్రమాన్ని ఉపయోగించే కొన్ని సూచనలు [ఇక్కడ](for-teachers.md) మేము చేర్చాము. మీ అభిప్రాయాలను మా [చర్చా ఫోరమ్](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) లో తెలియజేయండి!
> **గురువులారా**, ఈ పాఠ్యక్రమాన్ని ఎలా ఉపయోగించాలో మము కొన్ని సూచనలు [ఇక్కడ](for-teachers.md) చేర్చాము. మీ అభిప్రాయాన్ని [మా చర్చా వేదికలో](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) తెలియజేయండి!
**[అభ్యర్థులు](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ప్రతి పాఠం కోసం, ముందస్తు లెక్చర్ క్విజ్తో ప్రారంభించి, లెక్చర్ పదార్థం చదవడం, వివిధ కార్యకలాపాలు పూర్తి చేయడం మరియు తర్వాత లెక్చర్ క్విజ్తో మీ అర్థం తనిఖీ చేయండి.
**[శిక్షణార్థులు](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ప్రతి పాఠం కోసం ముందస్తు-వర్క్‌షీట్ క్విజ్‌తో ప్రారంభించి, ఉపన్యాస పదార్థం చదవండి, వివిధ కార్యకలాపాలు పూర్తి చేయండి మరియు తరువాతి-ఉపన్యాస క్విజ్‌తో మీ బోధనను పరిశీలించండి.
మీ అభ్యాసం అనుభవాన్ని మెరుగుపరచడానికి, మీ తోటి విద్యార్థులతో కలిసి ప్రాజెక్టుల మీద పనిచేయండి! మా [చర్చా ఫోరమ్](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) లో చర్చలు ప్రోత్సహింపబడతాయి, మా మోడరేటర్లు మీ ప్రశ్నలకు సమాధానాలను అందిస్తారు.
మీ నేర్చుకునే అనుభవాన్ని మెరుగుపరచడానికి, మీ సహచరులతో కలిసి ప్రాజెక్టులపై పనిచేయండి! చర్చలను ప్రోత్సహించడానికి మా [చర్చా వేదిక](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) లో మోడియేటర్ల టీమ్ మీ ప్రశ్నలకు సమాధానం ఇవ్వడానికి అందుబాటులో ఉంటుంది.
మీ విద్యను మరింత వృద్ధి చేయడానికి, అదనపు అధ్యయన్ పదార్థాల కోసం [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ను పరిశీలించండి.
మీ విద్యను గురించడానికి, అదనపు అర్థం చేసుకునే పదార్థాలు కోసం [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ను అన్వేషించమని మేము అందరికీ సిఫార్సు చేస్తాము.
### 📋 మీ పరిసరాలను ఏర్పాటు చేయడం
### 📋 మీ పరిసరాలను సెటప్ చేసుకోవడం
ఈ పాఠ్యక్రమానికి అభివృద్ధి పరిసరాలు సిద్ధంగా ఉన్నాయి! మీరు ప్రారంభించేటప్పుడు, మీరు [Codespace](https://github.com/features/codespaces/) లో (బ్రౌజర్ ఆధారిత, ఇన్‌స్టాల్ అవసరం లేని పరిసర) లేదా మీ కంప్యూటర్లో [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) వంటి టెక్స్ట్ ఎడిటర్ ఉపయోగించి నేరుగా పాఠ్యక్రమాన్ని నడపవచ్చు.
ఈ పాఠ్యక్రమంతో ఒక అభివృద్ధి పరిసరము సిద్ధంగా ఉంది! మీరు మొదలుపెట్టిన సమయంలో, మీరు కోర్సును [Codespace](https://github.com/features/codespaces/) లో (బ్రౌజర్ ఆధారిత, ఇన్‌స్టాల్ అవసరం లేని పరిసరము), లేదా మీ కంప్యూటర్ పై స్థానికంగా [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లాంటి టెక్స్ట్ ఎడిటర్ ద్వారా నడుపుకోవచ్చు.
#### మీ రిపోజిటరీని సృష్టించండి
మీ పని సులభంగా సేవ్ చేయడానికి, మీ స్వంత కాపీని సృష్టించడం సిఫార్సు చేయబడింది. పేజీ పై భాగంలో "Use this template" బటన్‌ను క్లిక్ చేయండి. ఇది మీ GitHub ఖాతాలో ఈ పాఠ్యక్రమ పోతిన ఒక కొత్త రిపోజిటరీని సృష్టిస్తుంది.
#### మీ రిపోజిటరీ సృష్టించండి
మీ పని సులభంగా సేవ్ చేసుకునేందుకు, ఈ రిపోజిటరీ యొక్క మీ స్వంత కాపీని సృష్టించడం సిఫార్సు చేయబడింది. దీన్ని, పేజీ టాప్‌లో ఉన్న **Use this template** బటన్ క్లిక్ చేయడం ద్వారా చేయవచ్చు. ఇది మీ GitHub ఖాతాలో కొత్త రిపోజిటరీని సృష్టిస్తుంది, ఇందులో పాఠ్యక్రమం కాపీ ఉంటుంది.
దశలును అనుసరించండి:
1. **రిపోజిటరీని ఫోర్క్ చేయండి**: ఈ పేజీ యొక్క పై-కుడి మూలలో "Fork" బటన్‌ను క్లిక్ చేయండి.
2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
క్రింది స్టెప్స్ పాటించండి:
1. **రిపోజిటరీని Fork చేయండి**: ఈ పేజీ టాప్-రైట్ మూలలో ఉన్న "Fork" బటన్ క్లిక్ చేయండి.
2. **రిపోజిటరీని Clone చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
#### Codespace లో పాఠ్య క్రమం నడపడం
#### Codespace లో పాఠ్యక్రమం నడపడం
మీ సృష్టించిన రిపోజిటరీ కాపీలో, **Code** బటన్ క్లిక్ చేసి **Open with Codespaces** ఎంచుకోండి. ఇది మీ పని కోసం కొత్త Codespace ని సృష్టిస్తుంది.
మీ సృష్టించిన రిపోజిటరీ కాపీ లో, **Code** బటన్ క్లిక్ చేసి **Open with Codespaces** ఎంచుకోండి. ఇది మీరు పని చేయడానికి కొత్త Codespace సృష్టిస్తుంది.
![Codespace](../../translated_images/te/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) ని ఎడిటర్ గా ఉపయోగించడం, ఇది బిల్ట్-ఇన్ [టెర్మినల్](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ను కాపీచేయడం ద్వారా చేయవచ్చు:
మా సిఫార్సు [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 ని కాపీ చేయడం ద్వారా చేయవచ్చు:
[CodeSpace](./images/createcodespace.png)
తరవాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)ని తెరిచి, మీరు కాపీ చేసిన URLను `<your-repository-url>` గా బదిలీచేసి క్రింది కమాండ్‌ను నడపండి:
తరవాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ను తెరచి, మీరు కాపీ చేసిన URLతో `<your-repository-url>` ను మ replacesి కింద ఇచ్చిన కమాండ్ రన్ చేయండి:
```bash
git clone <your-repository-url>
```
2. Visual Studio Codeలో ఫోల్డర్‌ను తెరవండి. మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంపిక చేసుకోవడానికి **File** > **Open Folder** పై క్లిక్ చేయండి.
2. Visual Studio Code లో ఫోల్డరును తెరవండి. మీరు దీన్ని **File** > **Open Folder** క్లిక్ చేసి మీరు క్లోన్ చేసిన ఫోల్డరును ఎన్నుకోవడం ద్వారా చేయవచ్చు.
> సూచించబడిన Visual Studio Code విస్తరణలు:
> సిఫార్సు చేసబడిన Visual Studio Code పొడిగింపులు:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeలో HTML పేజీలను ప్రివ్యూకు
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్‌ను మరింత వేగంగా రాయడంలో సహాయం
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ రాయడంలో వేగవంతం చేయడానికి
## 📂 ప్రతి పాఠంలో ఉంటుంది:
## 📂 ప్రతి పాఠంలో ఉన్నాయి:
- ఐచ్ఛిక స్కెచ్‌నోట్
- ఐచ్ఛిక అనుబంధ వీడియో
- పాఠానికి ముందు వేడి పరించుకొనే క్విజ్
- వ్రాసిన పాఠం
- ప్రాజెక్ట్-ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్‌ని నిర్మించడానికి స్టెప్-బై-స్టెప్ మార్గదర్శకాలు
- విజ్ఞాన పరీక్షలు
- ఐచ్ఛిక స్కెచ్ నోటు
- ఐచ్ఛిక సప్లిమెంటల్ వీడియో
- పాఠ ముందు వార్మప్ క్విజ్
- రాసిన పాఠం
- ప్రాజెక్ట్ ఆధారిత పాఠాల్లో, ప్రాజెక్ట్ ని నిర్మించడానికి దశల వారీ మార్గదర్శకాలు
- జ్ఞాన పరీక్షలు
- ఒక సవాలు
- అనుబంధ చదువు
- కఠినతరమైన [పోస్ట్-పాఠం క్విజ్](https://ff-quizzes.netlify.app/web/)
- సప్లిమెంటల్ పఠనం
- అసైన్‌మెంట్
- [పాఠం తర్వాత క్విజ్](https://ff-quizzes.netlify.app/web/)
> **క్విజ్ గురించి ఒక గమనిక**: అన్ని క్విజ్‌లు Quiz-app ఫোল్డర్ లో ఉంటాయి, 48 మొత్తం క్విజ్‌లు ఒక్కో మూడు ప్రశ్నలతో కూడాయి. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉంటాయి. క్విజ్ అప్లికేషన్‌ను స్థానికంగా నడిపించవచ్చు లేదా Azureకు పంపించవచ్చు; `quiz-app` ఫోల్డర్‌లో ఉన్న సూచనలను అనుసరించండి.
> **క్విజ్ల గురించి ఒక గమనిక**: అన్ని క్విజ్లు Quiz-app ఫోల్డర్ లో ఉన్నాయి, 48 మొత్తం క్విజ్లు, ప్రతి ఒక్కటి మూడు ప్రశ్నలతో. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉన్నాయి; క్విజ్ యాప్ స్థానికంగా రన్ చేయవచ్చు లేదా Azure కు పంపవచ్చు; `quiz-app` ఫోల్డరులో సూచనలనే అనుసరించండి.
## 🗃️ పాఠాలు
| | ప్రాజెక్ట్ పేరు | బోధించే భావాలు | నేర్చుకునే విషయాలు | లింక్ చేసిన పాఠం | రచయిత |
| | ప్రాజెక్ట్ పేరు | నేర్పే భావనలకు సంబంధించినవి | అభ్యసన లక్ష్యాలు | లింక్ చేసిన పాఠం | రచయిత |
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ప్రారంభం అవుతున్నది | ప్రోగ్రామింగ్ పరిచయం మరియు ఉపకరణాలు | ఎక్కువ భాగం ప్రోగ్రామింగ్ భాషల ఆధారాలు మరియు ప్రొఫెషనల్ డెవలపర్లు తమ పనులు చేయడానికి సహాయకంగా ఉండే సాఫ్ట్‌వేర్ గురించి తెలుసుకోండి | [ప్రోగ్రామింగ్ భాషలకు మరియు ఉపకరణాలకు పరిచయం](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ప్రారంభం అవుతున్నది | GitHub యొక్క ప్రాధమికాలు, టీంతో సహకారం | మీ ప్రాజెక్టులో GitHubని ఎలా ఉపయోగించాలో, కోడ్ బేస్‌పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోవడం | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ప్రారంభం అవుతున్నది | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలను తెలుసుకోవడం | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాల | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్స్ | ప్రోగ్రాం లాజిక్ ఫ్లో నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine మరియు Christopher |
| 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | మీ కోడులో షరతులను ఎలా సృష్టించాలో నిర్ణయాలు తీసుకునే పద్ధతులు ఉపయోగించి తెలుసుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ప్రాథమికాలు | అర్రాలు మరియు లూపులు | JavaScriptలో అర్రాలు మరియు లూపులతో డేటాతో పని చేయడం | [అర్రాలు మరియు లూపులు](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ఆచరణలో | ఆన్‌లైన్ టెర్రేరియం సృష్టించడానికి HTMLని నిర్మించడం, లేఅవుట్‌ నిర్మాణంపై దృష్టి పెట్టడం | [HTMLకి పరిచయం](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ఆచరణలో | ఆన్‌లైన్ టెర్రేరియం స్టైల్ చేయడానికి CSS నిర్మించడం, CSS ప్రాథమికాలు మరియు పేజీని రిస్పాన్స్‌వ్‌గా చేసుకోవడం | [CSSకి పరిచయం](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | డ్రాగ్/డ్రాప్ ఇంటర్‌ఫేస్‌గా టెర్రేరియం పనిచేసేలా JavaScript నిర్మించడం, క్లోజర్‌లు మరియు DOM మానిప్యులేషన్‌పై దృష్టి పెట్టడం | [JavaScript క్లోజర్స్, DOM మానిప్యులేషన్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ నిర్మించడం | కీబోర్డ్ ఈవెంట్లను ఉపయోగించి మీ JavaScript యాప్లో లాజిక్‌ను నడిపించడం | [ఈవెంట్-డ్రివెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్‌లతో పని చేయడం | బ్రౌజర్‌లు ఎలా పనిచేస్తాయో, వాటి చరిత్ర మరియు బ్రౌజర్ ఎక్స్టెన్షన్ మొదటి ఆవృతాలను ఎలా స్కాఫోల్డ్ చేయాలో తెలుసుకోవడం | [బ్రౌజర్ల గురించి](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫామ్ నిర్మించడం, API కాలింగ్ మరియు స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేసి APIకి కాల్ చేయడానికి మీ బ్రౌజర్ ఎక్స్టెన్షన్ యొక్క JavaScript మూలకాలను నిర్మించడం | [APIs, ఫారమ్లు మరియు స్థానిక నిల్వ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్‌లో బ్యాక్‌గ్రౌండ్ ప్రాసెస్లు, వెబ్ పనితీరు | ఎక్స్టెన్షన్ ఐకాన్‌ను నిర్వహించడానికి బ్రౌజర్ యొక్క బ్యాక్‌గ్రౌండ్ ప్రాసెస్లు ఉపయోగించడం; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోవడం | [బ్యాక్‌గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScriptతో మరింత ఉన్నత స్థాయి గేమ్ డెవలప్‌మెంట్ | క్లాసులూ మరియు కంపోజిషన్‌ను ఉపయోగించి ఇన్హెరిటెన్స్ మరియు Pub/Sub నమూనా గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడంతో | [అధిక స్థాయి గేమ్ డెవలప్‌మెంట్ పరిచయం](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | కేన్వాస్ ఆ పైకి డ్రాయింగ్ | స్క్రీన్‌పై మూలకాలను గీయడానికి ఉపయోగించే Canvas API గురించి తెలుసుకోండి | [కేన్వాస్‌కు డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ మూలకాలను కదిలించడం | కార్టెసియన్ కోఆర్డినేట్లు మరియు Canvas API ఉపయోగించి మూలకాలు ఎలా కదులుతున్నాయో తెలుసుకోండి | [మూలకాలు కదిలించడం](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ఢీకొట్టే గుర్తింపు | కీలను ఉపయోగించి మూలకాలు ఎలా ఢీకొంటున్నాయో మరియు పరస్పరం చర్యలు తీసుకుంటాయో గేమ్ పనితీరు కాపాడడానికి కూల్డౌన్ ఫంక్షన్‌ను ఎలా ఇవ్వాలో చేయడం | [ఢీకొట్టే గుర్తింపు](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోరు గమనించడం | గేమ్ పరిస్థితి మరియు పనితీపై ఆధారంగా గణనలు నిర్వహించడం | [స్కోరు గమనించడం](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు మళ్లీ ప్రారంభించడం | గేమ్ ముగింపు మరియు మళ్లీ ప్రారంభించడంపై తెలుసుకోండి, ఆస్తులను క్లీనప్ చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం | [ముగింపు షరతు](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్‌లో HTML టెంప్లేట్లు మరియు రూట్లు | బహుముఖ పేజీల వెబ్ సైట్ నిర్మాణానికి స్కాఫోల్డ్ తయారు చేయడం రూటింగ్ మరియు HTML టెంప్లేట్ల ద్వారా | [HTML టెంప్లేట్లు మరియు రూట్లు](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారమ్ నిర్మించడం | ఫారమ్లు నిర్మించడం మరియు ధృవీకరణ రుతీన్ల నిర్వహణపై తెలుసుకోండి | [ఫారములు](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటా పొందుట మరియు ఉపయోగించుట యొక్క విధానాలు | మీ యాప్‌లో డేటా ఎలా ప్రవహిస్తున్నదీ, దాన్ని ఎలా పొందాలి, నిల్వ చేయాలి మరియు తొలగించాలి తెలుసుకోండి | [డేటా](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్‌మెంట్ భావనలు | మీ యాప్ స్టేట్‌ను ఎలా నిలుపుకుంటుంది మరియు దాన్ని ప్రోగ్రామాటిక్‌గా ఎలా నిర్వహించాలో తెలుసుకోండి | [స్టేట్ మేనేజ్‌మెంట్](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeతో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా నేర్చుకోవాలి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AIతో పని చేయడం | మీ సొంత AI అసిస్టెంట్‌ను ఎలా నిర్మించాలో నేర్చుకోండి | [AI అసిస్టెంట్ ప్రాజెక్ట్](./9-chat-project/README.md) | Chris |
| 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 డేటా రకాలు | 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 | ఎర్రేస్ మరియు లూప్స్ | JavaScript లో డేటాతో పని చేయడానికి ఎర్రేస్ మరియు లూప్స్ ఉపయోగించండి | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ఆచరణలో | ఒక ఆన్‌లైన్ తెర్రేరియం సృష్టించేందుకూ HTML ను నిర్మించండి, లేఅవుట్ నిర్మాణంపై దృష్టి కేంద్రీకరించండి | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ఆచరణలో | ఆన్‌లైన్ తెర్రేరియానికి శైలి ఇవ్వడానికి CSS సృష్టించండి, ప్రతిస్పందించే పేజీ చేయటం సహా CSS ప్రాథమికాలు నేర్చుకోండి | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | తెర్రేరియాన్ని డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్‌గా పనిచేయించేలా JavaScript సృష్టించండి, క్లోజర్స్ మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టండి | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ సృష్టించడం | కీబోర్డ్ ఈవెంట్లను ఉపయోగించి మీ JavaScript యాప్ యొక్క లాజిక్ ని ఎలా నడిపించాలో నేర్చుకోండి | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లు ఎలా పనిచేస్తాయి | బ్రౌజర్లు ఎలా పని చేస్తాయి, వాటి చరిత్ర, మరియు బ్రౌజర్ ఎక్స్‌టెన్షన్ యొక్క మొదటి అంశాలను ఎలా సృష్టించాలో నేర్చుకోండి | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫారం సృష్టించడం, API ను కాల్ చేయడం మరియు స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేయడం | API ని కాల్ చేయడానికి బ్రౌజర్ ఎక్స్‌టెన్షన్ యొక్క JavaScript అంశాలను నిర్మించండి, స్థానిక నిల్వలో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్ బ్యాక్‌గ్రౌండ్ ప్రాసెస్లు, వెబ్ పనితీరు | ఎక్స్‌టెన్షన్ యొక్క చిహ్నాన్ని నిర్వహించడానికి బ్రౌజర్ బ్యాక్‌గ్రౌండ్ ప్రాసెస్‌లను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript తో మరింత అధునాతన గేమ్ అభివృద్ధి | క్లాసులు మరియు కంపోజిషన్ ఉపయోగించి వారసత్వం, మరియు Pub/Sub నమూనా గురించి నేర్చుకోండి, గేమ్ ప్రాజెక్ట్ కోసం సిద్ధం అవ్వండి | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | కాన్వాస్‌కు డ్రాయింగ్ | స్క్రీన్‌పై అంగుళాలను చిత్రించడానికి ఉపయోగించే కాన్వాస్ API గురించి నేర్చుకోండి | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్‌లో అంగుళాల చలనం | కార్టీసియన్ కోఆర్డినేట్లు మరియు కాన్వాస్ API ఉపయోగించి అంగుళాలకు చలనం ఎలా వస్తుందో తెలుసుకోండి | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ఘర్షణ గుర్తింపు | కీప్రెస్సులను ఉపయోగించి అంగుళాలు ఒకదానితో ఒకటి టकरించడం మరియు స్పందించడం చేయండి; గేమ్ పనితీరు కోసం కోల్డౌన్ ఫంక్షన్ ఇవ్వండి | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోర్ నిర్వహణ | గేమ్ స్థితి మరియు పనితీరుపై ఆధారంగా గణిత గణనలను చేయండి | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు పునఃప్రారంభం | గేమ్ ముగింపులు మరియు పునఃప్రారంభం, అసెట్స్ క్లీనప్ చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం గురించి నేర్చుకోండి | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్‌లో HTML టెంప్లేట్లు మరియు మార్గాలు | మార్గదర్శకాలు మరియు HTML టెంప్లేట్లను ఉపయోగించి బహుళ పేజీల వెబ్‌సైట్ నిర్మాణాన్ని సృష్టించడం నేర్చుకోండి | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫార నిర్మించడం | ఫారాలు రూపొందించడం మరియు ధృవీకరణ రొటీన్‌ల నిర్వహణ గురించి నేర్చుకోండి | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటా తీసుకోవడం మరియు ఉపయోగించే పద్ధతులు | డేటా ఎలా మీ యాప్ లో ప్రవేశించి, నిల్వ చేయబడుతుందో మరియు తొలగించబడుతుందో తెలుసుకోండి | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ భావన | మీ యాప్ ఎలా స్టేట్ ని నిర్వహిస్తుందో, ప్రోగ్రామ్ ద్వారా దాన్ని ఎలా నియంత్రించాలో నేర్చుకోండి | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం నేర్చుకోండి| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI అసిస్టెంట్ ని ఎలా నిర్మించాలో నేర్చుకోండి | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 విధాన శాస్త్రం
## 🏫 విద్యాశాస్త్రం
మా పాఠ్యक्रमం రెండు ముఖ్యమైన విద్యా సూత్రాలతో రూపొందించబడింది:
* ప్రాజెక్ట్-ఆధారిత అధ్యయనం
* తరచూ క్విజ్‌లు
మా విద్యాదర్శనం రెండు ముఖ్యమైన విద్యాశాస్త్ర సిద్ధాంతాలతో రూపొందించబడింది:
* ప్రాజెక్ట్ ఆధారిత అధ్యయనం
* తరచైన క్విజ్లు
ప్రోగ్రామ్ JavaScript, HTML మరియు CSS యొక్క ప్రాథమికాలను, అలాగే నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ టెర్రేరియం, పర్యావరణహిత బ్రౌజర్ ఎక్స్టెన్షన్, స్పేస్-ఇన్వేడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ వంటి అనుభవాలు అభివృద్ధి చేసుకునే అవకాశం ఉంటుందని ఉంటుంది. సిరీస్ చివరికి, విద్యార్థులు వెబ్ డెవలప్‌మెంట్‌పై గట్టైన అవగాహన పొందుతారు.
ఈ ప్రోగ్రామ్ JavaScript, HTML, CSS యొక్క ప్రాథమికాలు మరియు నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను నేర్పుతుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ తెర్రేరియం, పర్యావరణ అనుకూల బ్రౌజర్ ఎక్స్‌టెన్షన్, స్పేస్-ఇన్‌ వాడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ తయారుచేసేందుకు అనుభవాన్ని పొందడానికి అవకాశం కలుగుతుంది. సిరీస్ ముగింపులో, విద్యార్థులు వెబ్ అభివృద్ధిపై బలమైన అవగాహన పొందుతారు.
> 🎓 మీరు ఈ పాఠ్యక్రమంలో మొదటి కొన్ని పాఠాలను Microsoft Learnలోని [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)గా తీసుకోవచ్చు!
> 🎓 మీరు ఈ పాఠ్యక్రమంలో మొదటి కొన్ని పాఠాలను Microsoft Learn లో [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) గా అందుబాటులో ఉన్నాయి!
విషయాలు ప్రాజెక్టులకు సరిపోలేలా ఉండటంతో, విద్యార్థులకు మరింత ఆసక్తికరం అయ్యి, భావాల నిలుపుదల మెరుగుపడుతుంది. మేము JavaScript ప్రాథమికాల్లో కొంత ప్రారంభ పాఠాలు కూడా రాశాము మరియు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ నుండి ఒక వీడియోతో జతచేసాము, ఆ కొంత రచయితలు ఈ పాఠ్యక్రమానికి తోడ్పడారు.
ప్రాజెక్ట్ లతో విద్యా విషయాలు అనుసరిస్తే, విద్యార్థులందరికీ ప్రాసెస్ మరింత ఆసక్తికరంగా మారుతుంది మరియు భావనలు మరింత కాలం నిలిచి ఉంటాయి. మేము JavaScript ప్రాథమికాలను పరిచయం చేయడానికి కొన్ని ప్రారంభ పాఠాలు కూడా వ్రాశాము, వీటితోపాటు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ సేకరణలోని వీడియోలు జత చేసాము, ఇందులో కొన్ని రచయితలు ఈ పాఠ్యక్రమానికి సహాయం చేశారు.
అదేవిధంగా, తరగతికి ముందు ఒక తక్కువ-మప్కు క్విజ్ విద్యార్థి అభ్యాసం మీద దృష్టి పెట్టేలా మార్గదర్శనం చేస్తుంది, తరగతి తర్వాత రెండవ క్విజ్ భావాల నిలుపుదలని పెంచుతుంది. ఈ పాఠ్యక్రమం సౌకర్యవంతంగా మరియు హస్యం కలిగించాలనే ఉద్దేశంతో రూపొందించబడింది మరియు మొత్తం లేదా భాగంగా తీసుకోవచ్చు. ప్రాజెక్టులు చిన్నవిగా మొదలుకొని 12 వారాల చక్రం చివరికి క్రమంగా క్లిష్టమవతాయి.
క్లాస్ ప్రారంభంలో తక్కువ-పెట్టుబడి క్విజ్ ద్వారా విద్యార్థి ఆ విషయం నేర్చుకోవాలనుకునే ఉద్దేశ్యాన్ని సెట్ చేస్తారు, తరగతి అనంతరం మరొక క్విజ్ మరింత శ్రేణి నిలిపే సహాయపడుతుంది. ఈ పాఠ్యక్రమం అనువైనదిగా, సరదాగా ఉండేలా రూపొందించబడింది మరియు మొత్తంగా లేదా కొంత భాగంగా చేపట్టవచ్చు. ప్రాజెక్ట్లు చిన్నవి మరియు 12 వారాల చక్రం చివరికి సుదీర్ఘంగా కష్టతరంగా మారతాయి.
మేము జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్‌లను ఉద్దేశపూర్వకంగా పరిచయం చేయకుండా ఉంచాము, ఒక వెబ్ డెవలపర్‌గా అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడానికి ఫ్రేమ్‌వర్క్‌ను అనుసరించే ముందు; ఈ పాఠ్యక్రమాన్ని పూర్తి చేయడానికి బాగా ఉన్నతమైన తదుపరి దశగా, ఇంకొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా Node.jsని నేర్చుకోవడం ఉంటుంది.
మేము ఉద్దేశపూర్వకంగా JavaScript ఫ్రేమ్‌వర్క్‌లను పరిచయం చేయకుండా వదిలివేస్తూ, ఒక ఫ్రేమ్‌వర్క్ అవలంబించే ముందు ఒక వెబ్ డెవలపర్ కావాల్సిన బేసిక్ నైపుణ్యాలపై దృష్టి పెట్టాము, దీని తర్వాతి మంచి దశ Node.js గురించి తెలుసుకోవడం, మరో వీడియో సిరీస్ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా.
> మాకు [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు ఉన్నాయి. మీ నిర్మాణాత్మక అభిప్రాయాన్ని మేము స్వాగతిస్తున్నాము!
> మా [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు చూడండి. మీ నిర్మాణాత్మక అభిప్రాయాను స్వాగతిస్తాము!
## 🧭 ఆఫ్‌లైన్ ಪ್ರವೇಶం
## 🧭 ఆఫ్లైన్ యాక్సెస్
[Docsify](https://docsify.js.org/#/) ఉపయోగించి మీరు ఈ డాక్యుమెంటేషన్‌ను ఆఫ్‌లైన్‌లో నడపవచ్చు. ఈ రెపోను ఫోర్క్ చేసుకోండి, మీ స్థానిక मशीनలో [Docsifyని ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేయండి, తదుపరి ఈ రెపో యొక్క రూట్ ఫోల్డర్‌లో `docsify serve` టైప్ చేయండి. వెబ్‌సైట్ 3000 పోర్ట్‌పై మీ లోకల్ హోస్ట్‌లో అందుబాటులో ఉంటుంది: `localhost:3000`.
మీరు ఈ డాక్యుమెంటేషన్ ను ఆఫ్లైన్ లో [Docsify](https://docsify.js.org/#/) ఉపయోగించి నడిపించవచ్చు. ఈ రిపోజిటరీని ఫోర్క్ చేసి, మీ స్థానిక పరికరంలో [Docsify ను ఇన్‍స్టాల్](https://docsify.js.org/#/quickstart) చేసి, తరువాత ఈ రిపోజిటరీ యొక్క రూట్ ఫోల్డరులో `docsify serve` టైపు చెయ్యండి. వెబ్సైట్ మీ లోకల్హోస్టు: 3000 పోర్ట్ లో సర్వ్ అవుతుంది: `localhost:3000`.
## 📘 PDF
పాఠాలన్నింటి PDFను [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) పొందొచ్చు.
అన్ని పాఠాల యొక్క PDF ను [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) చూసుకోవచ్చు.
## 🎒 ఇతర కోర్సులు
ా బృందం ఇతర కోర్సులు కూడా తయారుచేస్తోంది! చూడండి:
న టీమ్ ఇతర కోర్సులకు సంబంధించినవి కూడా తయారు చేస్తుంది! వాటిని చూడండి:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -229,7 +215,7 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల
---
### Generative AI శ్రేణి
### Generative AI సిరీస్
[![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -248,7 +234,7 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల
---
### కోపిలట్ శ్రేణి
### కాపైలట్ సిరీస్
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
@ -256,21 +242,21 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల
## సహాయం పొందడం
మీరు అడ్డుకట్ట పడితే లేదా 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 -->

@ -1,58 +1,79 @@
# [పాఠం విషయం]
# పాఠం విషయం
![ఇక్కడ వీడియో ఎంబెడ్ చేయండి](../../../lesson-template/video-url)
## 🎥 వీడియో
## [పాఠం ముందు క్విజ్](../../../lesson-template/quiz-url)
> ఇక్కడ ఒక ఎంబెడెడ్ వీడియో లేదా పాఠం లింక్ జోడించండి.
[మేము ఏమి నేర్చుకునామో వివరించండి]
---
## పాఠం ముందటి ప్రశ్నోత్తరము
> అందుబాటులో ఉన్నప్పుడు ఇక్కడ ఒక ప్రశ్నోత్తర లింక్ జోడించండి.
---
ఈ పాఠంలో విద్యార్థులు నేర్చుకునే విషయముల దారితీసే సంక్షిప్త అవలోకనం ఇవ్వండి.
---
### పరిచయం
ఏమి కవర్ అవుతుందో వివరించండి
ఈ పాఠంలో ఏమి చర్చించబడబోతుందో వివరిస్తూ చిన్న పరిచయాన్ని ఇవ్వండి.
> గమనికలు
### ముందు అవసరం
---
### ముందస్తు జ్ఞానం
ఈ పాఠానికి ముందు ఏ దశలను చేపట్టాలి?
ఈ పాఠాన్ని ప్రారంభించే ముందు విద్యార్థులు తెలుసుకుని ఉండవలసిన సిద్దాంతాలు లేదా విషయాల జాబితా ఇవ్వండి.
---
### సిద్ధం
### సిద్ధమయ్యేదుకు
ఈ పాఠాన్ని ప్రారంభించడానికి సిద్ధం చర్యలు
పాఠం మొదలుపెట్టేముందు అవసరమైన ఏర్పాట్లు లేదా ఉపకరణాల జాబితా ఇవ్వండి.
---
[అంశాలను బ్లాక్‌లుగా దశలవారీగా మంచి]
### విషయము
పాఠం విషయాన్ని నిర్మితమైన భాగాలుగా ముందుకు తీసుకువెళ్లండి.
---
## [విషయం 1]
## విషయం 1
### పని:
### పనులు:
మీ కోడ్‌బేస్‌ను పాఠాన్ని పంచుకున్న కోడ్‌తో కలిపి ప్రాజెక్ట్‌ను నిర్మించేందుకు కలిసి పనిచేయండి:
మీ కోడ్ బేస్‌ను క్రమంగా మెరుగుపరచి, పంచుకున్న కోడ్‌తో ప్రాజెక్ట్‌ను నిర్మించడం కోసం కలిసి పని చేయండి:
```html
code blocks
```
✅ జ్ఞాన పరీక్ష - ఓపెన్ ప్రశ్నలతో విద్యార్థుల జ్ఞానాన్ని పరీక్షించడానికి ఈ సమయాన్ని ఉపయోగించండి
✅ జ్ఞాన పరీక్ష
పాఠ్యాంశం ప్రకృతి బట్టి విద్యార్థుల జ్ఞానాన్ని తెగువచోట్లు ఉన్న ప్రశ్నల ద్వారా పరీక్షించండి.
## [విషయం 2]
## విషయం 2
## విషయం 3
## [విషయం 3]
🚀 సవాలు
విద్యార్థులకు ప్రాజెక్టును మెరుగుపరచడానికి సహకార సవాలు జోడించండి.
🚀 సవాలు: తరగతిలో విద్యార్థులతో కలిసి పనిచేస్తూ ప్రాజెక్ట్‌ను మెరుగుపర్చేందుకు ఒక సవాలును జత చేయండి
ఐచ్ఛికం: పూర్తయిన పాఠం UI యొక్క స్క్రీన్‌షాట్ అవసరమైతే జోడించండి.
ఐచ్ఛికం: పూర్తి అయిన పాఠం UI యొక్క స్క్రీన్‌షాట్ అవసరమైతే జత చేయండి
## పాఠం తర్వాత ప్రశ్నోత్తరము
## [పాఠం తర్వాత క్విజ్](../../../lesson-template/quiz-url)
పాఠం పూర్తయిన తర్వాత ఇక్కడ ప్రశ్నోత్తర లింక్ జోడించండి.
## సమీక్ష & స్వీయ అధ్యయనం
**అస్సైన్‌మెంట్ సమయం [MM/YY]**: [అస్సైన్‌మెంట్ పేరు](assignment.md)
**అసైన్‌మెంట్ సమర్పణ తేదీ [MM/YY]**: [సైన్‌మెంట్ పేరు](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**డిస్క్లైమర్**:
ఈ పత్రాన్ని 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 -->
Loading…
Cancel
Save