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

pull/1756/head
localizeflow[bot] 6 months ago
parent bdcde29239
commit c86ae1dab9

@ -1,7 +1,7 @@
{ {
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e", "original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2026-01-08T20:15:54+00:00", "translation_date": "2026-03-06T14:20:58+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "kn" "language_code": "kn"
}, },
@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-01-08T10:32:31+00:00", "translation_date": "2026-03-06T14:25:52+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "kn" "language_code": "kn"
}, },
@ -516,11 +516,17 @@
"language_code": "kn" "language_code": "kn"
}, },
"README.md": { "README.md": {
"original_hash": "490c83786552d7fab6390991517bef09", "original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-01-29T19:46:02+00:00", "translation_date": "2026-03-06T14:11:30+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "kn" "language_code": "kn"
}, },
"Roadmap.md": {
"original_hash": "28bf6185fd7f27b62ddc210514366192",
"translation_date": "2026-03-06T14:21:36+00:00",
"source_file": "Roadmap.md",
"language_code": "kn"
},
"SECURITY.md": { "SECURITY.md": {
"original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228",
"translation_date": "2026-01-08T10:35:45+00:00", "translation_date": "2026-01-08T10:35:45+00:00",

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

@ -2,7 +2,7 @@
[![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 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 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/) [![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) [![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 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 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/)
@ -10,206 +10,218 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ - ಒಂದು ಪಠ್ಯಕ್ರಮ # ಆರಂಭಿಕರಿಗಾಗಿ ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ - ಒಂದು ಪಠ್ಯಕ್ರಮ
Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮದಿಂದ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲೆಲ್ಲಾ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಸಿಎಸ್‌ಎಸ್ ಮತ್ತು 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) [![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) 1. **ೆಪೋಸ್‌ಟೋರಿ Fork ಮಾಡಿರಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **ಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **ೆಪೋಸ್‌ಟೋರಿ ಕ್ಲೋನ್ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಅನ್ಯ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4) 3. [**Azure AI Foundry Discord ನಲ್ಲಿ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಸಹ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ಬಹುಭಾಷಾ ಬೆಂಬಲ ### 🌐 ಬಹುಭಾಷಾ ಬೆಂಬಲ
#### GitHub ಕ್ರಿಯೆ ಮೂಲಕ ಬೆಂಬಲಿಸಲ್ಪಟ್ಟಿದೆ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾಕಾಲ ನವೀಕೃತ) #### GitHub Action ಮೂಲಕ ಬೆಂಬಲಿತ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾ تازه)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](./README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](./README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **ಸ್ಥಾನಿಕವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಇಚ್ಛಿಸುತ್ತೀರಾ?** > **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಬೇಕೆಂದು ಇಚ್ಚಿಸುತ್ತೀರಾ?**
>
> ಈ ರಿಪೊಸಿಟರಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಇದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ತುಂಬಾ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳನ್ನು ಇಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ: > ಈ ರೆಪೋಸ್‌ಟೋರಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದ್ದು, ಇದು ಡೌನ್‌ಲೋಡ್ ಗಾತ್ರವನ್ನು ಗಣನೀಯವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> ಇದರಿಂದ ಈ ಕೋರ್ಸ್ ಅನ್ನು ಸಂಪೂರ್ಣ ಮಾಡಲು ಬೇಕಾದ ಎಲ್ಲಾ ವಸ್ತುಗಳು ತುಂಬಾ ವೇಗವಾಗಿ ಲಭ್ಯವಾಗುತ್ತವೆ. >
> **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"
> ```
>
> ಇದರಿಂದ ನೀವು ಕೋರ್ಸ್‌ವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ವಸ್ತುಗಳನ್ನು Much ವೇಗವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END --> <!-- 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) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯಾದೀರಾ?_ #### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯರೆ?_
[**Student Hub ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಭೇಟಿಕೊಳ್ಲಿರಿ ಇಲ್ಲಿ ನೀವು ಪ್ರಾಥಮಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಹಾಗೂ ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೌಚರ್ ಪಡೆದುಕೊಳ್ಳಲು ಮಾರ್ಗಗಳನ್ನು ಕಾಣುತ್ತೀರಿ. ಈ ಪುಟವನ್ನು ನಿಮ್ಮ ಬುಕ್ಮಾರ್ಕ್ ಮಾಡಿಕೊಳ್ಳಿ ಮತ್ತು ತಿಂಗಳಿಗೆ ವಿಷಯ ಬದಲಾಗುತ್ತಿದ್ದಂತೆ ಪರಿಶೀಲಿಸಿ. [**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಗೆ ಭೇಟಿ ನೀಡಿ ಅಲ್ಲಿ ನೀವು ಆರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೋಚರ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಕಂಡುಹಿಡಿಯಬಹುದು. ಇದು ನೀವು ನೋಟ್ ಮಾಡಿಕೊಳ್ಳಬೇಕಾದ ಪುಟ ಮತ್ತು ನಾವು ತಿಂಗಳಿಗೊಮ್ಮೆ ವಿಷಯಗಳನ್ನು ಪರಿವರ್ತಿಸುವುದರಿಂದ ಇದನ್ನು ನಿಯಮಿತವಾಗಿ ಪರಿಶೀಲಿಸುವುದು ಉತ್ತಮ.
### 📣 ಘೋಷಣೆ - GitHub Copilot Agent ಮೋಡ್ ನ ಹೊಸ ನಾವುಗಳು ಪೂರ್ಣಗೊಳಿಸಲು! ### 📣 ಘೋಷಣೆ - ಹೊಸ GitHub Copilot ಏಜೆಂಟ್ ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿ!
ಹೊಸ ನಾವು ಸೇರಿಸಲಾಗಿದೆ, ಬಹುತೇಕ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹುಡುಕಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಬಳಸಿಕೊಂಡು ನೀವು ಪೂರ್ಣಗೊಳಿಸಬೇಕಾದ ಹೊಸ ನಾವು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿರದಿದ್ದರೆ ಇದು ಕೇವಲ ಪಠ್ಯ ವಿನ್ಯಾಸ ಮಾಡದೇ, ಕಡತಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಆಜ್ಞೆಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಲು ಸಾಮರ್ಥ್ಯವಿದೆ. ಹೊಸ ಸವಾಲಾಗಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ. ಇದು GitHub Copilot ಮತ್ತು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಪೂರೈಸಬೇಕಾದ ಹೊಸ ಸವಾಲಾಗಿದೆ. ನೀವು ಮೊದಲು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿರದಿದ್ದರೆ, ಇದು ಕೇವಲ ಪಠ್ಯವನ್ನು ತಯಾರಿಸುವಷ್ಟಷ್ಟೇ ಅಲ್ಲ; ಕಡತಗಳನ್ನು ರಚಿಸುವುದೂ, ಸಂಪಾದಿಸುವುದೂ, ಆಸ್ಥಿತ್ಬಂಧಾನದ ಆಜ್ಞೆಗಳನ್ನು ಅನ್ನು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು.
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ನಿರ್ಮಿಸಲು ಹೊಸ ಯೋಜನೆ_ ### 📣 ಘೋಷಣೆ - _Generative AI ಬಳಸಿ ನಿರ್ಮಿಸಲು ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್_
ಹೊಸ AI ಸಹಾಯಕ ಯೋಜನೆ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [ಯೋಜನೆ](./9-chat-project/README.md) ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸದ್ಯದಲ್ಲೇ ಸೇರಿಸಲಾಗಿದೆ, ಅದನ್ನು ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md)
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AIಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ ಬಿಡುಗಡೆಯಾಗಿದೆ ### 📣 ಘೋಷಣೆ - _JavaScript ಗಾಗಿ 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/kn/background.148a8d43afde5730.webp) ![Background](../../translated_images/kn/background.148a8d43afde5730.webp)
- ಮೂಲಗಳಿಂದ RAG ವರೆಗೆ ಎಲ್ಲವನ್ನೂ ಒಳಗೊಂಡ ಪಾಠಗಳು. - ಮೂಲಗಳಿಂದ RAG ವರೆಗೆ ಎಲ್ಲವನ್ನೂ ಒಳಗೊಂಡ ಪಾಠಗಳು.
- GenAI ಮತ್ತು ನಮ್ಮ ಸಂಗಾತಿ ಅಪ್ ಬಳಸಿ ಐತಿಹಾಸಿಕ ಪಾತ್ರಗಳೊಂದಿಗೆ ಸಂವಹನ ಮಾಡಿ. - ಐತಿಹಾಸಿಕ ವ್ಯಕ್ತಿಗಳೊಂದಿಗೆ GenAI ಮತ್ತು ನಮ್ಮ ಸಹಚರ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸಿ ಸಂವಾದಿಸಿ.
- ಮನರಂಜನೆ ಮತ್ತು ಆಕರ್ಷಕ ಕಥಾನಕ, ನೀವು ಕಾಲ ಯಾತ್ರೆ ಮಾಡುತ್ತಿದ್ದೀರಿ! - ಮನರಂಜನೆಯ ಕಥಾಸಾಗರ, ನೀವು ಕಾಲಪ್ರವಾಸ ಮಾಡುತ್ತಿದ್ದಾರೆ!
![પાત્ર](../../translated_images/kn/character.5c0dd8e067ffd693.webp) ![character](../../translated_images/kn/character.5c0dd8e067ffd693.webp)
ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಅನುಭವ, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ಸವಾಲು ಒಳಗೊಂಡಿದೆ, ಮತ್ತು ಕೆಳಗಿನ ವಿಷಯಗಳನ್ನು ಕಲಿಯಲು ಮಾರ್ಗದರ್ಶನ ಮಾಡುತ್ತದೆ:
- ಪ್ರಾಂಪ್ಟಿಂಗ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ತಯಾರಿಕೆ
- ಶೋಧ ಅಪ್ಲಿಕೇಶನ್ಗಳು
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಒಂದು ಕಾರ್ಯ, ಜ್ಞಾನ ಪರೀಕ್ಷೆ ಮತ್ತು ಸವಾಲು ಇದೆ,ದಲ್ಲಿ ಕಲಿಯುವ ವಿಷಯಗಳು:
- ಪ್ರಾಂಪ್ಟ್‌ಗಾಗಿ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ತಯಾರಿ
- ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ಗಳು
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course)
## 🌱 ಪ್ರಾರಂಭಿಸುವುದು ## 🌱 ಪ್ರಾರಂಭಿಸುವುದು
> **ಆಚಾರಕರು**, ನಾವು ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಬಳಸುವ ಕುರಿತು ಕೆಲವು ಸಲಹೆಗಳನ್ನು [ಸೇರಿಸಿದ್ದೇವೆ](for-teachers.md). ನಿಮ್ಮ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು [ನಮ್ಮ ಚರ್ಚೆ ವೇದಿಕೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ನಲ್ಲಿ ಆವश्यकತೆ ಇರುತ್ತದೆ! > **ಶಿಕ್ಷಕರಿಗೆ**, ನಿಮ್ಮ ಅಭಿಪ್ರಾಯ ನೀಡಲು ನಾವು ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸಬೇಕು ಎಂಬುದರ ಬಗ್ಗೆ ಕೆಲವು ಸಲಹೆಗಳನ್ನು [ಇಲ್ಲಿ](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) ಮಾದರಿ ಟೈಪಿಂಗ್ ಸಂಪಾದಕ ಬಳಸಿ ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದು.
#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ #### ನಿಮ್ಮ ರೆಪೋಸ್‌ಟೋರಿಯನ್ನು ರಚಿಸಿ
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯು ನಿಮ್ಮ ಸ್ವಂತ ನಕಲನ್ನು ನಿರ್ಮಿಸುವುದನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮದ ನಕಲಿನೊಂದಿಗೆ ಹೊಸ ರಿಪೊಸಿಟರಿ ಸೃಷ್ಟಿಸಲು ಪುಟದ ಮೇಲ್ಭಾಗದ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ನಿಮ್ಮ ಕಾರ್ಯವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರೆಪೋಸ್‌ಟೋರಿಯ ನಿಮ್ಮ ಸ್ವಂತ ಪ್ರತಿಯನ್ನು ಸೃಷ್ಟಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಇದಕ್ಕಾಗಿ ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಇರುವ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಇದು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮದ ಪ್ರತಿಯನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರೆಪೋಸ್‌ಟೋರಿಯನ್ನು ರಚಿಸುತ್ತದೆ.
ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: ಕ್ರಿಯೆಗಳು:
1. **ಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ದಡಿಯಲ್ಲಿ ಇರುವ "Fork" ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ. 1. **ೆಪೋಸ್‌ಟೋರಿಯನ್ನು Fork ಮಾಡಿರಿ**: ಈ ಪುಟದ ಮೇಲೆ-ಬಲ ಭಾಗದಲ್ಲಿನ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
2. **ಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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/kn/createcodespace.0238bbf4d7a8d955.webp) ![Codespace](../../translated_images/kn/createcodespace.0238bbf4d7a8d955.webp)
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಲಾಯಿಸುವುದು #### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮ ಕಾರ್ಯಗತಗೊಳಿಸುವುದು
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಚಲಾಯಿಸಲು, ನಿಮಗೆ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಬೇಕಾಗುತ್ತದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು](../../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) ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು. ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ನೀವು ಒಂದು ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಆಜ್ಞಾಪಂಕ್ತಿ ಉಪಕರಣ ಬೇಕು. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ಈ ಉಪಕರಣಗಳ ಯಶಸ್ವಿಯಾದ ಆಯ್ಕೆಗಳ ಬಗ್ಗೆ ನಿಮಗೆ ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತದೆ.
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) [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 ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಆಗು ತೆಗೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು. 2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು: > ಶಿಫಾರಸು ಮಾಡಿದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳ ಪೂರ್ವದರ್ಶನಕ್ಕೆ > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದರ್ಶನ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರ್ಪಡೆಯಾಗಿರುವುದು: ## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠವು ಒಳಗೊಂಡಿದೆ:
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್ - ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ ನೋಟ್
- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೋ - ಐಚ್ಛಿಕ ಸಂಯೋಜಿತ ವೀಡಿಯೊ
- ಪಾಠದ ಮುಂಚಿತ ಉರಿವೀಕ್ಷಣಾತ್ಮಕ ಕ್ವಿಜ್ - ಪಾಠಕ್ಕೆ ಮುಂಚಿತ ತಯಾರಿ ಕ್ವಿಜ್
- ಬರೆಯಲ್ಪಟ್ಟ ಪಾಠ - ಬರೆ ಪಾಠ
- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗಾಗಿ, ಯೋಜನೆ ನಿರ್ಮಾಣದ ಕ್ರಮಬದ್ಧ ಮಾರ್ಗದರ್ಶಿಗಳು - ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣದ ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶನಗಳು
- ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು - ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು
- ಒಂದು ಸವಾಲು - ಒಂದು ಸವಾಲು
- ಪೂರಕ ಓದು - ಸಂಯೋಜಿತ ಓದು
- ನಿಯೋಜನೆ - ಅಸೈನ್ಮೆಂಟ್
- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/) - [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
> **ಕ್ವಿಜ್‌ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್‌ಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇರಲಿದೆ, ಒಟ್ಟು 48 ಕ್ವಿಜ್‌ಗಳು, ಪ್ರತಿ ಕ್ವಿಜ್‌ನಲ್ಲಿ ಮೂರು ಪ್ರಶ್ನೆಗಳಿವೆ. ಅವುಗಳನ್ನು ಇಲ್ಲಿ [ಎಲ್ಲಾ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್‌ನ ಸೂಚನೆ ಅನುಸರಿಸಿ. > **ಕ್ವಿಜ್ ಗಳು ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ ಗಳು Quiz-app ಫೋಲ್ಡರ್ ಒಳಗಿವೆ, ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳ 48 ಒಟ್ಟು ಕ್ವಿಜ್ ಗಳು. ಅವುಗಳನ್ನು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿರುತ್ತವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್ ಒಳಗಿನ ಸೂಚನೆಗಳು ಅನುಸರಿಸಿ.
## 🗃️ ಪಾಠಗಳು ## 🗃️ ಪಾಠಗಳು
| | ಯೋಜನೆಯ ಹೆಸರು | ಕಲಿಸಿದ ಅಂಶಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಸಂಬಂಧಿಸಿದ ಪಾಠ | ರಚನೆಕಾರರು | | | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಕೆಗಳು ಕಲಿಸಲಾಗಿದೆ | ಕಲಿಕೆ ಗುರಿಗಳು | ಕೊಂಡಿ ಪಾಠ | ಲೇಖಕ |
| :-: | :-------------------------------------------------------: | :------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳ ಬಗ್ಗೆ ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜಾಸ್ಮಿನ್ | | 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವೃತ್ತಿಪರ ಸಾಧನಗಳು | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್ ಗಳಿಗೆ ನೆರವಾಗುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಸಾಧನಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜೇಸ್‌ಮಿನ್ |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | ಗಿಥಬ್‌ನ ಮೂಲಭೂತಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಸೇರಿಸುತ್ತದೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಕೋಡ್ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಂದಿಗೆ ಸಹಕಾರ ಮಾಡುವುದು | [GitHub ಪ್ರಾರಂಭಿಕ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ | | 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸಮಾಡುವುದು | ಗಿಟ್‌ಹಬ್ ಅನ್ನು ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ ಹೇಗೆ ಬಳಸಿ, ಕೋಡ್ ಬೇಸ್ ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಹೇಗೆ ಸಹಕರಿಸುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶೋಪಯೋಗಿತ್ವ | ವೆಬ್ ಪ್ರವೇಶೋಪಯೋಗಿತ್ವದ ಮೂಲಭೂತಗಳು ಕಲಿಯಿರಿ | [ಪ್ರವೇಶೋಪಯೋಗಿತ್ವ ಮೂಲತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟಫರ್ | | 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶಾರ್ಹತೆ | ವೆಬ್ ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲ ತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟಫರ್ |
| 04 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತ ವಿವರಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜಾಸ್ಮಿನ್ | | 04 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲವೇದಿಕೆ | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜೇಸ್‌ಮಿನ್ |
| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಪ್ರವಾಹವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜಾಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೊಫರ್ | | 05 | JS ಮೂಲಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಫ್ಲೋ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜೇಸ್‌ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೋಫರ್ |
| 06 | JS ಮೂಲಭೂತಗಳು | JS ಜೊತೆಗೆ ನಿರ್ಣಯಗಳನ್ನು ಮಾಡುವುದು | ನಿರ್ಣಯ-ಮಾದರಿ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡು](./2-js-basics/3-making-decisions/README.md) | ಜಾಸ್ಮಿನ್ | | 06 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ನಿರ್ಣಯ ಮಾಡುವುದು | ನಿರ್ಣಯ ಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡುವುದು](./2-js-basics/3-making-decisions/README.md) | ಜೇಸ್‌ಮಿನ್ |
| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳೊಂದಿಗೆ ಡೇಟಾದೊಂದಿಗೆ ಕೆಲಸಮಾಡಿ | [ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜಾಸ್ಮಿನ್ | | 07 | JS ಮೂಲಗಳು | ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೆಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕಾರ್ಯನಿರ್ವಹಿಸು | [ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜೇಸ್‌ಮಿನ್ |
| 08 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | HTML ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ | | 08 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ HTML | ಆನ್‌ಲೈನ್ ಟ್ರೇರಿಯಂ ನಿರ್ಮಿಸಲು HTML ರಚಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ |
| 09 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | CSS ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು CSS ರಚಿಸಿ, CSS ಮೂಲಭೂತಗಳನ್ನು ಒಳಗೊಂಡು ಪುಟ ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸಲು ಗಮನಕೊಡಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ | | 09 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ CSS | ಆನ್‌ಲೈನ್ ಟ್ರೆರಿಯಂ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವ ಆಧಾರಗತ ಸೂತ್ರಗಳ ಮೇಲೆ ಗಮನವಿಟ್ಟು | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ |
| 10 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ | ಡ್ರಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಮೂಲಕ ಟೆರೇರಿಯಂ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ನಿರ್ವಹಣೆಯ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ | | 10 | [Terrarium](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್‌ಗಳು, DOM ಮಾನಿಪ್ಯುಲೇಶನ್ | ಟ್ರೆರಿಯಂ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ಮಾನಿಪ್ಯುಲೇಶನ್ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜਾਵಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್‌ಗಳು, DOM ಮಾನಿಪ್ಯುಲೇಶನ್](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ |
| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಇವೆಂಟ್‌ಗಳ ಬಳಕೆಯಿಂದ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಮೊರೆಹೋಗುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟಫರ್ | | 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಪ್ನ ಲಾಜಿಕ್ ಚಾಲನೆಗೆ ಕೀಲಿಬೋರ್ಡ್ ಈವೆಂಟ್‌ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು | [ವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟಫರ್ |
| 12 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರಿನ ಕಾರ್ಯವಿಧಾನ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಪ್ರಾರಂಭಿಕ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಬ್ರೌಸರಿನ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ | | 12 | [ಹಸಿರು ಬ್ರೌಸರ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ ಗಳು ಹೇಗೆ ಕೆಲಸಮಾಡುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲಿನ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರೂಪಿಸಬೇಕು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಬ್ರೌಸರ್‌ಗಳು ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ |
| 13 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಾಣ, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಲ್ಲಿಲ್ಲಿ ಚರಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆಯಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸંગ્રಹಿತ ಚರಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ | [APIಗಳು, ಫಾರ್ಮ್ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ | | 13 | [ಹಸಿರು ಬ್ರೌಸರ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ ವ್ಯತ್ಯಯಗಳನ್ನು ಸೇವಿಸುವುದು | API ಕರೆ ಮಾಡಲಾಗುವ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿರುವ ವ್ಯತ್ಯಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು | [API ಗಳು, ಫಾರ್ಮ್ಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ |
| 14 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಅದನ್ನು ಉತ್ತಮಗೊಳಿಸುವ ಕೆಲವು ಉಪಾಯಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ | | 14 | [ಹಸಿರು ಬ್ರೌಸರ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಣೆಗೆ ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳು ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಹೆಚ್ಚು ಉನ್ನತ ಆಟ ಅಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಂಶಪಾರಂಪರ್ಯ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಕಲಿತು, ಆಟವನ್ನು ರಚಿಸಲು ಸಿದ್ಧತೆಯಾಗಿರಿ | [ಅತ್ಯಾಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ | | 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಪ್ರಗತಿಪರ ಆಟಾಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಬಳಸಿಕೊಂಡು ವಾರಸತ್ವದ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಆಟ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆ | [ಅಧುನಿಕ ಆಟಾಭಿವೃದ್ಧಿ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್‌ವಾಸ್‌ಗೆ ಚಿತ್ರರಚನೆ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್‌ವಾಸ್‌ಗೆ ಚಿತ್ರರಚನೆ](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ | | 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಿಸುವುದು | ಪರದೆಗೆ ಆಬ್ಜೆಕ್ಟ್ ಗಳು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಿಸುವುದು](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಸುತ್ತಲಿ ಅಂಶಗಳ ಚಲನೆ | ಕಾರ್ಟೀಸಿಯನ್ ನಿರ್ದೇಖನಗಳು ಮತ್ತು ಕ್ಯಾನ್‌ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಹೇಗೆ ಚಲಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಸುತ್ತಲಿ ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ | | 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸಲು | ಕಾರ್ಟೇಶಿಯನ್ ಸಂಯೋಜನೆಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳ ಚಲనం ಹೇಗೆ ಆಗುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು | ಕೀಪ್ರೆಸ್ ಬಳಸಿಕೊಂಡು ಅಂಶಗಳನ್ನು ಘರ್ಷಣೆಯಲ್ಲಿ ಮೂಡಿಸಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಖಚಿತಪಡಿಸಲು ಶಿಶುಶೀತಲ ಕಾರ್ಯವಿಧಾನವನ್ನು ನೀಡಿರಿ | [ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ | | 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಕೀಲಿಪಟದ ಬಳಕೆಯಿಂದ ಅಂಶಗಳು ಪರಸ್ಪರ ಘರ್ಷಣೆ ಮಾಡವೆಂದು ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆ ತುರ್ತು ವಿಶ್ರಾಂತಿಯನ್ನು ಒದಗಿಸುವ ಕಾರ್ಯವನ್ನು ನೀಡಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕೆಗಳು ಸંગ્રಹಿಸುವುದು | ಆಟದ ಸ್ಥಿತಿಗತಿಯ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಹಿಸುಕುಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [ಅಂಕೆಗಳನ್ನು ಕಾಪಾಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ | | 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಆಧಾರಿತ ಗಣಿತ ಲೆಕ್ಕಾಚಾರ ಮಾಡಿರಿ | [ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಅಂತ್ಯಗೊಳಿಸುವುದು ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವುದು | ಆಟದ ಅಂತ್ಯಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವಿಕೆ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವಿಕೆ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ | | 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದು | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದನ್ನು, ಸಂಪತ್ತಿನ ಸ್ವಚ್ಛತೆ ಮತ್ತು ವ್ಯತ್ಯಯ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ಆಡುವುದಿನ ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ |
| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನೆಯಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗ ನಿರ್ವಹಣೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳ ಬಳಕೆ ಮೂಲಕ ಬಹುಪುಟ ವೆಬ್‌ಸೈಟ್ معماري ಸೃಷ್ಟಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ | | 21 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗಸೂಚಿ ಹಾಗೂ HTML ಟೆಂಪ್ಲೇಟ್ಗಳನ್ನು ಉಪಯೋಗಿಸಿ ಬಹು-ಪುಟಗಳ ವೆಬ್ಸೈಟ್‌ನ ಸ್ಥಾಪನೆಯ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ |
| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಪಟ್ಟಿ ಪರಿಶೀಲನೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ | | 22 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಫಾರ್ಮ್ ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ |
| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆದುಕೊಳ್ಳಲು ಮತ್ತು ಬಳಸಲು ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಪ್ರವಾಹಿಸುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆದುಕೊಳ್ಳುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ನಾಶಪಡಿಸುವುದು | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ | | 23 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ಕ್ರಮಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಡೇಟಾ ಹೇಗೆ ನುಗ್ಗುತ್ತದೆ ಮತ್ತು ಹೊರಟೆರುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯುವದು, ಸಂಗ್ರಹಿಸುವದು ಮತ್ತು ತ್ಯಜಿಸುವದು ಎಂಬುದನ್ನು ಕಲೆಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ |
| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆ ಪರಿಕಲ್ಪನೆಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಕಾಯ್ದುಕೊಳ್ಳುವುದು ಮತ್ತು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಅದನ್ನು ನಿರ್ವಹಿಸುವುದು | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ | | 24 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಯಾವಂತೆ ರಾಜ್ಯವನ್ನು ಹಿಡಿದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ |
| 25 | [ಬ್ರೌಸರ/VSಕೋಡ್ ಕೋಡ್](../../8-code-editor) | VSಕೋಡ್ ಜೊತೆಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ ಮಾಡುವ ವಿಧಾನ ಕಲಿಯಿರಿ| [VSಕೋಡ್ ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ | | 25 | [ಬ್ರೌಸರ್/VScode ಕೋಡ್](../../8-code-editor) | ವಿಎಸ್‌ಕೋಡ್ ಜೊತೆ ಕೆಲಸ | ಕೋಡ್ ಸಂಪಾದಕರನ್ನು ಬಳಸುವುದು ಕಲಿಯಿರಿ | [ವಿಎಸ್‌ಕೋಡ್ ಕೋಡ್ ಎಡಿಟರ್ ಬಳಸಿ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ |
| 26 | [AI ಸಹಾಯಕರ](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕ ಅನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಯೋಜನೆ](./9-chat-project/README.md) | ಕ್ರಿಸ್ | | 26 | [AI ಸಹಾಯಕರ](./9-chat-project/README.md) | AI ಜೊತೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸಲು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | ಕ್ರಿಸ್ |
## 🏫 ಪಠ್ಯಶಾಸ್ತ್ರ ## 🏫 ಪಠ್ಯಶಾಸ್ತ್ರ
ನಮ್ಮ ಅಧ್ಯಯನಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರ 원칙ಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ: ನಮ್ಮ ಪಠ್ಯಕ್ರಮ ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರೀಯ ತತ್ವಗಳನ್ನು ಗಮನದಲ್ಲಿಟ್ಟುಕೊಂಡು ರೂಪಿಸಲಾಗಿದೆ:
* ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ * ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಕಲಿಕೆ
* ಆಗಾಗಾಗ್ಗೆ ಕ್ವಿಜ್‌ಗಳು * ನಿತ್ಯ ಕ್ವಿಜ್‌ಗಳು
ಕಾರ್ಯಕ್ರಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML, ಮತ್ತು CSS ಅವರ ಮೂಲಭೂತ ವಿಷಯಗಳನ್ನು ಮತ್ತು ಇಂದಿನ ವೆಬ್ ডೆವಲಪರ್ ಗಳ ಬಳಕೆ ಮಾಡುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಆಟ, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಅಂತರಿಕ್ಷ ಆಟ ಸ್ನೈಪರ್ ಶೈಲಿ ಆಟ, ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸುವ ಮೂಲಕ ಪ್ರಯೋಗಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಅಂತ್ಯದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಸದೃಢ ತಿಳಿವಳಿಕೆಯನ್ನು ಹೊಂದಿರುತ್ತಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಕೆಲವು ಮೊದಲ ಪಾಠಗಳನ್ನು Microsoft Learn ನಲ್ಲಿ [ಕಲಿಯುವ ಪಥ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ಆಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು! ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ನ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್ ಗಳು ಬಳಸುವ ಆಧುನಿಕ ಸಾಧನಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟ್ರೆರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್-ಇನ್ವೇಡರ್ ಹೋಲಿನ ಆಟ ಮತ್ತು ವ್ಯಾಪಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸುವ ಮೂಲಕ ಕಾರ್‌ಯಾನ್ವಯ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಕೊನೆಯ ಭಾಗದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್‌ನಲ್ಲಿ ದೃಢವಾದ ಅರ್ಥವನ್ನು ಪಡೆಯುತ್ತಾರೆ.
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವುದನ್ನು ಖಚಿತಪಡಿಸುವ ಮೂಲಕ, ವಿದ್ಯಾರ್ಥಿಗಳ ಆಸಕ್ತಿಯನ್ನು ಹೆಚ್ಚಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಾಂಶಗಳ ಸೇರುವುದು ಸುಲಭವಾಗುತ್ತದೆ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಭೂತಗಳ ಮೇಲೆ ಹಲವಾರು ಪ್ರಾರಂಭ ಪಾಠಗಳನ್ನು ಬರೆದಿದ್ದೇವೆ, ಮತ್ತು "[ಜನಪ್ರಿಯರ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೊಗಳ ಸಂಗ್ರಹದಿಂದ ವೀಡಿಯೋಗಳನ್ನು ಸೇರಿಸಿದ್ದೇವೆ, ಇದರ ಕೆಲವು ರಚನೆಕಾರರು ಈ ಅಧ್ಯಯನಕ್ರಮಕ್ಕೆ ಸಹಾಯ ಮಾಡಿದ್ದಾರೆ. > 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದಲ್ಲಿನ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು [ಕಲಿಯುವ ದಾರಿ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ರೂಪದಲ್ಲಿ ಮೈಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್ ನಲ್ಲಿ ಪಡೆದುಕೊಳ್ಳಬಹುದು!
ಇನ್ನಷ್ಟು, ತರಗತಿಗೆ ಮುಂಚಿತವಾಗಿ ಕಡಿಮೆ-ಏತುದಾಯಕವಾದ ಕ್ವಿಜ್ವು ವಿದ್ಯಾರ್ಥಿಯ ಕಲಿಕೆ ನಿರ್ಧಾರವನ್ನು ನಿರ್ದಿಷ್ಟಗೊಳಿಸುತ್ತದೆ, ಮತ್ತು ತರಗತಿ ನಂತರದ ಎರಡನೇ ಕ್ವಿಜ್ ದೃಢತೆ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಈ ಅಧ್ಯಯನಕ್ರಮವನ್ನು ಸೌಕರ್ಯವಾಗಿ ಮತ್ತು ಮನೋರಂಜನೆಯಾಗಿ ರೂಪಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗಶಃ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಯೋಜನೆಗಳು ಚಿಕ್ಕದಾಗಿ ಪ್ರಾರಂಭವಾಗಿ 12-ವಾರದ ಚಕ್ರದ ಅಂತ್ಯದಲ್ಲಿ ಹಿಂದುಳಿದ ವಷಯಗಳಾಗಿ ಪರಿಗಣಿಸಲ್ಪಡುತ್ತವೆ. ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಸರಿಹೊಂದುವುದರಿಂದ, ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗಾಗಿ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಮೇಲೆ ಹಿಡಿತ ಹೆಚ್ಚಾಗುತ್ತದೆ. ನಾವು ಹಲವಾರು ಪ್ರಾಥಮಿಕ ಪಾಠಗಳನ್ನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲತತ್ವಗಳಲ್ಲಿ ಬರೆದಿದ್ದು, ವೀಡಿಯೊ ಸಹಾಯದಿಂದ "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ಹಾಲು-ಠಂಗಿ ಸಹಾಯವಿದೆ, ಕೆಲವು ಲೇಖಕರಾದವರು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಕೊಡುಗೆ ಹಾಕಿದ್ದಾರೆ.
ನಾವು ಉದ್ದೇಶಿತವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ತಪ್ಪಿಸಿದ್ದೇವೆ, ಬೇಸಿಕ್ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಬರುವ ಒಂದು ಉತ್ತಮ ಹೆಜ್ಜೆಯಾಗಿ ಈ ಅಧ್ಯಯನಕ್ರಮವು ಮುಕ್ತಾಯವಾದ ಮೇಲೆ ನೋಡ್.ಜೆಎಸ್ನ ಬಗ್ಗೆ ಮತ್ತೊಂದು ವೀಡಿಯೊ ಸಂಗ್ರಹದಿಂದ ಕಲಿಯಬಹುದು: "[ಪ್ರಾರಂಭಿಕರ ಸರಣಿ: ನೋಡ್.ಜೆಎಸ್](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". ಚಿತ್ರವರಣವಾಗಿ, ತರಗತಿಯ ಮೊದಲಿಗೆ ಕಡಿಮೆ-ಅಂಕಿತ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಉದ್ದೇಶವನ್ನು ಹೂಡುತ್ತದೆ, ಹಾಗೂ ತರಗತಿ ಮುಗಿದ ಮೇಲೆ ಇನ್ನುೊಂದು ಕ್ವಿಜ್ ಕೌಶಲ್ಯ ಸ್ಥಿರಗೊಳಿಸುವುದಕ್ಕೆ ಸಹಾಯಕ. ಈ ಪಠ್ಯಕ್ರಮ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದ್ದು ಸಡಿಲ ಮತ್ತು ಆನಂದಕರವಾಗಿದ್ದು ಸಂಪೂರ್ಣವಾಗಿ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಪ್ರಾಜೆಕ್ಟ್ ಗಳು ಚಿಕ್ಕದಾಗಿ ಪ್ರಾರಂಭಿಸಿ 12 ವಾರಗಳ ಚಕ್ರದ ಕೊನೆಗೆ ಜಟಿಲತೆಯತ್ತ ಸಾಗುತ್ತವೆ.
> ನಮ್ಮ [ನಡುಪಾಲನೆ ಕೋಡ್](CODE_OF_CONDUCT.md) ಮತ್ತು [ಚೇತನιστα](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿಯಾಗಿರಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಗಳಿಗೆ ನಾವು ಸ್ವಾಗತ ಸಲ್ಲಿಸುತ್ತೇವೆ! ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೆ임್ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸದಿದ್ದರೂ, ಫ್ರೆ임್ವರ್ಕ್ ಒಪ್ಪಿಕೊಳ್ಳುವುದಕ್ಕಿಂತ ಮುಂಚೆ ಅಗತ್ಯವಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳನ್ನು ಸಂಕೇತಗಳೊಳಗೆ ಕೇಂದ್ರೀಕರಿಸಲಾಗಿದೆ, ಈ ಪಠ್ಯಕ್ರಮದ ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ ಬೇರೆ ವೀಡಿಯೊಗಳ ಸರಣಿಯಿಂದ Node.js ನ ಬಗ್ಗೆ ಕಲಿಯುವುದು: "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> ನಮ್ಮ [ನಡತೆ ನಿಯಮ](CODE_OF_CONDUCT.md) ಹಾಗೂ [ಕೊಡುಗೆ ಮುಡಿಪು](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಸ್ವಾಗತಿಸುತ್ತೇವೆ!
## 🧭 ಆಫ್‌ಲೈನ್ ಪ್ರವೇಶ ## 🧭 ಆಫ್‌ಲೈನ್ ಪ್ರವೇಶ
ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ಈ ಪ್ರलेಖನವನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ಓಡಿಸಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsifyನ್ನು ಸೆಟ್‌ಅಪ್ ಮಾಡಿ](https://docsify.js.org/#/quickstart) ಮತ್ತು ನಂತರ ಈ ರೆಪೊ ಮೂಲಪಾತ್ರದಲ್ಲಿಳ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೊಕಲ್‌ಹೋಸ್ಟ್‌ನಲ್ಲಿ 3000 ಪೋರ್ಟ್‌ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`. ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೋವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ](https://docsify.js.org/#/quickstart), ಮತ್ತು ಈ ರೆಪೋ ಮೂಲ ಫೋಲ್ಡರ್ನಲ್ಲಿ `docsify serve` ನಮಿಸಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್‌ಹೋಸ್ಟ್‍ನಲ್ಲಿ 3000 ಪೋರ್ಟ್ ಮೇಲೆ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`.
## 📘 ಪಿಡಿಎಫ್ ## 📘 PDF
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಇವು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಲಭ್ಯವಿದೆ.
ಎಲ್ಲಾ ಪಾಠಗಳ ಪಿಡಿಎಫ್ ಅನ್ನು ಇಲ್ಲಿ [ಇಡಲಾಗಿದೆ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 ಇತರೆ ಕೋರ್ಸ್‌ಗಳು
## 🎒 ಇತರ ಕೋರ್ಸ್‌ಗಳು ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸ್‌ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ನೋಡಿ:
ನಮ್ಮ ತಂಡವು ಇತರ 코ರ್ಸ್ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ! ಚೆಕ್ ಮಾಡಿ:
<!-- CO-OP TRANSLATOR OTHER COURSES START --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### Azure / Edge / MCP / Agents ### Azure / Edge / MCP / Agents
@ -228,7 +240,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
--- ---
### Core Learning ### ಕೋರ್ ಲರ್ನಿಂಗ್
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -239,7 +251,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
--- ---
### Copilot Series ### ಕೊಪೈಲಟ್ ಸೀರಿಸ್
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
@ -247,21 +259,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 Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ಿಮಗೆ ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆಗಳು ಅಥವಾ ನಿರ್ಮಿಸುವಾಗ ಎರ್ರರ್‌ಗಳು ಇದ್ದರೆ ಭೇಟಿ ನೀಡಿ: ೀವು ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆ ಅಥವಾ ದೋಷಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ನಿರ್ಮಾಣದ ವೇಳೆ ಭೇಟಿ ನೀಡಿರಿ:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## ಪರವಾನಗಿ ## ಪರವಾನಗಿ
ಸಂಗ್ರಹಾಲಯವನ್ನು MIT ಪರವಾನಗಿಯಡಿಯಲ್ಲಿ ಲೈಸೆನ್ಸ್ ಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ. ರೆಪೊಸಿಟರಿ MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಯಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗೆ [LICENSE](../../LICENSE) ಫೈಲ್ ನೋಡಿ.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಜಾರಿಗೊಳಿಸುವಿಕೆ**: **ನಿರಾಕರಣಾ ಪ್ರಕಟಣೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲ ದೃಷ್ಟಿಗೆ ಬರುವ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅದರ ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಸ್ನೇಹಪೂರ್ವಕವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗಳಿಗೆ ಅಥವಾ ವ್ಯತ್ಯಯಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗಿರುವುದಿಲ್ಲ. ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅದೃಷ್ಟ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ աղբಾರಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಮಹತ್ವಪೂರ್ಣ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸುಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಪೂರ್ಣತೆಗೆ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -0,0 +1,53 @@
# ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನ ವೆಬ್-ಡೆವ್-ಫಾರ್-ಬಿಗಿನರ್ಸ್ ರೆಪೋಸಿಟರಿಗಾಗಿ ರಸ್ತೆ ನಕ್ಷೆ
**ಈ ರೆಪೋಸಿಟರಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ಮೇಲೆ ಗಮನಕೊಂದು ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಯಲು ರಸ್ತೆ ನಕ್ಷೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಪಠ್ಯಕ್ರಮ ವಿಸ್ತಾರವಾಗಿ ಮತ್ತು ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು, 12 ವಾರಗಳಲ್ಲಿ 24 ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.**
## ಪ್ರಮುಖ ಮೈಲಿಗಲ್ಲುಗಳು
* **ವಾರಗಳು 1-3:**
* ಕಾರ್ಯಕ್ರಮ ಭಾಷೆಗಳು ಮತ್ತು ವರ್ಕ್‌ಫ್ಲೋ ಟೂಲ್ಗಳ ಪರಿಚಯ
* GitHub ಮೂಲತತ್ವಗಳು
* ಪ್ರಾಪ್ಯತೆ
* JS ಮೂಲತತ್ವಗಳು: ಡೇಟಾ ಪ್ರಕಾರಗಳು, ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು
* JS ಸಹಾಯದಿಂದ ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವುದು
* **ವಾರಗಳು 4-6:**
* ಶ್ರೇಣಿಗಳು ಮತ್ತು ಲೂಪ್ಗಳು
* ಟೆರೇರಿಯಮ್: HTML ಅಭ್ಯಾಸ
* CSS ಅಭ್ಯಾಸದಲ್ಲಿ
* ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಜರ್ಸ್
* ಡಿಒಎಂ ಸಹಾಯದಿಂದ ವ್ಯವಸ್ಥಾಪನೆ
* **ವಾರಗಳು 7-9:**
* ಟೈಪಿಂಗ್ ಗೇಮ್: ಘಟನೆ ಆಧಾರಿತ ಕಾರ್ಯಕ್ರಮ
* ಹಸಿರು ಬ್ರೌಸರ ವಿಸ್ತರಣೆ: ಬ್ರೌಸರಳಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದು
* ಫಾರ್ಮ್ ನಿರ್ಮಾಣ, API ಕರೆ ಮಾಡುವುದು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ 변수ಗಳನ್ನು ಉಳಿಸುವುದು
* ಬ್ರೌಸರ್‌ನ ಪೃಷ್ಟಭಾಗ ಪ್ರಕ್ರಿಯೆಗಳು
* ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ
* **ವಾರಗಳು 10-12:**
* ಸ್ಪೇಸ್ ಗೇಮ್: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಹೆಚ್ಚು ಸುಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ
* ಕ್ಯಾನ್ವಾಸಿಗೆ ಚಿತ್ರಿಸುವಿಕೆ
* ಪರದೆಯ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು
* ಟक्कर ಗುರುತಿಕೆ
* ಅಂಕೆಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡುವುದು, ಆಟ ಮುಗಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದು
* ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್: ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು
* ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಾಣ
* ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಉಪಯೋಗಿಸುವ ವಿಧಾನಗಳು
* ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ವಗಳು
## ಕಲಿಕೆಯ ಫಲಿತಾಂಶಗಳು
**ಈ ರಸ್ತೆ ನಕ್ಷೆಯನ್ನು ಪೂರ್ಣಗೊಳಿಸುವ ಮೂಲಕ ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವಾಸ್ತವಿಕ ಟೆರೇರಿಯಮ್, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಇನ್‌ವೇಡರ್ ಶೈಲಿಯ ಆಟ ಮತ್ತು ವಾಣಿಜ್ಯಕ್ಕಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸುವ ಅನುಭವವನ್ನು ಪಡೆದಿರುತ್ತಾರೆ. ಅವರು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ವಗಳ ಬಗ್ಗೆ ದೃಷ್ಠಾಂತವಾದ ಅರ್ಥವನ್ನು ಕೂಡ ಅಭಿವೃದ್ಧಿಪಡಿಸುತ್ತಾರೆ.**
## ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳು
* ಈ ರೆಪೋಸಿಟರಿ ಹೆಚ್ಚಿನ ಅಧ್ಯಯನಕ್ಕೆ ಕೋರ್ಸ್‌ಗಳು, ಕೋರ್ಟ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಸವಾಲುಗಳನ್ನೊಳಗೊಂಡ ಸಂಪನ್ಮೂಲಗಳ ಸಂಗ್ರಹವನ್ನು ಒದಗಿಸುತ್ತದೆ.
* ಮೈಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್ ವೇದಿಕೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಕೋರ್ಸ್‌ಗಳು ಮತ್ತು ಅಧ್ಯಯನ ಮಾರ್ಗಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ.
* ಸ್ಟಾಕ್ ಓವರ್ಫ್ಲೋ ಮತ್ತು MDN ವೆಬ್ ಡಾಕ್ಸ್ ಮುಂಬರುವ ಆನ್ಲೈನ್ ಸಮುದಾಯಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಗಾರರಿಗೆ ಬೆಲೆಮಟ್ಟದ ಸಹಾಯ ಮತ್ತು ಸಂಪನ್ಮೂಲಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ.
**ನೀವು ನಿಮ್ಮ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಪ್ರಯಾಣದಲ್ಲಿ ಈ ರಸ್ತೆ ನಕ್ಷೆ ನಿಮಗೆ ಸಹಾಯವಾಗಲಿ ಎಂದು ನಾನು ಆಶಿಸುವೆನು!**
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಅಸ್ವೀಕರಣ**:
ಈ ದಾಖಲೆ AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಯತ್ತ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳಾಗಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿನ ಹಳೆಯ ದಾಖಲೆನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾತುಗಳ ತಪ್ಪುಗಳು ಅಥವಾ ತಿರಸ್ಕರಣೆಗಳಿಗೆ ನಾವು жауапದಾರಿ ವಹಿಸುವುದಿಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,7 +1,7 @@
{ {
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e", "original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2026-01-08T20:09:54+00:00", "translation_date": "2026-03-06T14:08:57+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "ml" "language_code": "ml"
}, },
@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-01-08T10:26:00+00:00", "translation_date": "2026-03-06T14:24:25+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "ml" "language_code": "ml"
}, },
@ -516,11 +516,17 @@
"language_code": "ml" "language_code": "ml"
}, },
"README.md": { "README.md": {
"original_hash": "490c83786552d7fab6390991517bef09", "original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-01-29T19:38:19+00:00", "translation_date": "2026-03-06T14:04:25+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "ml" "language_code": "ml"
}, },
"Roadmap.md": {
"original_hash": "28bf6185fd7f27b62ddc210514366192",
"translation_date": "2026-03-06T14:21:19+00:00",
"source_file": "Roadmap.md",
"language_code": "ml"
},
"SECURITY.md": { "SECURITY.md": {
"original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228",
"translation_date": "2026-01-08T10:35:29+00:00", "translation_date": "2026-01-08T10:35:29+00:00",

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

@ -2,7 +2,7 @@
[![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 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 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/) [![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) [![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 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 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/)
@ -10,226 +10,238 @@
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# തുടക്കക്കാർക്കുള്ള വെബ് വികസനം - ഒരു പാഠ്യപദ്ധതി # തുടക്കക്കാർക്ക് വെള്ളിപ്പ് വികസനം - ഒരു പാഠ്യപദ്ധതി
Microsoft Cloud Advocates ഒരുക്കിയ 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിൽ ഓരോതും ടെറാറിയങ്ങൾ, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്‌പെയ്‌സ് ഗെയിമുകൾ തുടങ്ങിയ പ്രായോഗിക പദ്ധതികളിലൂടെ JavaScript, CSS, HTML എന്നിവയിൽ ആഴത്തിൽ പഠിപ്പിക്കും. ക്വിസുകൾ, ചർച്ചകൾ, പ്രായോഗികഷേഷനുകൾ എന്നിവയിൽ പങ്കാളികളാകൂ. നൈപുണ്യം വർദ്ധിപ്പിക്കാനും അറിവ് മെച്ചപ്പെടുത്താനും ഞങ്ങളുടെ ഫലപ്രദമായ പ്രോജക്റ്റ് അടിസ്ഥാന പ്രയോ​ഗാശാസ്ത്രം സഹായിക്കും. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്ക! മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കറ്റുകളുടെ 12 ആഴ്‌ചകളുള്ള സമഗ്ര കോഴ്സ് വഴി വെബ് ഡെവലപ്‌മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക. 24 പാഠങ്ങളിലൂടെയാണ് ജാവാസ്ക്രിപ്റ്റ്, സി.എസ്.എസ്., എച്ച്ടിഎംഎൽ എന്നിവ കൈകൊണ്ടു പ്രവർത്തിക്കുന്ന പ്രോജക്ടുകളിലൂടെ, ഉദാഹരണത്തിന് ടെററിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പേസ് ഗെയിമുകൾ. ക്വിസുകൾ, ചര്‍ച്ചകൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളിയാവുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്താനായി പ്രോജക്ട് അധിഷ്ഠിത പഠന രീതി ഉപയോഗിച്ച് അറിവ് ഉറപ്പുവരുത്തുക. ഇന്നെത്തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കുക!
Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേരൂ Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേരുക
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
وسائل ഉപയോഗിച്ച് തുടങ്ങാൻ താഴെപ്പറയുന്ന ചുവടുകൾ പിന്തുടരൂ: വിഭവങ്ങൾ ഉപയോഗിച്ച് തുടങ്ങാൻ ഈ എളുപ്പ പടികൾ പിന്തുടരൂ:
1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്ക് ചെയ്യുക [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്കുചെയ്‌ത് [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord-ിൽ ചേരുക, വിദഗ്ധർക്കും മറ്റ് ഡെവലപ്പർമാർക്കും കാണാം**](https://discord.com/invite/ByRwuEEgH4) 3. [**Azure AI Foundry Discord-ൽ ചേരുക, വിദഗ്ദ്ധരും fellow ഡെവലപ്പർമാരുമായുള്ള ബന്ധം ഉണ്ടാക്കുക**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 ബഹുഭാഷാ പിന്തുണ ### 🌐 ബഹു-ഭാഷാ പിന്തുണ
#### GitHub Action-വഴി പിന്തുണയുളളത് (സ്വയം പ്രവർത്തിക്കുന്നതും എല്ലായ്പ്പോഴും പുതുക്കപ്പെടുന്നതും) #### GitHub ആക്ഷൻ വഴി പിന്തുണ (സ്വയം പ്രവർത്തിക്കുന്നതും എപ്പോഴും പുതുപ്പിക്കപ്പെട്ടതും)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START --> <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [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) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](./README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> **സ്ഥാനീയമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുവോ?** > **സ്ഥാനികമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുണ്ടോ?**
>
> ഈ റിപോസിറ്ററിയിൽ 50-ലധികം ഭാഷാ തർജ്ജമകൾ ഉൾക്കൊള്ളിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുപ്പം വലിയതാണ്. തർജ്ജമകൾ ഇല്ലാതെ ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക: > ഈ റിപ്പോസിറ്ററി 50+ ഭാഷാ വിവർത്തനങ്ങൾ ഉൾക്കൊള്ളുന്നു, ഇത് ഡൗൺലോഡ് വലുപ്പം പരമാവധി വർദ്ധിപ്പിക്കും. വിവർത്തനങ്ങൾ ഒഴിച്ച് ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> ഇതിലൂടെ കോഴ്സ് പൂർത്തിയാക്കുന്നതിന് ആവശ്യമായ എല്ലാ ഫ്രയിമുകളും നിവർത്തി വേഗത്തിൽ ലഭിക്കും. >
> **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 --> <!-- 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) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _നീ ഒരു വിദ്യാർത്ഥിയോ?_ #### 🧑‍🎓 _നീங்கள் ഒരു വിദ്യാർത്ഥിയായിരുന്നോ?_
[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അപ്പോൾ നിങ്ങൾക്ക് തുടക്കക്കാർക്കുള്ള ഉറവിടങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, ഫ്രീ സർട്ടിഫിക്കറ്റ് വൗച്ചറുകളും കാണാം. ഈ പേജ് ബ്രൗസ് ചെയ്ത് ഇനി പിന്നീടങ്ങോട്ടും പുതിയവയുമായി പരിഷ്കരിക്കുന്നതിനാൽ സമയബന്ധമായി കാണുക. [**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അവിടെ നിങ്ങൾക്ക് തുടക്കക്കാരുടെ വിഭവങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗച്ചർ നേടാനുള്ള മാർഗങ്ങൾ എന്നിവ ലഭിക്കും. മാസത്തിലൊരിക്കല്‍ ഉള്ള ഉള്ളടക്കം മാറ്റം വന്നതിനാൽ ഇത് ഒരു ബുക്ക്മാർക്ക് ചെയ്യാനായുള്ള പേജ് ആണ്.
### 📣 അറിയിപ്പ് - പുതിയ GitHub Copilot Agent മോ് ചലഞ്ചുകൾ പൂർത്തിയാക്കൂ! ### 📣 അറിയിപ്പ് - പുതിയ GitHub Copilot Agent മോ് ചലഞ്ചുകൾ പൂർത്തിയാക്കൂ!
പുതിയ ചലഞ്ച് ഉൾപ്പെടുത്തി, കൂടുതലായി GitHub Copilot Agent Challenge 🚀 എന്ന പേരിൽ നിരവധി അധ്യായങ്ങളിൽ കാണാം. Copilot Agent മോഡ് ഉപയോഗിച്ചാണിത് പൂർത്തിയാക്കേണ്ടത്. Agent മോഡ് കണ്ട് കാണാത്തവർക്ക് സൂചന - ഇത് ടെക്സ്റ്റ് മാത്രമല്ല, ഫയലുകളും മാറ്റാനും കമാൻഡുകളും പ്രവർത്തിപ്പിക്കാനുമുള്ള കഴിവ് വഹിക്കുന്നു. പുതിയ ചലഞ്ച് ചേർത്തിട്ടുണ്ട്, "GitHub Copilot Agent Challenge 🚀" പല അധ്യായങ്ങളിലും കാണുക. GitHub Copilot and Agent മോഡ് ഉപയോഗിച്ച് പൂർത്തിയാക്കാനുള്ള പുതിയ ചലഞ്ചാണിത്. നിങ്ങൾ Agent മോട് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ, ഇത് വെറും ടെക്സ്റ്റ് ജനറേറ്റ് ചെയ്യുന്നതല്ല, ഫയലുകൾ സൃഷ്ടിക്കാനും എഡിറ്റ് ചെയ്യാനും, കമാൻഡുകൾ പ്രവർത്തിക്കാനും കഴിയും.
### 📣 അറിയിപ്പ് - _Generative AI ഉപയോഗിച്ച് നിർമ്മിക്കാനള്ള പുതിയ പ്രോജ്ട്_ ### 📣 അറിയിപ്പ് - _പുതിയ പ്രോജക്ട് ജെനറേറ്റീവ് AI ഉപയോഗിച്ച് നിർമ്മിക്കുക_
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പുറത്തിറക്കി, കാണുക [project](./9-chat-project/README.md) പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് ചേർത്തിട്ടുണ്ട്, [project](./9-chat-project/README.md) പരിശോധിക്കുക
### 📣 അറിയിപ്പ് - _JavaScript-ന് Generative AI അടിസ്ഥാനമാക്കിയുള്ള പുതിയ പാഠ്യക്രമം_ ### 📣 അറിയിപ്പ് - _ജെനറേറ്റീവ് AI-യുടെ പുതിയ പാഠ്യപദ്ധതി ജാവാസ്ക്രിപ്റ്റിനു വേണ്ടി_
നമ്മുടെ പുതിയ Generative 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/ml/background.148a8d43afde5730.webp) ![Background](../../translated_images/ml/background.148a8d43afde5730.webp)
- അടിസ്ഥാനത്തിൽ നിന്ന് RAG വരെ പാഠങ്ങൾ. - അടിസ്ഥാനങ്ങളിൽ നിന്നുള്ള പാഠങ്ങൾ മുതൽ RAG വരെ ഉൾക്കൊള്ളുന്നു.
- GenAI ഉപയോഗിച്ച് ചരിത്ര കഥാപാത്രങ്ങളുമായി ആശയവിനിമയം. - GenAI-യും നമ്മുടെ കൂട്ടാളി ആപ്പും ഉപയോഗിച്ച് ചരിത്ര കഥാപാത്രങ്ങളുമായി സംവദിക്കുക.
- രസകരമായ കഥ, നിങ്ങൾ സമയം യാത്ര ചെയ്യുന്നതുപോലെ അനുഭവ! - രസകരവും ആകർഷകവുമായ കഥ, നിങ്ങൾ ഏതാണ്ട് കാല യാത്ര ചെയ്യുന്നുമൊത്തമായിരിക്കു!
![character](../../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)
## 🌱 തുടക്കം
> **അദ്ധ്യാപകർ**, ഈ പാഠ്യक्रमം ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [included some suggestions](for-teachers.md). നിങ്ങളുടെ ഫീഡ്ബാക്ക് ആകാംക്ഷയോടെ ഞങ്ങൾക്കുണ്ട് [in our discussion forum](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) അറിയിക്കുക!
പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടുകാർക്കൊപ്പം ചേർന്ന് പ്രോജക്റ്റുകളിൽ പ്രവർത്തിക്കുക! ചർച്ചകൾ ഞങ്ങളുടെ [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ൽ പ്രോത്സാഹിപ്പിക്കുന്നു, അവിടെ മോഡറേറ്റർമാർ നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകും. **[പഠിക്കുന്നവർ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠത്തിലും പ്രീ-ലെക്ചർ ക്വിസ് ആരംഭിച്ച്, പാഠം വായിച്ച്, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി പിന്നീട് പോസ്റ്റ്-ലെക്ചർ ക്വിസ് കൊണ്ട് മനസിലാക്കലുകൾ പരിശോധിക്കുക.
കൂടുതൽ പഠനത്തിനായി, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) പരിശോധിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു. നിങ്ങളുടെ പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, ആ ബ്ലോക്കുകളിൽ അനുഭവ സഞ്ചയിക്കുന്നത് സുഹൃത്ത്-കൂട്ടുകാർ കൂടെ ചേർന്ന് പ്രോജക്റ്റുകൾ നടത്തുക! ചർച്ചകൾക്ക് നാം പ്രോത്സാഹനം നൽകുന്ന [ചർച്ചാ ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, ഇതിൽ മോദറേറ്റർമാർ നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് തൽസമയം ഉത്തരങ്ങളുമായി സഹായിക്കും.
### 📋 നിങ്ങളുടെ പരിസരം സജ്ജമാക്കൽ കൂടുതൽ പഠനത്തിനായി, നാം നിർബന്ധിതമായി [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) പരിശോധിക്കാവുന്നതായി ശുപാർശ ചെയ്യുന്നു.
ഈ പാഠ്യക്രമത്തിന് ഡെവലപ്‌മെന്റ് പരിസരം തയ്യാറായി ലഭ്യമാണ്! ആരംഭിക്കുമ്പോൾ നിങ്ങൾക്ക് [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അടിസ്ഥാനമായ, ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതില്ലാത്ത പരിസര_)യിൽ ഓടിക്കോ, നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രിയപ്പെട്ട ടെക്‌സ്‌റ്റ് എഡിറ്റർ പോലെയുള്ള [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് ഓടിക്കാം. ### 📋 നിങ്ങളുടെ പരിസ്ഥിതി സജ്ജമാക്കൽ
ഈ പാഠ്യപദ്ധതിക്ക് ഡെവലപ്‌മെന്റ് പരിസ്ഥിതി തയ്യാറായി ഉണ്ട്! തുടങ്ങുമ്പോൾ കോഴ്സ് [Codespace](https://github.com/features/codespaces/) (ബ്രൗസറിൽ നേരിട്ട്, ഇൻസ്‌റ്റാൾസ് ഇല്ലാതെ പ്രവര്‍ത്തിക്കുന്ന പരിസ്ഥിതി) യോ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിലെ ഒരു ടെക്സ്റ്റ് എഡിറ്റർ പോലുള്ള [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ചുള്ള ലോക്കൽ പരിസ്ഥിതി ഉപയോഗിച്ചോ ഓടിക്കാമെന്നു തിരഞ്ഞെടുക്കാം.
#### നിങ്ങളുടെ റിപ്പോസിറ്ററി സൃഷ്ടിക്കുക #### നിങ്ങളുടെ റിപ്പോസിറ്ററി സൃഷ്ടിക്കുക
നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ സൂക്ഷിക്കാൻ, ഈ റിപോസിറ്ററിയുടെ സ്വന്തം അതിരൂപം സൃഷ്ടിക്കുക. പേജ് മുകളിലുള്ള **Use this template** ബട്ടൺ അമർത്തി ഇത് ചെയ്യാം. GitHub അക്കൗണ്ടിൽ പുതിയ ഒരു റിപോസിറ്ററി സൃഷ്ടിക്കപ്പെടും, പാഠ്യക്രമത്തിന്റെ അതിരൂപം വച്ച്. നിങ്ങൾക്ക് നിങ്ങളുടെ ജോലി എളുപ്പത്തിൽ സംരക്ഷിക്കാൻ, ഈ റിപ്പോസിറ്ററിയുടെ ഒരു സ്വയം കോപ്പി സൃഷ്ടിക്കണമെന്ന് ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്താൽ, നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ പുതിയ ഒരു റിപ്പോസിട്ടറി ഈ പാഠ്യപദ്ധതിക്കുള്ള കോപ്പി ഉണ്ടാക്കും.
ചുവടെയുള്ളവ പാലിക്കുക: ഈ പ്രക്രിയ പിന്തുടരുക:
1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിലെ വലത് മൂലയിൽ "Fork" ബട്ടൺ അമർത്തുക. 1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിൽ വലത്തുഭാഗത്തെ "Fork" ബട്ടൺ അമർത്തുക.
2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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) ![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.webp)
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പാഠ്യകുറി പ്രവർത്തിപ്പിക്കുക #### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലൈവായി കോഴ്സ് ഓടിക്കൽ
ഈ പാഠ്യകുറി നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രവർത്തിപ്പിക്കാൻ, ഒരു ടെക്‌സ്‌റ്റ് എഡിറ്ററും, ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും വേണം. നമ്മുടെ ആദ്യ പാഠം, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), നിങ്ങളുടെ തിരഞ്ഞെടുക്കാൻ അനുയോജ്യമായ വിവിധ ടൂൾസ് പരിചയപ്പെടുത്തും.
ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നത് [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-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 പകർത്തി ചെയ്യാം: 1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക. ഇതിന് **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുകയും URL നകಲെടുക്കുകയും ചെയ്യാം:
[CodeSpace](./images/createcodespace.png) [CodeSpace](./images/createcodespace.png)
അപ്പോൾ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉള്ളിൽ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന്, നിങ്ങൾ justo പകർത്തിയ URL `<your-repository-url>` എന്നത് മാറ്റി താഴെ കൊടുത്തിരിക്കുന്ന കമാൻഡ് റൺ ചെയ്യുക:
തുടർന്ന്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ൽ ഉള്ള [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്നു, പുതിയതായി നകലെടുത്ത URL-ന്റെ പകരം `<your-repository-url>` ടൈപ്പ് ചെയ്ത് താഴെക്കാണുന്ന കമാൻഡ് പ്രവർത്തിപ്പിക്കുക:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കൂ. ഇത് ചെയ്യാൻ **File** > **Open Folder** തിരഞ്ഞെടുത്ത് നിങ്ങൾ justo ക്ലോൺ ചെയ്‌ത ഫോൾഡർ തിരഞ്ഞെടുക്കാം. 2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. **File** > **Open Folder** ക്ലിക്കുചെയ്ത് നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കുക.
> നിര്‍ദ്ദേശിച്ച Visual Studio Code എക്സ്റ്റൻഷനുകൾ: > ശുപാർശ ചെയ്ത Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് വേഗത്തിൽ എഴുതാൻ സഹായിക്കാൻ > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതുന്നതിൽ സഹായിക്കുന്നതിന്
## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്: ## 📂 ഓരോ പാഠത്തിലേക്കും ഉൾപ്പെടുന്നു:
- disorder sketchnote ഒഴിവാക്കാവുന്ന - ഐച്ഛിക സ്ക്കെച്ച്നോട്ട്
- disorder സഹായകരമായ വീഡിയോ ഒഴിവാക്കാവുന്ന - ഐച്ഛിക സപ്ലിമെന്റൽ വീഡിയോ
- പാഠത്തിന് മുമ്പുള്ള warmup quiz - പാഠ മുൻ‌കാലം വാര്മപ് ക്വിസ്
- എഴുതിയ പാഠം - എഴുതിയ പാഠം
- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്ട് നിർമ്മിക്കാനുള്ള ദിശാനിർദ്ദേശങ്ങൾ - പ്രോജക്റ്റ് ആധാരിത പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് നിർമിക്കാൻ പടിയും പടിയിലുള്ള മാർഗ്ഗനിർദ്ദേശങ്ങൾ
- അറിവ് പരിശോധനകൾ - അറിവ് പരിശോധനകൾ
- ചലഞ്ച് - ഒരു വെല്ലുവിളി
- സഹായകരമായ വായന - സപ്ലിമെന്റൽ വായന
- അസൈമെന്റ് - അസൈന്മെന്റ്
- [പാഠത്തിനു ശേഷം quiz](https://ff-quizzes.netlify.app/web/) - [പാഠ കഴിഞ്ഞുള്ള ക്വിസ്](https://ff-quizzes.netlify.app/web/)
> **ക്വിസുകളെ കുറിച്ചുള്ള ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ ഉൾക്കൊള്ളുന്നു, ഓരോതിലും മൂന്ന് ചോദ്യങ്ങളുള്ള 48 quizzes. അവ ഇവിടെ ലഭ്യമാണ് [https://ff-quizzes.netlify.app/web/](https://ff-quizzes.netlify.app/web/), quiz അപ്ലിക്കേഷൻ ലോക്കലായി ഓടിക്കാമോ അല്ലെങ്കിൽ Azure-യിലേക്കും ഡിപ്ലോയ്ചെയ്യാമോ; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക. > **ക്വിസുകളെ കുറിച്ചുള്ള കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിലേക്ക് ഉൾപ്പെട്ടിരിക്കുന്നു, ഓരോന്നിലും 48 മൊത്തം മൂന്ന് ചോദ്യങ്ങൾക്കുള്ള ക്വിസുകൾ. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്, ക്വിസ് ആപ്പ് ലൊക്കലിലേക്ക് ഓടിക്കാനോ Azure-യിലേക്ക് ഡിപ്ലോയ് ചെയ്യാനോ കഴിയും; 'quiz-app' ഫോൾഡറിൽ നൽകിയ നിർദ്ദേശങ്ങൾ പിന്തുടരുക.
## 🗃️ പാഠങ്ങൾ ## 🗃️ പാഠങ്ങൾ
| | പ്രോജക്ട് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | ലേഖകൻ | | | പ്രോജക്റ്റ് പേര് | പഠിപ്പിക്കുന്ന ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | രചയിതാവ് |
| :-: | :------------------------------------------------------------: | :-------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | | :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
| 01 | Getting Started | പ്രോഗ്രാമിംഗ് പരിചയം மற்றும் ഉപകരണം പരിചയപ്പെടുത്തി | പലതരം പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാന തത്വങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർ ജോലി ചെയ്യാൻ സഹായിക്കുന്ന സോഫ്റ്റ്‌വെയർ അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ | | 01 | Getting Started | പ്രോഗ്രാമിംഗിലേക്കുള്ള വരവറിയിപ്പ്, ഉപകരണങ്ങളുടെ പരിചയം | കൂടുതലായി ഉപയോഗിക്കുന്ന പ്രോഗ്രാമിംഗുഭാഷകളുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുകയും, പ്രൊഫഷണൽ ഡവലപ്പർമാർക്ക് സഹായകമായ സോഫ്റ്റ്‌വെയറുകളുടെ പരിചയം നേടുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | Getting Started | GitHub നേുറ്റുകൾ അടിസ്ഥാനപരമായി, ടീമിനോടൊപ്പം പ്രവർത്തനമുണ്ടാക്കൽ | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന്, മറ്റുള്ളവർക്ക് കോഡ് ആധാരത്തിൽ എങ്ങനെ സഹകരിക്കാമെന്നും പഠിക്കുക | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫോൾ | | 02 | Getting Started | GitHub അടിസ്ഥാനങ്ങൾ, സംഘത്തിൽ പ്രവർത്തിക്കൽ ഉൾപ്പെടെ | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub ഉപയോഗിക്കാനുള്ള രീതിയും, കോഡ് ബേസിൽ മറ്റവരുമായി സഹകരിക്കുന്ന വിധവും നൽകുന്നു | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 03 | Getting Started | അക്കസസ്ബിലിറ്റി | വെബ് അക്കസസ്ബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ അറിയുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ | | 03 | Getting Started | ആക്സസ്സിബിലിറ്റി | വെബ് ആക്സസ്സിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങള്‍ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ |
| 04 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ | | 04 | JS Basics | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങള്‍ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | JS Basics | ഫങ്‌ഷനുകളും മെതഡുകളും | ഒരു ആപ്ലിക്കേഷന്റെ ലോജ് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫങ്‌ഷനുകളും മെതഡുകളുമെന്താണെന്ന് മനസിലാക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ | | 05 | JS Basics | ഫംഗ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലോഗിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫംഗ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ |
| 06 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റിൽ തീരുമാനം എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാന്‍ തീരുമാനം എടുക്കൽ രീതികൾ ഉപയോഗിച്ച് പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ | | 06 | JS Basics | ജെഎസ് ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കുക | നിങ്ങളുടെ കോഡിൽ തീരുമാനങ്ങൾ എടുക്കാനുള്ള രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS Basics | അറേകളും ലൂപ്പുകളും | ജാവാസ്ക്ക്രിപ്റ്റിൽ അറേയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ | | 07 | JS Basics | അറെയുകളും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറെയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമാക്കിയ HTML | ഓൺലൈൻ ടെറേറിയം സൃഷ്ടിക്കാൻ HTML നിർമ്മിച്ച് ലേഔട്ട് നിർമ്മിക്കാൻ ശ്രദ്ധിച്ചു | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയം നിർമ്മിക്കാൻ HTML നിർമ്മിക്കുക, ലേഔട്ട് നിർമ്മിക്കみに ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമായ CSS | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലുചെയ്യാൻ CSS നിർമിച്ച് പേജ് പ്രതികരണക്ഷമമാക്കുന്നത് ഉൾപ്പെടെ CSS അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയത്തിന് CSS ഉപയോഗിച്ച് സ്റ്റൈൽ ചെയ്യുക, CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആകുന്ന വിധം നിർമ്മിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്ക്രിപ്റ്റ് ക്ലോജേഴ്സ്, DOM മാനിപ്പുലേഷൻ | ടെറേറിയത്തിന് ഡ്രാഗ് & ഡ്രോപ്പ് ഇന്ററ്ഫേസി നിർമിക്കാൻ ജാവാസ്ക്ക്രിപ്റ്റ് സൃഷ്ടിക്കുക, ക്ലോജേഴ്സും DOM മാനിപ്പുലേഷനും ശ്രദ്ധിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ | | 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മാനിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമിക്കുക, ക്ലോഷറുകളും DOM മാനിപ്പുലേഷനിലും ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | ജാവാസ്ക്ക്രിപ്റ്റ് ആപ്പിന്റെ ലോജിക് നിയന്ത്രിക്കാൻ കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ | | 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലൊജികിന് കീബോർഡ് ഇവന്റുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവർത്തിക്കൽ | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവയുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ആദ്യ ഘടകങ്ങൾ എങ്ങനെ നിർമ്മിക്കുക എന്നത് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായുള്ള പ്രവർത്തനം | ബ്രൗസറുകളുടെ പ്രവർത്തനം, ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷനുകളുടെ ആദ്യം ഘടകങ്ങൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിക്കൽ, API വിളിച്ചത്, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കൽ | API വിളിക്കാൻ ഉപയോഗിക്കുന്ന ബ്രൗസർ എക്സ്റ്റൻഷനിലെ ജാവാസ്ക്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ | | 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മാണം, API വിളിക്കൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സേവ് ചെയ്യൽ | API വിളിക്കാൻ ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സ്ഥാപിച്ചാണ് | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ ബാക്ക്ഗ്രൗണ്ട് പ്രോസസുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ ബാക്ക്ഗ്രൗണ്ട് പ്രോസസുകൾ ഉപയോഗിക്കുക; വെബ്ബ് പ്രകടനവും ചില ഒപ്റ്റിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐകൺ മാനേജ് ചെയ്യാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും ചില ഓപ്ടിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ മുന്നോട്ട് നയിക്കുന്ന ഗെയിം വികസനം | ക്ലാസുകളും കോംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് സിദ്ധാന്തവും പബ്/സബ് മാതൃകയും പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിന് തയ്യാറാക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് | | 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ ആധുനിക ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനും ഉപയോഗിക്കുന്ന ഇന്ഹെറിറ്റൻസ്, പബ്ലിഷ്/സബ്സ് പാറ്റർൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിൽ സഹായകമായി | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [Space Game](./6-space-game/solution/README.md) | ക്യാൻവാസിലേക്ക് ചിത്രരചന | സ്ക്രീനിലേക്ക് ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന ക്യാൻവാസ API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് | | 16 | [Space Game](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് വരയ്ക്കൽ | സ്‌ക്രീൻവരെയുള്ള ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ APIയെക്കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [Space Game](./6-space-game/solution/README.md) | സ്ക്രീനിൽ ഘടകങ്ങൾ പ്രവേശിപ്പിക്കുന്നത് | കാർട്ടീസിയൻ കോർഡിനേറ്റുകളും ക്യാൻവാസും ഉപയോഗിച്ച് എലമെന്റുകൾ എങ്ങനെ ചലിക്കുന്നു എന്ന് കണ്ടെത്തുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് | | 17 | [Space Game](./6-space-game/solution/README.md) | സ്‌ക്രീനിലൂടെ ഘടകങ്ങൾ നീക്കുന്നു | കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് APIയു ഉപയോഗിച്ച് ഘടകങ്ങൾക്ക് ചലനം എങ്ങനെ ലഭിക്കാമെന്ന് പഠിക്കുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [Space Game](./6-space-game/solution/README.md) | ഏറ്റുമുട്ടൽ കണ്ടെത്തൽ | കീപ്രസുകൾ ഉപയോഗിച്ച് എലമെന്റ് ഏറ്റുമുട്ടലും പ്രതികരണവും സൃഷ്ടിക്കുക, ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ ഒരു കൂൾഡൗൺ ഫങ്‌ഷനും നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് | | 18 | [Space Game](./6-space-game/solution/README.md) | കൂട്ടിയിടി തിരിച്ചറിയൽ | ഘടകങ്ങൾ തമ്മിൽ കൂട്ടിയിടുന്നതും കീപ്രസുകളിലൂടെ പ്രതികരിക്കുന്നതും പഠിച്ചു, ഗെയിമിന്റെ പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ രക്ഷിക്കൽ | ഗെയിം നിലയും പ്രകടനവും അടിസ്ഥാനമാക്കി ഗണിതലേഖനങ്ങൾ നടത്തുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് | | 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ നിലനിർത്തൽ | ഗെയിമിന്റെ നിലയിലും പ്രകടനത്തിലും അടിസ്ഥാനപ്പെടുത്തി കണക്ക് നടത്തി | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കൽ, മടങ്ങിവരുത്തൽ | ഗെയിം അവസാനിപ്പിക്കുകയും മടങ്ങിവരുത്തുകയും ചെയ്യുന്നതിനെക്കുറിച്ച് പഠിക്കുക, അസറ്റുകൾ ശുചീകരിച്ച് വേരിയബിൾ മൂല്യങ്ങൾ പുനഃക്രമീകരിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് | | 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുക | ഗെയിം തുടങ്ങുന്നത്, അവസാനിപ്പിക്കുന്നത്, അസറ്റുകൾ ക്ലീൻ ചെയ്യുകയും വേരിയബിൾ റീസെറ്റ് ചെയ്യുകയും ചെയ്യാനുള്ള രീതി പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെമ്പ്ലേറ്റുകളും റൂട്ടുകളും | പേജുകൾ പലതും ഉള്ള വെബ്‌സൈറ്റിന്റെ ഘടന നിർമ്മിക്കാനായി റൗട്ടിംഗ്, HTML ടെമ്പ്ലേറ്റുകൾ ഉപയോഗിച്ച് സ്ക്കാഫോൾഡ് നിർമ്മിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ | | 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിങ്, HTML ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റ് ആർക്കിടെക്ചർ സൃഷ്ടിക്കുന്ന രീതി പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോറങ്ങൾ നിർമ്മിക്കുക | ഫോമുകൾ നിർമ്മിക്കുന്നതും വാലിഡേഷൻ റൂട്ടീനുകൾ കൈകാര്യം ചെയ്യുന്നതിനുമുള്ള പഠനം | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ | | 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കുക | ഫോം നിർമ്മാണവും ഒന്നിച്ച് വാലിഡേഷൻ നടത്തുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ എടുക്കലും ഉപയോഗവും | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുകയും പോകുകയും ചെയ്യുന്നു, എങ്ങനെ ഇത് എടുക്കുകയും സംഭരിക്കുകയും ഇല്ലാതാക്കുകയും ചെയ്യുന്നു | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ | | 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ വീണ്ടും എടുത്തെടുക്കൽ, ഉപയോഗം | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുന്നു, പോവുന്നു; എടുക്കാനുള്ള, സേവ് ചെയ്യാനുള്ള, ഒഴിവാക്കാനുള്ള രീതി | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് സ്റ്റേറ്റ് എങ്ങനെ നിലനിര്‍ത്തുന്നു, പ്രോഗ്രാമാറ്റിക്കായി എങ്ങിനെ മാനേജുമെന്റ് നടത്താം എന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ | | 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | സ്റ്റേറ്റ് നിലനിർത്തുന്ന വിധവും, പ്രോഗ്രാമാറ്റിക്കായി സ്റ്റേറ്റ് എങ്ങനെ മാനേജ് ചെയ്യാമെന്നും പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് പ്രവർത്തിക്കല്‍ | എഡിറ്റർ ഉപയോഗിക്കുന്നത് പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് | | 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ചുള്ള പ്രവർത്തനം | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് പ്രവർത്തിക്കൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കുന്നത് പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് | | 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിക്കുന്നത് | നിങ്ങളുടെ സ്വന്തം AI സഹായിയെ നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠ ചാതുര്യ ## 🏫 പാഠശാസ്ത്ര
നമ്മുടെ കോഴ്സു പ്രവർത്തനം നിർമിച്ചിരിക്കുന്നത് രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കി: ഞങ്ങളുടെ പാഠ്യക്രമം രണ്ട് പ്രധാന പാഠശാസ്ത്ര തത്വങ്ങൾ അടിസ്ഥാനമാക്കി രൂപകൽപ്പന ചെയ്യപ്പെട്ടതാണ്:
* പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പഠനം * പ്രോജക്റ്റ്-ആധാരിത പഠനം
* നിരന്തര ക്വിസുകൾ * നിരന്തര ക്വിസുകൾ
പ്രോഗ്രാം ജാവാസ്ക്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾപോലും സമകാലീന വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതികവിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിങ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പെയ്‌സ് ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസുകൾക്കായുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് പ്രായോഗിക പരിചയം നേടാനുള്ള അവസരം ലഭിക്കും. ശ്രേണിയുടെ അവസാനത്തോടെ വിദ്യാർത്ഥികൾ വെബ് ഡെവലപ്പ്മെന്റിന്റെ ശക്തമായ ധാരണ നേടും. പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നീ അടിസ്ഥാനങ്ങൾപറഞ്ഞ് ഇന്നത്തെ വെബ് ഡവലപ്പർമാർ ഉപയോഗിക്കുന്ന പുതിയ ഉപകരണങ്ങളും സാങ്കേതികതകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾ ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഇന്‍വേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സുകൾക്ക് വേണ്ടി ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈထുടക്കുന്ന അനുഭവം സമ്പാദിക്കും. പരമ്പരയുടെ ഒടുവിൽ വിദ്യാർത്ഥികൾക്ക് വെബ് ഡെവലപ്പ്മെന്റ് വിഷയത്തിൽ ഉറച്ച അറിവ് ലഭിക്കും.
> 🎓 മൈക്രോസോഫ്റ്റ് ലേൺ-ലെ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) എന്ന ഈ കർട്ടികയുടെ ദ് പാഠങ്ങൾ നിങ്ങൾക്ക് സ്വീകരിക്കാം! > 🎓 ഈ പാഠ്യക്രമത്തിലെ ആദ്യ ചില പാഠങ്ങൾ മൈക്രോസോഫ്റ്റ് ലേണിൽ ഒരു [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)" ട്യൂട്ടോറിയൽ കളക്ഷൻ-ലൂടെ പങ്കുവെച്ചിട്ടുണ്ട്, അതിൽ ചില ലേഖകർ ഈ പാഠങ്ങളിലേക്കു സംഭാവന ചെയ്തവരാണ്. പ്രോജക്റ്റുകളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുത്തുന്നതിലൂടെ വിദ്യാർത്ഥികളുടെ വളര്ച്ചയും ആശയങ്ങളുടെ ഒപ്പ് ധാരാളവും ഉറപ്പാക്കുന്നു. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങളിൽ ആശയങ്ങൾ പരിചയപ്പെടുത്താൻ നമ്മൾ ചില പ്രാരംഭ പാഠങ്ങൾ എഴുതി, കൂടാതെ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" വിഡിയോ ട്യൂട്ടോറിയൽ കलेक്ഷനിൽ നിന്നുള്ള വിഡിയോ മറ്റിനാരും പങ്കുവെച്ചു.
ഇതോടൊപ്പം, ക്ലാസ്സ് ആരംഭിക്കുന്നതിന് മുമ്പ് ലളിതമായ ഒരു ക്വിസ് വിദ്യാർത്ഥിയെ ഒരു വിഷയത്തിൽ പഠനോദ്ദേശം കൈവരിക്കാൻ സഹായിക്കുന്നു, ക്ലാസ്സ് കഴിഞ്ഞു രണ്ടാം ക്വിസ് കൂടുതൽ അറിവ് നിലനിർത്തലിന് സഹായിക്കുന്നു. ഈ കോഴ്സ് സുഗമവും വിനോദകരവുമാണ്, മുഴുവൻ ആയോ ഭാഗികമായോ ചെയ്യാം. പ്രോജക്ടുകൾ ചെറിയതിൽ തുടങ്ങിയും 12 ആഴ്ചമാകുന്ന സമയത്ത് progressively ക്ലിഷ്ടമാകും. കൂടാതെ, ക്ലാസിന് മുമ്പുള്ള ഒരു കുറഞ്ഞ പ്രാബല്യമുള്ള ക്വിസ് വിദ്യാർത്ഥിയുടെ പഠന ഉദ്ദേശ്യം സജ്ജമാക്കുന്നു, പിന്നീട് ക്ലാസിന് ശേഷം അതിന്റെ ആവർത്തനം ഉറപ്പാക്കാൻ മറ്റൊരു ക്വിസ് ഒരുക്കിയിട്ടുണ്ട്. ഈ പാഠ്യക്രമം സ്വതന്ത്രവും രസകരവുമാകാൻ രൂപകൽപ്പന ചെയ്തതാണ്, മുഴുവനായി അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാവുന്നതാണ്. 12 ആള്‍ വാരയളവിൽ പ്രോജക്റ്റുകൾ ചെറുതായിത്തുടങ്ങി, അവസാനത്തോട് കൂടി കൂടുതല്‍ സങ്കീർണമാകുന്നു.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക്‌ പരിചയപ്പെടുത്താതെ അടിസ്ഥാന കഴിവുകളിൽ മാത്രം കേന്ദ്രീകരിക്കാൻ ഉദ്ദേശിച്ചിരിക്കുന്നു, ഇത് പഠനം പൂർത്തിയാക്കിയ ശേഷം അടുത്ത കടaptive ആയ പോർട് നോട്ട്ജെഎസ് പഠനത്തിലേക്ക് ക്ഷണിക്കും, ഏതാണ്ട് "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ കളക്ഷൻ ഉപയോഗിച്ച്. ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്കുകൾ പരിചയപ്പെടുത്താനുള്ള സാധ്യത മനസ്സിലായെങ്കിലും, പ്രഥമമായും വെബ് ഡവലപ്പർ അനുഭവിച്ചെടുക്കേണ്ട അടിസ്ഥാന നൈപുണ്യങ്ങളെ ശ്രദ്ധയിൽ വെച്ചാണ് ഇത് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്; ഈ പാഠ്യക്രമം പൂർത്തിയാക്കുന്നതിന് ഒരു നല്ല അടുത്തേക്കു വിദ്യാർത്ഥികൾക്ക് "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" വിഡിയോ സീരീസിലൂടെ Node.js പഠിക്കുക.
> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md)വും [Contributing](CONTRIBUTING.md) ഗൈഡ്‌ലൈൻസും സന്ദർശിക്കുക. നിങ്ങളുടെ ഉപകാരപ്രദമായ അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു! > ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) നും [Contributing](CONTRIBUTING.md) നും അനുയോജ്യമായ മാർഗനിർദേശങ്ങൾ സന്ദർശിക്കുക. നിങ്ങളുടെ നിർമാണത്തിനുള്ള അവലോകനം സ്വീകരിക്കുന്നു!
## 🧭 ഓഫ്ലൈൻ ആക്സസ് ## 🧭 ഓഫ്ലൈൻ ആക്സസ്
[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈനിലും ഓടിക്കാം. ഈ റിപോ ഫോർക്കുചെയ്യുക, [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 --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
[![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners)
[![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
--- ---
### Azure / Edge / MCP / Agents ### Azure / Edge / MCP / ഏജന്റുകൾ
[![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Generative AI 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 for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) [![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
--- ---
### Core Learning ### കോർ ലേണിങ്
[![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -239,30 +251,30 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
[![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) [![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
--- ---
### Copilot Series ### കോപൈലറ്റ് സീരീസ്
[![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
[![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
<!-- CO-OP TRANSLATOR OTHER COURSES END --> <!-- CO-OP TRANSLATOR OTHER COURSES END -->
## സഹായം നേടുക ## സഹായം ലഭിക്കേണ്ടത് എങ്ങനെ
നിങ്ങൾ കുടുങ്ങിയോ AI ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുമ്പോൾ എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടാകിയോ ചെയ്തത് ആണെങ്കിൽ. MCP സംബന്ധിച്ചുള്ള ചർച്ചകളിൽ അനുഭവമുള്ള ഡെവലപ്പർമാരും പഠനാർത്ഥികളും ചേർന്ന് ചർച്ചകളിൽ പങ്കുചേരുക. ചോദ്യങ്ങൾക്ക് സ്വാഗതം ഉള്ള, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്. AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിനിടയിൽ നിങ്ങള്ക്ക് പ്രശ്നമുണ്ടെങ്കിൽ അല്ലെങ്കിൽ ഏതെങ്കിലും ചോദ്യം ഉണ്ടെങ്കിൽ MCP-യെ കുറിച്ച് fellow learners ഉം അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും കൂടിയുള്ള ചർച്ചകളിൽ ചേരുക. ഇത് ഒരു പിന്തുണയുള്ള സമൂഹമാണ്, അവിടെ ചോദ്യങ്ങൾ സ്വാഗതികരിക്കുന്നതും അറിവ് സ്വേച്ഛയാകമായി പങ്കു വെയ്ക്കപ്പെടുന്നതുമാണ്.
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
നിങ്ങൾക്ക് ഉൽപ്പന്ന ഫീഡ്ബാക്കോ നിർമ്മాణത്തിനിടെ സംഭവിക്കുന്ന പിഴവുകളോ ഉണ്ടായാൽ സന്ദർശിക്കുക: ഉൽപ്പന്ന ഫീഡ്‌ബാക്ക് അല്ലെങ്കിൽ എങ്ങനെ പിഴവുകൾ സംഭവിച്ചിട്ടുണ്ടോ എന്നുള്ള വിവരം നൽകേണ്ടത്:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## അനുമതി ## ലൈസൻസ്
ഈ റെപ്പോസിറ്ററി MIT ലൈസൻസിനുള്ളടിയാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക. ഈ റിപോസിറ്ററി MIT ലൈസൻസ് പ്രകാരമാണ് ലൈസൻസു ചെയ്തിരിക്കുന്നത്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അക്കൗണ്ടബിലിറ്റി**: **പ്രതിജ്ഞാപത്രം**:
ഡോക്യുമെന്റ് AI വിവർത്തനസേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. എങ്കിലും നാം ശരിയായി വിവർത്തനം ചെയ്യാൻ ശ്രമിക്കുന്നുവെങ്കിലും, യാന്ത്രിക വിവർത്തനങ്ങളിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാവുന്നതാണ്. ഇതിന്റെ മൗലിക ഭാഷയിലുള്ള പ്രമാണം ഔദ്യോഗിക സ്രോതസ്സ് ആയി കണക്കാക്കിയിരിക്കണം. നിർണ്ണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യൻ നൽകുന്ന വിവർത്തനം അഭ്യർത്ഥിക്കപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ നിന്നുള്ള ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനഭ്രംശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല. രേഖ AI വിവർത്തന സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനംചെയ്തതാണ്. ഞങ്ങൾ ശരീയം അനുവദിക്കാൻ ശ്രമിച്ചേക്കുമ്പോഴും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും അസാധുതകളും ഉണ്ടായിരിക്കാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷത്തിലുള്ള ആസലിൾ രേഖ കൃത്യമായ ഉറവിടമായി പരിഗണിക്കേണ്ടതാണ്. നിർണായക വിവരങ്ങൾക്കായി, പ്രൊഫഷണൽ മാനവ വിവർത്തനം ശുപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചുള്ള തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനകാര്യങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദിത്വം ബാധകമല്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -0,0 +1,53 @@
# Microsoft's Web-Dev-For-Beginners റീപോസിറ്ററിയെ 위한 റോഡ്‌മാപ്പ്
**ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയിൽ കേന്ദ്രിച്ചുകൊണ്ടുള്ള വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിക്കാനുള്ള റോഡ്‌മാപ്പ് ഈ റീപോസിറ്ററി ആണ് നൽകുന്നത്. പാഠ്യക്രമം ഫ്ലെക്സിബിള്‍ ആണ്, പരമാവധി 24 പാഠങ്ങളുള്ള 12 ആഴ്ചകളായി പൂർത്തിയാക്കാം.**
## പ്രധാന മൈൽസ്‌റ്റോണുകൾ
* **ആഴ്ചകൾ 1-3:**
* പ്രോഗ്രാമിംഗ് ഭാഷകളും ഉപകരണങ്ങളും പരിചയം
* GitHub അടിസ്ഥാനങ്ങൾ
* ആക്‌സസിബിലിറ്റി
* JS അടിസ്ഥാനങ്ങൾ: ഡേറ്റ ടൈപ്പുകൾ, ഫംഗ്ഷനുകൾ, മെത്തഡുകൾ
* JS ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കൽ
* **ആഴ്ചകൾ 4-6:**
* അരേയും ലൂപ്പുകളും
* ടെറേറിയം: HTML പ്രായോഗികം
* CSS പ്രായോഗികം
* ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ
* DOM മാറ്റങ്ങൾ
* **ആഴ്ചകൾ 7-9:**
* ടൈപ്പിംഗ് ഗെയിം: ഇവന്റ്-ഡ്രിവൻ പ്രോഗ്രാമിംഗ്
* ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ: ബ്രൗസറുകളുമായി പ്രവർത്തനം
* ഫോം നിർമ്മാണം, API വിളിപ്പ്, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കൽ
* ബ്രൗസറിലുള്ള പശ്ചാത്തല പ്രക്രിയകൾ
* വെബ് പ്രവർത്തനക്ഷമത
* **ആഴ്ചകൾ 10-12:**
* സ്‌പേസ് ഗെയിം: ജാവാസ്ക്രിപ്റ്റിൽ കൂടുതൽ മുന്നേറ്റ ഗെയിം ഡെവലപ്പ്മെന്റ്
* ക്യാനവാസിൽ ഡ്രോയിംഗ്
* സ്ക്രീനിലെ ഘടകങ്ങൾ ചലിപ്പിക്കൽ
* കൂട്ടിയിടിപ്പു കണ്ടെത്തൽ
* സ്കോർ സൂക്ഷിക്കൽ, ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ
* ബാങ്കിംഗ് ആപ്പ്: വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും
* ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോം നിർമ്മാണം
* ഡാറ്റ ഫെച്ചിംഗും ഉപയോഗവും
* സ്റ്റേറ്റ് മേനേജ്മെന്റ് ആശയങ്ങൾ
## പഠന ഫലങ്ങൾ
**ഈ റോഡ്‌മാപ്പ് പൂർത്തിയാക്കുമ്പോൾ, വിദ്യാർത്ഥികൾ ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്‌പേസ് ഇൻവേഡർ ശൈലി ഗെയിം, ബിസിനസ് ബാങ്കിംഗ് ആപ്പ് എന്നിവയുടെ ഹാൻഡ്‌സ്ഒൺ അനുഭവം നേടും. കൂടാതെ വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ ദൃഢമായി മനസ്സിലാക്കും.**
## അധിക വിഭവങ്ങൾ
* കൂടുതൽ പഠനത്തിന് തറവാട്ട് വിഭവങ്ങളായ ട്യൂട്ടോറിയലുകൾ, കോഡ് ഉദാഹരണങ്ങൾ, ചാലഞ്ചുകൾ എന്നിവ ഈ റീപോസിറ്ററി നൽകുന്നു.
* മൈക്രോസോഫ്റ്റ് ലേൺ പ്ലാറ്റ്ഫോം വിവിധ വെബ് ഡെവലപ്പ്മെന്റ് കോഴ്സുകളും പഠന പാതകളും ഉണ്ട്.
* സ്റ്റാക്ക് ഓവർഫ്ലോ, MDN വെബ് ഡോക്സ് പോലുള്ള ഓൺലൈൻ സമുദായങ്ങൾ വെബ് ഡെവലപ്പർമാർക്കുള്ള വിലപ്പെട്ട പിന്തുണയും വിഭവങ്ങളും നൽകുന്നു.
**ജൊസ്‌ക്ക്രിപ്റ്റ് പഠന യാത്രയിൽ ഈ റോഡ്‌മാപ്പ് നിങ്ങളെ സഹായിക്കുമെന്ന് ആശംസിക്കുന്നു!**
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ഡിസ്ക്ലെയിമർ**:
ഈ രേഖ AI പരിഭാഷ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചിട്ടും, ഓട്ടോമേറ്റഡ് പരിഭാഷയിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. നാടിന്റെ ഭാഷയിലെ പ്രഥമ രേഖ ആധികാരിക സ്രോതസായി പരിഗണിക്കപ്പെടണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യൻ നടത്തിയ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗിച്ചുള്ള എന്തെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും പിഴവുകളുമായി ബന്ധപ്പെട്ട് ഞങ്ങൾ ഉത്തരവാദിത്വമില്ല.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,7 +1,7 @@
{ {
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e", "original_hash": "bec5e35642176d9e483552bfc82996d8",
"translation_date": "2026-01-08T20:04:20+00:00", "translation_date": "2026-03-06T14:01:40+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "te" "language_code": "te"
}, },
@ -493,7 +493,7 @@
}, },
"AGENTS.md": { "AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34", "original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2026-02-06T19:12:29+00:00", "translation_date": "2026-03-06T14:22:58+00:00",
"source_file": "AGENTS.md", "source_file": "AGENTS.md",
"language_code": "te" "language_code": "te"
}, },
@ -516,8 +516,8 @@
"language_code": "te" "language_code": "te"
}, },
"README.md": { "README.md": {
"original_hash": "6d6385fd098088cb2d690fb0a6cdaedc", "original_hash": "a2c9eed480687319517c08a6319e5536",
"translation_date": "2026-02-06T19:08:29+00:00", "translation_date": "2026-03-06T13:56:49+00:00",
"source_file": "README.md", "source_file": "README.md",
"language_code": "te" "language_code": "te"
}, },

@ -1,282 +1,282 @@
# AGENTS.md # AGENTS.md
## ప్రాజెక్ట్ అవలోకనం ## Project Overview
ఇది ప్రారంభానికి వెబ్ డెవలప్‌మెంట్ మూలబూతులను నేర్పడానికి విద్యాసంబంధిత పాఠ్యక్రమ రిపోజిటరీ. ఈ పాఠ్యక్రమం Microsoft Cloud Advocates అభివృద్ధి చేసిన పూర్తి 12 వారాల కోర్సు, 24 ప్రాక్టికల్ పాఠాలతో JavaScript, CSS, మరియు HTML నొక్కి చెంది ఉంటుంది. ఇది ప్రారంభ స్థాయి వారికి వెబ్ అభివృద్ధి మూలసూత్రాలు నేర్పడానికి ఒక విద్యాసంబంధి విధాన గ్రంథాలయము. ఈ విధాన గ్రంథాలయం Microsoft Cloud Advocates చేత రూపొందించిన సమగ్ర 12 వారాల కోర్స్, 24 హ్యాండ్‌‌ఆన్ పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML ని కవర్ చేస్తుంది.
### ముఖ్య భాగాలు ### Key Components
- **విద్యాసంబంధిత కంటెంట్**: 24 నిర్మిత పాఠాలు, ప్రాజెక్ట్-ఆధారిత మాడ్యూల్స్‌లో క్రమబద్ధీకరించబడ్డాయి - **Educational Content**: 24 నిర్మిత పాఠాలు ప్రాజెక్ట్ ఆధారిత మాడ్యూల్‌లుగా ఆర్గనైజ్ చేయబడ్డాయి
- **ప్రాక్టికల్ ప్రాజెక్ట్స్**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, మరియు AI Chat Assistant - **Practical Projects**: Terrarium, టైపింగ్ ఆట, బ్రౌజర్ ఎక్స్‌టెన్షన్, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ అసిస్టెంట్
- **ఇంటరాక్టివ్ క్విజ్‌లు**: 48 క్విజ్‌లు, ప్రతి ఒక్కటి 3 ప్రశ్నలతో (పూర్వ/పోస్ట్-పాఠ్య అంచనాలు) - **Interactive Quizzes**: 3 ప్రశ్నలతో కూడిన 48 క్విజ్‌లు (పాఠం ముందుకు/నీటి పరీక్షలు)
- **బహుభాషా మద్దతు**: GitHub Actions ద్వారా 50+ భాషల ఆటోమేటిక్ అనువాదాలు - **Multi-language Support**: GitHub Actions ద్వారా 50+ భాషలకి ఆటోమేటిక్ అనువాదాలు
- **టెక్నాలజీలు**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ప్రాజెక్టుల కోసం) - **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ప్రాజెక్టులకు)
### నిర్మాణం ### Architecture
- పాఠ్యక్రమ-ఆధారిత నిర్మాణం కలిగిన విద్యాసంబంధిత రిపోజిటరీ - పాఠాల ఆధారంగా నిర్మిత విద్యాసంబంధి గ్రంథాలయం
- ప్రతి పాఠం ఫోల్డర్ README, కోడ్ ఉదాహరణలు, మరియు పరిష్కారాలతో ఉంటుంది - ప్రతి పాఠం ఫోల్డర్‌లో README, కోడ్ ఉదాహరణలు, మరియు పరిష్కారాలు ఉంటాయి
- స్వతంత్ర ప్రాజెక్టులు వేర్వేరు డైరెక్టరీలలో (quiz-app, వివిధ పాఠాల ప్రాజెక్టులు) - వేరువేరు డైరెక్టరీలలో స్టాండ్‌లోన్ ప్రాజెక్టులు (quiz-app, వివిధ పాఠ ప్రాజెక్టులు)
- GitHub Actions (co-op-translator) ఉపయోగించి అనువాద వ్యవస్థ - GitHub Actions (co-op-translator) ద్వారా అనువాద వ్యవస్థ
- డాక్యుమెంటేషన్ Docsify ద్వారా సేవ్ చేసి PDF గా లభ్యం - Docsify ద్వారా డాక్యుమెంటేషన్ సర్వ్ అవుతుంది మరియు PDF గా అందుబాటులో ఉంటుంది
## సెటప్ కమాండ్లు ## Setup Commands
రిపోజిటరీ ప్రాథమికంగా విద్యాసంబంధిత కంటెంట్ వినియోగం కోసం. ప్రత్యేక ప్రాజెక్టులతో పనిచేయడానికి: గ్రంథాలయం ప్రధానంగా విద్యాసంబంధి విషయసాంపదాన్ని వినియోగించడానికి. ప్రత్యేక ప్రాజెక్టులతో పని చేయడానికి:
### ప్రధాన రిపోజిటరీ సెటప్ ### Main Repository Setup
```bash ```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners cd Web-Dev-For-Beginners
``` ```
### Quiz App సెటప్తో (Vue 3 + Vite) ### Quiz App Setup (Vue 3 + Vite)
```bash ```bash
cd quiz-app cd quiz-app
npm install npm install
npm run dev # డెవలప్‌మెంట్ సర్వర్‌ను ప్రారంభించండి npm run dev # అభివృద్ధి సర్వర్ ప్రారంభించండి
npm run build # ఉత్పత్తి కోసం తయారు చేయండి npm run build # ఉత్పత్తి కోసం నిర్మించండి
npm run lint # ESLint నడపండి npm run lint # ESLint ను నడపండి
``` ```
### బ్యాంక్ ప్రాజెక్ట్ API (Node.js + Express) ### Bank Project API (Node.js + Express)
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm install npm install
npm start # API సర్వర్ ప్రారంభించండి npm start # API సర్వర్ ప్రారంభించండి
npm run lint # ESLint నడపండి npm run lint # ESLint నడపండి
npm run format # Prettier తో ఫార్మాట్ చెయ్యండి npm run format # Prettier తో ఫార్మాట్ చయండి
``` ```
### బ్రౌజర్ ఎక్స్‌టెన్షన్ ప్రాజెక్టులు ### Browser Extension Projects
```bash ```bash
cd 5-browser-extension/solution cd 5-browser-extension/solution
npm install npm install
# బ్రౌజర్-ప్రత్యేకమైన ఎక్స్‌టెన్షన్ లోడింగ్ సూచనలను అనుసరించండి # బ్రౌజర్-ప్రత్యేక\Extension లోడ్ చేయడం సంబంధించిన సూచనలను అనుసరించండి
``` ```
### స్పేస్ గేమ్ ప్రాజెక్టులు ### Space Game Projects
```bash ```bash
cd 6-space-game/solution cd 6-space-game/solution
npm install npm install
# బ్రౌజర్‌లో index.html ఫైల్‌ని తెరవండి లేదా లైవ్ సర్వర్ ఉపయోగించండి # బ్రౌజర్ లో index.html ని తెరవండి లేదా Live Server ఉపయోగించండి
``` ```
### చాట్ ప్రాజెక్ట్ (Python బ్యాక్-ఎండ్) ### Chat Project (Python Backend)
```bash ```bash
cd 9-chat-project/solution/backend/python cd 9-chat-project/solution/backend/python
pip install openai pip install openai
# GITHUB_TOKEN పర్యావరణ మార్పిడి వేరియబుల్ ని సెట్ చేయండి # GITHUB_TOKEN పరిసర మార్పిడి చేర్పించండి
python api.py python api.py
``` ```
## అభివృద్ధి కార్యప్రవాహం ## Development Workflow
### కంటెంట్ కాంట్రిబ్యూటర్ల కోసం ### For Content Contributors
1. **రిపోజిటరీని ఫోర్క్ చేయండి** మీ GitHub అకౌంట్‌కు 1. **మీ GitHub ఖాతాకు రిపోజిటరీని ఫోর্ক్ చేసుకోండి**
2. **మీ ఫోర్క్‌ను లోకల్‌లో క్లోన్ చేయండి** 2. **మీ ఫోర్క్‌ను స్థానికంగా క్లోన్ చేసుకోండి**
3. **మీ మార్పులకు కొత్త బ్రాంచ్ సృష్టించండి** 3. **మీ మార్పులకు కొత్త బ్రాంచ్ సృష్టించండి**
4. పాఠ్య కంటెంట్ లేదా కోడ్ ఉదాహరణలు మార్చండి 4. పాఠ విషయసాంపదం లేదా కోడ్ ఉదాహరణలలో మార్పులు చేయండి
5. సంబంధిత ప్రాజెక్ట్ డైరెక్టరీలలో మార్పులపై పరీక్షించండి 5. సంబంధిత ప్రాజెక్టుల డైరెక్టరీలలో కోడ్ మార్పులను పరీక్షించండి
6. సహకార మార్గదర్శకాలు అనుసరించి пул్ రిక్వెస్ట్‌లను పంపండి 6. కాంట్రిబ్యూషన్ మార్గదర్శకాలను అనుసరించి పుల్ రిక్వెస్ట్‌లు సమర్పించండి
### నేర్చుకుంటున్నవారికి ### For Learners
1. రిపోజిటరీని ఫోర్క్ లేదా క్లోన్ చేయండి 1. రిపోజిటరీని ఫోర్క్ లేదా క్లోన్ చేసుకోండి
2. వరుసగా పాఠాల డైరెక్టరీలలో నావిగేట్ చేయండి 2. పాఠము డైరెక్టరీలను వరుసగా సందర్శించండి
3. ప్రతి పాఠ README ఫైళ్లను చదవండి 3. ప్రతి పాఠానికి README ఫైళ్లను చదవండి
4. https://ff-quizzes.netlify.app/web/ వద్ద ప్రీ-పాఠ క్విజ్‌లు పూర్తి చేయండి 4. https://ff-quizzes.netlify.app/web/ వద్ద పూర్వ-పాఠ క్విజ్‌లను పూర్తి చేయండి
5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణలపై పని చేయండి 5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణల మీద పని చేయండి
6. అసైన్మెంట్లు మరియు ఛాలెంజ్‌లను పూర్తి చేయండి 6. అసైన్మెంట్లు మరియు ఛాలెంజ్‌లను పూర్తి చేయండి
7. పోస్ట్-పాఠ క్విజ్‌లు తీసుకోండి 7. తర్వాత-పాఠ క్విజ్‌లను తీసుకోండి
### ప్రత్యక్ష అభివృద్ధి ### Live Development
- **డాక్యుమెంటేషన్**: రూట్‌లో `docsify serve`డపండి (పోర్ట్ 3000) - **డాక్యుమెంటేషన్**: రూట్‌లో `docsify serve`ు (పోర్ట్ 3000) నడపండి
- **Quiz App**: `quiz-app` డైరెక్టరీలో `npm run dev` నడపండి - **క్విజ్ యాప్**: quiz-app డైరెక్టరీలో `npm run dev` నడపండి
- **ప్రాజెక్ట్స్**: HTML ప్రాజెక్టుల కోసం VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి - **ప్రాజెక్టులు**: HTML ప్రాజెక్టులకు VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి
- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలలో `npm start` నడపండి - **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలలో `npm start`ు నడపండి
## పరీక్ష సూచనలు ## Testing Instructions
### Quiz App పరీక్ష ### Quiz App Testing
```bash ```bash
cd quiz-app cd quiz-app
npm run lint # కోడ్ శైలి సమస్యల కోసం తనిఖీ చేయండి npm run lint # కోడ్ శైలి సమస్యలను తనిఖీ చేయండి
npm run build # బిల్డ్ విజయవంతమవుతుందో లేదో నిర్ధారించండి npm run build # నిర్మాణం విజయవంతమయ్యిందా అని ధృవీకరించండి
``` ```
### బ్యాంక్ API పరీక్ష ### Bank API Testing
```bash ```bash
cd 7-bank-project/api cd 7-bank-project/api
npm run lint # కోడ్ శైలి సమస్యలు కోసం తనిఖీ చేయండి npm run lint # కోడ్ శైలీ సమస్యలను తనిఖీ చేయండి
node server.js # లోపాలు లేకుండా సర్వర్ ప్రారంభమవుతున్నదేమో ధృవీకరించండి node server.js # సర్వర్ తప్పులు లేకుండా ప్రారంభమవుతుందో ధృవీకరించండి
``` ```
### సాధారణ పరీక్షా దృక్కోణం ### General Testing Approach
- ఇది విద్యాసంబంధి రిపోజిటరీ, సమగ్ర ఆటోమేటిక్ టెస్టులు లేవు - ఇది పూర్తి ఆటోమేటిక్ పరీక్షలతో లేని విద్యాసంబంధి రిపోజిటరీ
- మాన్యువల్ టెస్టింగ్ దృష్టికోణం: - మాన్యువల్ పరీక్షలలో దృష్టి:
- కోడ్ ఉదాహరణలు తప్పులు లేకుండానే నడవాలి - కోడ్ ఉదాహరణలు తప్పుల లేకుండా నడవడం
- డాక్యుమెంటేషన్‌లో లింకులు సరైన పనితీరుని కలిగి ఉండాలి - డాక్యుమెంటేషన్ లో లింకులు సరిగా పని చేయడం
- ప్రాజెక్ట్ బిల్డ్ విజయవంతంగా పూర్తవ్వాలి - ప్రాజెక్టు బిల్డులు విజయవంతంగా పూర్తి కావడం
- ఉదాహరణలు ఉత్తమ సాధనాలను అనుసరించాలి - ఉదాహరణలు ఉత్తమ పద్ధతులను అనుసరించడం
### సమర్పణకు ముందు తనిఖీలు ### Pre-submission Checks
- package.json ఉన్న డైరెక్టరీలలో `npm run lint` నడపండి - package.json ఉన్న డైరెక్టరీలలో `npm run lint`ు నడపండి
- మార్క్‌డౌన్ లింకులు కచ్చితంగా పని చేస్తాయనే ధృవీకరించండి - మార్క్డౌన్ లింకులు సరైనవో తనిఖీ చేసుకోండి
- బ్రౌజర్ లేదా Node.js లో కోడ్ ఉదాహరణలను పరీక్షించండి - కోడ్ ఉదాహరణలు బ్రౌజర్ లేదా Node.js లో పరీక్షించండి
- అనువాదాలు సరైన నిర్మాణ పాటిస్తున్నాయనే చూడండి - అనువాదాలు సరైన నిర్మాణాన్ని కొనసాగిస్తున్నాయా చూడండి
## కోడ్ స్టైల్ గైడ్‌లైన్‌లు ## Code Style Guidelines
### JavaScript ### JavaScript
- ఆధునిక ES6+ సింటాక్స్ ఉపయోగించండి - ఆధునిక ES6+ సింటాక్స్ ఉపయోగించండి
- ప్రాజెక్టుల్లో అందించిన ESLint నిర్దేశాలను అనుసరించండి - ప్రాజెక్టులు అందించే స్టాండర్డ్ ESLint కాన్ఫిగరేషన్లను పాటించండి
- విద్యార్థులకు సులభంగా అర్థమయ్యేలా ప్రయోజనకరమైన వేరియబుల్ మరియు ఫంక్షన్ పేర్లను ఉపయోగించండి - విద్యార్థులకు స్పష్టమైన వేరియబుల్ మరియు ఫంక్షన్ పేర్లను ఉపయోగించండి
- భావాలను వివరిస్తూ కామెంట్లు జోడించండి - సూత్రాలను వివరిస్తూ కామెంట్లు చేర్చండి
- Prettier ఎక్కడుంటే అందిని ఫార్మాట్ చేయండి - Prettier సదుపాయం ఉన్న చోట ఫార్మాట్ చేయండి
### HTML/CSS ### HTML/CSS
- సేమాంటిక్ HTML5 అంశాలు ఉపయోగించండి - సేమాంటిక్ HTML5 ఎలిమెంట్లు
- రెస్పాన్సివ్ డిజైన్ సూత్రాలు - రెస్పాన్సివ్ డిజైన్ సిద్ధాంతాలు
- క్లియర్ క్లాస్ నేమింగ్ కన్వెన్షన్స్ - స్పష్టమైన క్లాస్ నేమ్ నియమాలు
- CSS టెక్నిక్‌లు వివరించే కామెంట్లు విద్యార్థుల కోసం - CSS సాంకేతికాలను వివరిస్తూ కామెంట్లు
### Python ### Python
- PEP 8 స్టైల్ గైడ్‌లైన్‌లు - PEP 8 శైలి మార్గదర్శకాలు
- స్పష్టమైన, విద్యాసంబంధి కోడ్ ఉదాహరణలు - స్పష్టమైన, విద్యాసంబంధి కోడ్ ఉదాహరణలు
- అవసరమైతే టైప్ హింట్స్ జోడించండి - నేర్చుకోవడానికి ఉపయోగకరమైన టైప్ హింట్లు
### Markdown డాక్యుమెంటేషన్ ### Markdown Documentation
- క్లియర్ శీర్షిక వరుస - స్పష్టమైన హెడ్డింగ్ క్రమం
- భాష స్పెసిఫికేషన్ ఉన్న కోడ్ బ్లాక్స్ - భాష నిర్దేశంతో కోడ్ బ్లాక్‌లు
- అదనపు వనరులకు లింకులు - అదనపు వనరులకు లింకులు
- `images/` డైరెక్టరీలలో స్క్రీన్‌షాట్‌లు మరియు చిత్రాలు - `images/` డైరెక్టరీలలో స్క్రీన్‌షాట్‌లు మరియు చిత్రాలు
- ఆక్సెసిబిలిటీ కోసం చిత్రాలకు Alt టెక్స్ట్ - యాక్సెసిబిలిటీకి చిత్రాలకి Alt టెక్స్ట్
### ఫైల్ ఆర్గనైజేషన్ ### File Organization
- పాఠాలు వరుస సంఖ్యలతో (1-getting-started-lessons, 2-js-basics, మొదలైనవి) - పాఠాలు సీరియల్ నంబర్లతో (1-getting-started-lessons, 2-js-basics, మొదలైనవి)
- ప్రతి ప్రాజెక్ట్‌కు `solution/` మరియు తరచుగా `start/` లేదా `your-work/` డైరెక్టరీలు ఉంటాయి - ప్రతి ప్రాజెక్టులో `solution/` మరియు చాలాసార్లు `start/` లేదా `your-work/` ఫోల్డర్‌లు
- చిత్రాలు పాఠాలకు ప్రత్యేకమైన `images/` ఫోల్డర్లలో నిల్వ చేస్తారు - పాఠానుసార చిత్రాలు `images/` ఫోల్డర్‌లలో నిల్వ
- అనువాదాలు `translations/{language-code}/` నిర్మాణంలో ఉంటాయి - అనువాదాలు `translations/{language-code}/` నిర్మాణంలో
## బిల్డ్ మరియు డిప్లాయ్‌మెంట్ ## Build and Deployment
### Quiz App డిప్లాయ్‌మెంట్ (Azure Static Web Apps) ### Quiz App Deployment (Azure Static Web Apps)
quiz-app Azure Static Web Apps డిప్లాయ్‌మెంట్ కోసం కాంకిగర్ చేయబడింది: quiz-app Azure Static Web Apps డిప్లాయ్‌మెంట్ కోసం కాన్ఫిగర్ చేయబడింది:
```bash ```bash
cd quiz-app cd quiz-app
npm run build # dist/ ఫోల్డర్ సృష్టిస్తుంది npm run build # dist/ ఫోల్డర్ సృష్టిస్తుంది
# ప్రధానానికి పుష్ చేసినప్పుడు GitHub Actions వర్క్‌ఫ్లో ద్వారా విడుదల చేస్తుంది # ప్రధాన బ్రాంచ్‌కు పుష్ చేసినప్పుడు GitHub Actions వర్క్‌ఫ్లో ద్వారా రెడీ చేస్తుంది
``` ```
Azure Static Web Apps సెట్టింగ్స్:
- **ఆప్ లోకేషన్**: `/quiz-app`
- **అవుట్‌పుట్ లోకేషన్**: `dist`
- **వర్క్‌ఫ్లో**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### డాక్యుమెంటేషన్ PDF జనరేషన్ Azure Static Web Apps కాన్ఫిగరేషన్:
- **App location**: `/quiz-app`
- **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Documentation PDF Generation
```bash ```bash
npm install # docsify-to-pdf ను ఇన్‌స్టాల్ చేయండి npm install # docsify-to-pdf ని ఇన్‌స్టాల్ చేయండి
npm run convert # docs నుండి PDF ను రూపొందించండి npm run convert # docs నుండి PDF సృష్టించండి
``` ```
### Docsify డాక్యుమెంటేషన్ ### Docsify Documentation
```bash ```bash
npm install -g docsify-cli # Docsify ని గ్లోబలీ ఇన్‌స్టాల్ చేయండి npm install -g docsify-cli # Docsifyను గ్లోబల్‌గా ఇన్‌స్టాల్ చేయండి
docsify serve # localhost:3000 పై సర్వ్ చేయండి docsify serve # localhost:3000పై సేవ్ చేయండి
``` ```
### ప్రాజెక్ట్-స్పెసిఫిక్ బిల్డ్స్ ### Project-specific Builds
ప్రతి ప్రాజెక్ట్ డైరెక్టరీకి తనంతటివిగా బిల్డ్ ప్రోసెస్ ఉండవచ్చు: ప్రతి ప్రాజెక్టు డైరెక్టరీకు తమ దేనిగానో బిల్డ్ ప్రాసెస్ ఉండవచ్చు:
- Vue ప్రాజెక్టులు: `npm run build` ప్రొడక్షన్ బండిల్స్ సృష్టిస్తుంది - Vue ప్రాజెక్టులు: `npm run build` తో ప్రొడక్షన్ బండిల్స్ తయారు చేస్తుంది
- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ స్టెప్ లేదు, అందుబాటులో ఉండే ఫైళ్ళను నేరుగా సేవ్ చేస్తాయి - స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ స్టెప్ లేదు, ఫైళ్లు నేరుగా సర్వ్ చేయబడతాయి
## పుల్ రిక్వెస్ట్ గైడ్‌లైన్‌లు ## Pull Request Guidelines
### టైటిల్ ఫార్మాట్ ### Title Format
మార్పుల ప్రాంతాన్ని స్పష్టంగా తెలియజేసే హెడ్డింగ్‌లను వాడండి: మార్పుల ప్రాంతాన్ని సూచించే స్పష్టమైన, వివరణాత్మక శీర్షికలు ఉపయోగించండి:
- `[Quiz-app] కొత్త క్విజ్ జోడించండి పాఠం X కోసం` - `[Quiz-app] Add new quiz for lesson X`
- `[Lesson-3] terrarium ప్రాజెక్ట్‌లో టైపో సరిచేయండి` - `[Lesson-3] Fix typo in terrarium project`
- `[Translation] పాఠం 5కి స్పానిష్ అనువాదం జోడించండి` - `[Translation] Add Spanish translation for lesson 5`
- `[Docs] సెటప్ సూచనలను అప్‌డేట్ చేయండి` - `[Docs] Update setup instructions`
### అవసరమైన తనిఖీలు ### Required Checks
ఓ PR పంపించే ముందు: PR సమర్పించడానికి ముందు:
1. **కోడ్ నాణ్యత**: 1. **కోడ్ నాణ్యత**:
- ప్రభావాన్ని పొందిన ప్రాజెక్ట్ డైరెక్టరీలలో `npm run lint` నడపండి - ప్రభావిత ప్రాజెక్టు డైరెక్టరీల్లో `npm run lint` నడపండి
- అన్ని లింట్ తప్పులు మరియు వార్నింగ్‌లను సరిచేయండి - అన్ని లింట్ లోపాలు మరియు హెచ్చరికలు సరిదిద్దండి
2. **బిల్డ్ ధృవీకరణ**: 2. **బిల్డ్ ధృవీకరణ**:
- అవసరమైతే `npm run build` నడపండి - అవసరమైతే `npm run build` నడపండి
- ఎలాంటి బిల్డ్ లోపాలు లేకుండా చూసుకోండి - ఎలాంటి బిల్డ్ ఎర్రర్లు లేవని నిర్ధారించుకోండి
3. **లింక్ ధృవీకరణ**: 3. **లింక్ ధృవీకరణ**:
- అన్ని మార్క్డౌన్ లింకులను పరీక్షించండి - అన్ని మార్క్డౌన్ లింకులను పరీక్షించండి
- చిత్ర సూచనలను ధృవీకరించండి - ఇమేజ్ సూచనలు సరిగా ఉన్నాయా చూడండి
4. **కంటెంట్ సమీక్ష**: 4. **అంశాల సమీక్ష**:
- స్పెల్లింగ్ మరియు వ్యాకరణం పరిశీలించండి - స్పెల్లింగ్ మరియు వ్యాకరణం తనిఖీ చేయండి
- కోడ్ ఉదాహరణలు సరైనవి మరియు విద్యాసంబంధితమని నిర్ధారించండి - కోడ్ ఉదాహరణలు సరైనవిగా, విద్యాసంబంధిగా ఉన్నాయా చూడండి
- అనువాదాలు ప్రారంభ అర్థాన్ని తప్పకుండా కలిగి ఉండాలి - అనువాదాలు అసలు అర్థాన్ని నిలుపుకున్నాయా పరిశీలించండి
### సహకార అవసరాలు ### Contribution Requirements
- Microsoft CLA అంగీకరించాలి (మొదటి PR వద్ద ఆటోమేటిక్ తనిఖీ) - Microsoft CLA కి అంగీకరించాలి (మొదటి PR పై ఆటోమేటిక్ చెక్)
- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) అనుసరించండి - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ను అనుసరించాలి
- వివరణాత్మక మార్గదర్శకాలకు [CONTRIBUTING.md](./CONTRIBUTING.md) చూడండి - [CONTRIBUTING.md](./CONTRIBUTING.md) లో డీటెయిల్డ్ మార్గదర్శకాలు చూడండి
- అవసరమైతే PR వివరణలో ఇష్యూ సంఖ్యలను ప్రస్తావించండి - అవసరమైతే PR వివరణలో ఇష్యూ నంబర్లు సూచించండి
### సమీక్ష ప్రక్రియ ### Review Process
- PRలు మేంటెయినర్లు మరియు కమ్యూనిటీ పరిశీలిస్తారు - PRలు మెయింటైనర్లు మరియు కమ్యూనిటీ సమీక్షిస్తారు
- విద్యాసంబంధిత స్పష్టత ప్రాధాన్యత దక్కుతుది - విద్యాసంబంధమైన స్పష్టత ప్రాధాన్యం
- కోడ్ ఉదాహరణలు ప్రస్తుత ఉత్తమ విధానాలను అనుసరించాలి - కోడ్ ఉదాహరణలు ప్రస్తుత ఉత్తమ పద్ధతులను అనుసరించాలి
- అనువాదాలు ఖచ్చితత్వం మరియు సాంస్కృతిక అనుకూలత కోసం సమీక్షించబడతాయి - అనువాదాలు సరైనత మరియు సాంస్కృతిక అనుకూలత కోసం సమీక్షిస్తారు
## అనువాద వ్యవస్థ ## Translation System
### ఆటోమేటెడ్ అనువాదం ### Automated Translation
- GitHub Actions లో co-op-translator వర్క్‌ఫ్లో ఉపయోగిస్తుంది - GitHub Actions లో co-op-translator వర్క్‌ఫ్లో ఉపయోగిస్తుంది
- 50+ భాషలకు ఆటోమేటిక్ అనువాద - 50+ భాషలకు ఆటోమేటిక్ అనువాదాలు చేస్తుంది
- మూల ఫైళ్లు ప్రధాన డైరెక్టరీలలో ఉంటాయి - మూల ఫైళ్లు ప్రధాన డైరెక్టరీలలో ఉంటాయి
- అనువద ఫైళ్లు `translations/{language-code}/` లో ఉంటాయి - అనువదించిన ఫైళ్లు `translations/{language-code}/` ఫోల్డర్‌లలో ఉంటాయి
### మాన్యువల్ అనువాద మెరుగుదలలు జోడించడం ### Adding Manual Translation Improvements
1. `translations/{language-code}/`లో ఫైలు కనుగొనండి 1. `translations/{language-code}/` లో ఫైల్ ని గుర్తించండి
2. నిర్మాణాన్ని కాపాడుతూ మెరుగుదలలు చేయండి 2. నిర్మాణ కాపాడుకుని మెరుగుదలలు చేయండి
3. కోడ్ ఉదాహరణలు సక్రమంగా పనిచేస్తున్నట్లుగా చూసుకోండి 3. కోడ్ ఉదాహరణలు పనిచేసే విధంగా ఉంచండి
4. స్థానికీకరించిన క్విజ్ కంటెంట్‌ను పరీక్షించండి 4. లోకలైజ్డ్ క్విజ్ కంటెంట్ ఒకసారి పరీక్షించండి
### అనువాద మెటాడేటా ### Translation Metadata
అనువాద ఫైళ్లు మెటాడేటా హెడ్డర్ కలిగి ఉంటాయి: అనువదించిన ఫైళ్లకు మెటాడేటా హెడర్ ఉంటుంది:
```markdown ```markdown
<!-- <!--
CO_OP_TRANSLATOR_METADATA: CO_OP_TRANSLATOR_METADATA:
@ -288,121 +288,121 @@ CO_OP_TRANSLATOR_METADATA:
} }
--> -->
``` ```
## డీబగ్గింగ్ మరియు సమస్య పరిష్కారం
### సాధారణ సమస్యలు ## Debugging and Troubleshooting
### Common Issues
**Quiz app ప్రారంభం కావడం లేదు**: **క్విజ్ యాప్ మొదలుకాలేదు**:
- Node.js వర్షన్ చెక్ చేయండి (v14+ సూచించబడింది) - Node.js వర్షన్ (v14+ సూచించబడింది) తనిఖీ చేయండి
- `node_modules` మరియు `package-lock.json`ీసేసి, మళ్లీ `npm install` నడపండి - `node_modules` మరియు `package-lock.json`ొలగించి మళ్లీ `npm install` నడపండి
- పోర్ట్ టంగిళ్లను పరిశీలించండి (డిఫాల్ట్: Vite పోర్టు 5173) - పోర్ట్ సంకర్షణల కోసం తనిఖీ చేయండి (డిఫాల్ట్: Vite పోర్ట్ 5173 ఉపయోగిస్తుంది)
**API సర్వర్ ప్రారంభం కాదనేది**: **API సర్వర్ ప్రారంభం అవ్వట్లేదు**:
- Node.js కనీస వెర్షన్ (node >=10) ఉన్నదని ధృవీకరించండి - Node.js వర్షన్ కనీసం node >=10 అని నిర్ధారించుకోండి
- పోర్ట్ ఇప్పటికే వినియోగంలో ఉందో లేదో తనిఖీ చేయండి - పోర్ట్ ఇప్పటికే వాడుకలో ఉందా చూడండి
- అన్ని డిపెండెన్సీల`npm install` తో ఇన్స్టాల్ అయ్యాయో చూసుకోండి - అన్ని డిపెండెన్సీలను `npm install` తో ఇన్‌స్టాల్ చేసినారా చూడండి
**Browser extension లోడ్ కావడం లేదు**: **బ్రౌజర్ ఎక్స్‌టెన్షన్ లోడ్ అవట్లేదు**:
- manifest.json సరైన ఫార్మాట్‌లో ఉందా చూడండి - manifest.json సరైన ఫార్మాట్‌లో ఉందా చూడండి
- బ్రౌజర్ కన్సోల్ లోలోపాలను తనిఖీ చేయండి - బ్రౌజర్ కన్సోల్‌లో ఎర్రర్స్ కోసం తనిఖీ చేయండి
- బ్రౌజర్-ప్రత్యేక ఎక్స్‌టెన్షన్ ఇన్స్టలేషన్ సూచనలు అనుసరించండి - బ్రౌజర్-స్పెసిఫిక్ ఎక్స్‌టెన్షన్ ఇన్‌స్టలేషన్ సూచనలు పాటించండి
**Python చాట్ ప్రాజెక్ట్ సమస్యలు**: **Python చాట్ ప్రాజెక్ట్ సమస్యలు**:
- OpenAI ప్యాకేజీ ఇన్స్టాల్ చేయాలి: `pip install openai` - OpenAI ప్యాకేజీ ఇన్‌స్టాల్ అయ్యిందా: `pip install openai`
- GITHUB_TOKEN ఎన్విరాన్మెంట్ వేరియబుల్ సెట్ ఉందని చూసుకోండి - GITHUB_TOKEN ఎన్విరాన్మెంట్ వేరియబుల్ సెట్ అయిందా
- GitHub Models యాక్సెస్ అనుమతులు తనిఖీ చేయండి - GitHub మోడల్స్ యాక్సెస్ అనుమతులు సరి చూసుకోండి
**Docsify డాక్స్ సర్వ్ చేయడం లేదు**: **Docsify డాక్స్ సర్వ్ చేయడం లేదు**:
- గ్లోబల్‌గా docsify-cli ఇన్స్టాల్ చేయండి: `npm install -g docsify-cli` - docsify-cli ను గ్లోబలీ ఇన్స్టాల్ చేయండి: `npm install -g docsify-cli`
- రిపోజిటరీ రూట్ డైరెక్టరీ నుండి నడపండి - రిపోజిటరీ రూట్ డైరెక్టరీ నుండి నడపండి
- `docs/_sidebar.md`నికిని ధృవీకరించండి - `docs/_sidebar.md`ందేమో తనిఖీ చేయండి
### అభివృద్ధి పరిసర సూచనలు ### Development Environment Tips
- HTML ప్రాజెక్టులకు VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి - HTML ప్రాజెక్టులకు VS Code లో Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి
- ESLint మరియు Prettier ఎక్స్‌టెన్షన్లు consistent ఫార్మాటింగ్ కోసం ఇన్స్టాల్ చేయండి - ESLint మరియు Prettier ఎక్స్‌టెన్షన్లు ఫార్మాటింగ్ కోసం ఇన్‌స్టాల్ చేసుకోండి
- JavaScript డీబగ్గింగ్ కోసం బ్రౌజర్ డెవ్‌టూల్స్ వాడండి - జావాస్క్రిప్ట్ డీబగ్గింగ్ కోసం బ్రౌజర్ DevTools ఉపయోగించండి
- Vue ప్రాజెక్టులకు Vue DevTools బ్రౌజర్ ఎక్స్‌టెన్షన్ ఇన్స్టాల్ చేయండి - Vue ప్రాజెక్టులకు Vue DevTools బ్రౌజర్ ఎక్స్‌టెన్షన్ ఇన్స్టాల్ చేయండి
### పనితీరు పరిగణనలు ### Performance Considerations
- 50+ భాషలతో అనువాద ఫైల్స్ బహుళంగా ఉండటం వల్ల పూర్తి క్లోన్లు పెద్దవి - అనువదించిన ఫైల్స్ సంఖ్య ఎక్కువ (50+ భాషలు) కనుక పూర్తి క్లోన్‌ల పరిమాణం పెద్దది
- కంటెంట్ మీద మాత్రమే పని చేస్తుంటే షాలో క్లోన్ ఉపయోగించండి: `git clone --depth 1` - కేవలం కంటెంట్ మాత్రమే పని చేయాలనుకుంటే పొడవు 1 తో షలో క్లోన్ చేయండి: `git clone --depth 1`
- English కంటెంట్ పని సమయాల్లో అనువాదాలను సెర్చ్ నుండి వేరుపరచండి - ఇంగ్లీష్ విషయంపై పని చేస్తుంటే అనువాదాలను సెర్చ్‌ల నుండి తప్పించుకోండి
- మొదటి ప్రస్తుతంలో (npm install, Vite build) బిల్డ్ ప్రక్రియలు మెల్లగా ఉండవచ్చు - మొదటి రన్ లో బిల్డ్ ప్రాసెస్‌లు మెల్లగా ఉండవచ్చు (npm install, Vite build)
## భద్రతా పరిగణనలు ## Security Considerations
### ఎన్విరాన్మెంట్ వేరియబుల్స్ ### Environment Variables
- API కీలు ఎప్పుడూ రిపోజిటరీలో కమీట్ చేయవద్దు - API కీలు రిపోజిటరీలో కమిట్ చేయకూడదు
- `.env` ఫైల్స్ వాడండి (ఇవి `.gitignore` లోపల ఉన్నాయి) - `.env` ఫైల్స్ ఉపయోగించండి (ఇవి `.gitignore` లో ఉన్నాయి)
- ప్రాజెక్టు READMEలలో అవసరమైన ఎన్విరాన్మెంట్ వేరియబుల్స్ డాక్యుమెంట్ చేయండి - అవసరమైన ఎన్విరాన్మెంట్ వేరియబుల్స్‌ను ప్రాజెక్ట్ READMEల్లో డాక్యుమెంట్ చేయండి
### Python ప్రాజెక్టులు ### Python Projects
- వర్చువల్ ఎన్విరాన్మెంట్స్ వాడండి: `python -m venv venv` - వర్చువల్ ఎన్విరాన్‌మెంట్స్ ఉపయోగించాలి: `python -m venv venv`
- డిపెండెన్సీలను నవీకరించండి - డిపెండెన్సీలని నవీకరించుకోండి
- GitHub టోకెన్లు కనీస అవసరాలకు పరిమితం చేయాలి - GitHub టోకెన్లు కనీస అవసర అనుమతులతో ఉండాలి
### GitHub Models యాక్సెస్ ### GitHub Models Access
- GitHub Models కోసం Personal Access Tokens (PAT) అవసరం - GitHub మోడల్స్ కోసం వ్యక్తిగత యాక్సెస్ టోకెన్లు (PAT) అవసరం
- టోకెన్లు ఎన్విరాన్మెంట్ వేరియబుల్స్‌గా నిల్వ చేయండి - టోకెన్లు ఎన్విరాన్మెంట్ వేరియబుల్స్‌గా భద్రపరచాలి
- టోకెన్లు లేదా ప్రమాణపత్రాలు ఎప్పుడూ కమీట్ చేయవద్దు - టోకెన్లను లేదా క్రెడెన్షియల్స్‌ను ఎప్పుడూ కమిట్ చేయకూడదు
## అదనపు నోట్స్ ## Additional Notes
### లక్ష్య ప్రేక్షకులు ### Target Audience
- వెబ్ డెవలప్‌మెంట్లో సంపూర్ణ ప్రారంభికులు - వెబ్ అభివృద్ధికి పూర్తిగా కొత్తవారైన వారు
- విద్యార్థులు మరియు స్వయం-నియంత్రితులు - విద్యార్థులు మరియు స్వీయ విద్యార్థులు
- తరగతుల్లో ఈ పాఠ్యక్రమాన్ని ఉపయోగించే ఉపాధ్యాయులు - తరగతులలో ఈ విధాన గ్రంథాలయం ఉపయోగించే ఉపాధ్యాయులు
- కంటెంట్ లభ్యతకు మరియు దశల వారీ నైపుణ్య అభివృద్ధికి రూపకల్పన చేయబడింది - కంటెంట్ యాక్సెసిబిలిటీ మరియు కొద్ది కొద్దిగా నైపుణ్య అభివృద్ధికి రూపొందించబడింది
### విద్యా తత్వం ### Educational Philosophy
- ప్రాజెక్ట్-ఆధారిత నేర్పింపు విధానం - ప్రాజెక్ట్ ఆధారిత నేర్చుకునే విధానం
- తరచూ జ్ఞాన తనిఖీలు (క్విజ్‌లు) - తరచూ నోలెడ్జ్ చెక్స్ (క్విజ్‌లు)
- చేతులతో కోడింగ్ వ్యాయామాలు - ప్రాక్టికల్ కోడింగ్ వ్యాయామాలు
- వాస్తవ ప్రపంచ అప్లికేషన్ల ఉదాహరణలు - వాస్తవ అనువర్తన ఉదాహరణలు
- ఫ్రేమ్‌వర్క్‌లు ముందు మూలాధారాలపై దృష్టి - ఫ్రేమ్‌వర్క్‌లు కంటే ప్రాథమిక అంశాలపై దృష్టి
### రిపోజిటరీ నిర్వహణ ### Repository Maintenance
- సജീവ సముదాయం: నేర్చుకునేవారు మరియు సహకారులు - విద్యార్థులు మరియు కాంట్రిబ్యూటర్లు ఉన్న చురుకైన కమ్యూనిటీ
- డిపెండెన్సీలు మరియు కంటెంట్‌నూ తరచూ అప్‌డేట్ చేస్తారు - డిపెండెన్సీలు మరియు కంటెంట్‌కు రెగ్యులర్ అప్‌డేట్లు
- ఇష్యూలు మరియు చర్చలు మేంటెయినర్లు పర్యవేక్షిస్తారు - ఇష్యూస్ మరియు చర్చలను మెయింటైనర్లు పర్యవేక్షణ చేస్తారు
- అనువాద అప్‌డేట్స్ GitHub Actions ద్వారా ఆటోమేటెడ్ - అనువాదాలు GitHub Actions ద్వారా ఆటోమేటిక్‌గా నవీకరించబడుతుంటాయి
### సంబంధిత వనరులు ### Related Resources
- [Microsoft Learn modules](https://docs.microsoft.com/learn/) - [Microsoft Learn modules](https://docs.microsoft.com/learn/)
- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) - [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) నేర్చుకునేవారికి సూచించబడింది - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) నేర్చుకునేవారికి సిఫార్సు
- అదనపు కోర్సులు: Generative AI, Data Science, ML, IoT పాఠ్యక్రమాలు అందుబాటులో ఉన్నాయి - అదనపు కోర్సులు: జనరేటివ్ AI, డేటా సైన్స్, ML, IoT పరిధులు అందుబాటులో
### నిర్దిష్ట ప్రాజెక్టులతో పని ### Working with Specific Projects
ప్రతి ప్రాజెక్టు README ఫైళ్లను చూడండి: ప్రత్యేక ప్రాజెక్టుల వివరణాత్మక సూచనల కోసం, ఈ README ఫైళ్లను చూడండి:
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్ - `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ మరియు ఆథెంటికేషన్ - `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ డాక్యుమెంటేషన్‌తో
- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్‌టెన్షన్ అభివృద్ధి - `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్‌టెన్షన్ అభివృద్ధి
- `6-space-game/README.md` - కెన్వాస్-ఆధారిత గేమ్ డెవలప్‌మెంట్ - `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్
- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్ - `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్
### మోనోరిపోజిటరీ నిర్మాణం ### Monorepo Structure
పారంపరిక మోనోరిపో కాదు, కానీ ఇందులో బహుళ స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి: సాంప్రదాయిక మొనోరిపోగా కాకపోయినా, ఈ రిపోజిటరీలో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వయంగా పూర్తయినది - ప్రతి పాఠం స్వతంత్రంగా ఉండడం
- ప్రాజెక్టులు డిపెండెన్సీలు పంచుకోరు - ప్రాజెక్టులు డిపెండెన్సీలను పంచుకోకుండా ఉంటాయి
- వేరే ప్రాజెక్టులపై ప్రభావం లేకుండా వ్యక్తిగత ప్రాజెక్టులపై పని చేయడి - ప్రత్యెక ప్రాజెక్టులపై పని చేయడ మరొకదానికి ప్రభావం చూపడు
- పూర్తి పాఠ్యక్రమ అనుభవం కోసం పూర్తి రిపోను క్లోన్ చేయండి - మొత్తం విద్యాసంబంధ పాఠ్యాంశం కోసం మొత్తం రిపోను క్లోన్ చేసుకోవచ్చు
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**అస్పష్టత**: **హెచ్చరిక**:
డాక్యుమెంట్‌ను AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా అనువదించడానికి ప్రయత్నిస్తున్నప్పటికీ, సేవ ద్వారా ఉత్పన్నమవుతుండే అనువాదాల్లో తప్పులు లేదా అసమర్థతలు ఉండవచ్చని దయచేసి గమనించండి. మూల డాక్యుమెంట్ స్వదేశీ భాషలోనే అధికారికమైన మూలంగా పరిగణించబడాలి. కీలక సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సలహా ఇస్తాము. ఈ అనువాదం వాడకంలో వచ్చిన ఏమైనా అపార్థాలు లేదా తప్పుగా అర్ధం చేసుకోవడంపై మేము బాధ్యునికం కారు. పత్రాన్ని AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ద్వారా అనువదించడం జరిగింది. మనం సరైనదానిపై శ్రద్ధ పెట్టినా, ఆటోమేటిక్ అనువాదాలలో పొరపాట్లు లేదా లోపాలు ఉండవచ్చు. స్థానిక భాషలో ఉన్న అసలు పత్రాన్ని అధికారిక మూలంగా భావించవలెను. అత్యవసర సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సూచిస్తున్నాము. ఈ అనువాదం వలన వచ్చే అవగాహన లోపాలు లేదా తప్పుడు అవగాహనకు మేము బాధ్యత వహించము.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->

@ -1,196 +1,222 @@
# Web Development for Beginners - ఒక పాఠ్యక్రమం [![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)
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్లతో మా 12-వారం సమగ్ర కోర్సుతో వెబ్ డెవలప్‌మెంట్ బేసిక్స్ నేర్చుకోండి. 24 పాఠాల ప్రతిదీ జావాస్క్రిప్ట్, CSS, HTML లో టీరేరియమ్‌లు, బ్రౌజర్ ఎక్స్‌టెన్షన్లు, స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకొంటుంది. క్విజ్‌లు, చర్చలు, అనుభవ పరీక్షలతో ఇతరులతో పాల్గొనండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్యశైలితో మీ నైపుణ్యాలను బలోపేతం చేసి, మీ జ్ఞానాన్ని సద్వినియోగం చేసుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి! [![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/)
Azure AI Foundry Discord కమ్యూనిటీతో చేరండి [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
# ప్రారంభులకు వెబ్ అభివృద్ధి - ఒక కోర్సు
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ అందించే మా 12 వారాల సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మౌలికాలను తెలుసుకోండి. మొత్తం 24 పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML పై చేతితో చేయగల ప్రాజెక్టులను (టెర్రారియమ్‌లు, బ్రౌజర్ విస్తరణలు, స్పేస్ గేమ్స్) లో లోతుగా అవగాహన పొందుతారు. క్విజ్‌లు, చర్చలు, మరియు ప్రయోగాత్మక అసైన్మెంట్లతో భాగమవ్వండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్య విధానంతో మీ నైపుణ్యాలను అభివృద్ధి చేసుకోండి మరియు జ్ఞానం నిల్వ సామర్థ్యాన్ని మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
Azure AI Foundry Discord కమ్యూనిటీకి చేరండి
[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
ఈ వనరులను ఉపయోగించడం ప్రారంభించడానికి ఈ దశలను అనుసరించండి: ఈ వనరులను ఉపయోగించడం ప్రారంభించడానికి ఈ దశలను అనుసరించండి:
1. **రిపాజిటరీని ఫోర్క్ చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 1. **రిపజిటరీని ఫోర్క్ చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
2. **రిపాజిటరీను క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
3. [**Azure AI Foundry Discord లో చేరండి మరియు నిపుణులు మరియు సహ అభివృద్ధিকল্পులతో కలుసుకోండి**](https://discord.com/invite/ByRwuEEgH4) 3. [**Azure AI Foundry Discordలో చేరతారు మరియు నిపుణులు మరియు సహోద్యోగులతో కలుస్తారు**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 బహుభాషా మద్దతు ### 🌐 బహుభాషా మద్దతు
#### GitHub యాక్షన్ ద్వారా మద్దతు (ఆటోమేటెడ్ &ప్పుడూ తాజాలుగా) #### GitHub యాక్షన్ ద్వారా మద్దతు (ఆటోమేటెడ్ &ల్లప్పుడూ అప్డేట్ అవుతోంది)
> **స్థానికంగా క్లోన్ చేయాలా?** <!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](./README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
> ఈ రిపాజిటరీ 50+ భాషా అనువాదాలను కలిగి ఉంది, ఇది డౌన్లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి, స్పార్స్ చెకౌట్ ఉపయోగించండి: > **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?**
>
> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్‌లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతాయి. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
>
> **Bash / macOS / Linux:**
> ```bash > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners > cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ``` > ```
> ఇది మీరు ఈ కోర్సును పూర్తి చేయడానికి అవసరమైన అన్నింటినీ అందిస్తుంది మరింత వేగంగా డౌన్లోడ్ అవుతుంది. >
> **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 -->
**మరిన్ని అనువాద భాషలు మద్దతు కావాలనుకుంటే ఇక్కడ ఉన్నాయి [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** **మరింత అనువాద భాషలు కావాలంటే, వీటిని ఇక్కడ ([here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)) చూడండి**
[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑‍🎓 _మీరు విద్యార్థి అయితే?_ #### 🧑‍🎓 _మీరు విద్యార్థి అనుకుంటున్నారా?_
[**విద్యార్థి హబ్ పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) సందర్శించండి, ఇక్కడ మీరు ప్రారంభిక వనరులు, విద్యార్థి ప్యాక్స్ మరియు ఉచిత సర్టిఫికేట్ వోచర్ పొందగల మార్గాలు కనుగొంటారు. ఈ పేజీని బుక్‌మార్క్ చేసి నెలనెలగా కొత్త విషయాలను పరికించండి. [**Student Hub పేజీకి**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) సందర్శించండి, అక్కడ మీరు ప్రారంభస్థాయి వనరులు, విద్యార్థి ప్యాకులు మరియు ఉచిత సర్టిఫికెట్ వౌచర్ పొందడానికి మార్గాలు కూడా కనుగొనవచ్చు. ఈ పేజీని మీ బుక్‌మార్క్ చేసి సమయానికి సమయం చూసుకుంటూ ఉండండి ఎందుకంటే ప్రతి నెల కంటెంట్ మార్చబడుతుంది.
### 📣 ప్రకటన - పూర్తిచేయవలసిన కొత్త GitHub Copilot Agent మోడ్ ఛాలెంజ్‌లు! ### 📣 ప్రకటన - పూర్తి చేయవలసిన కొత్త GitHub Copilot Agent మోడ్ సవాళ్లు!
కొత్త ఛాలెంజ్ ఇవ్వబడింది, చాలా అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. ఇది మీరు GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయవలసిన ఒక కొత్త ఛాలెంజ్. మీరు Agent మోడ్ ను ఇంతవరకు ఉపయోగించలేదు అయితే, ఇది కేవలం టెక్స్ట్ సృష్టించడమే కాకుండా ఫైళ్లను సృష్టించగలదు, ఎడిట్ చేయగలదు, కమాండ్లను నడపగలదు మరియు మరిన్ని చేయగలదు. కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" అని చూడండి. ఇది GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయాల్సిన కొత్త సవాలు. మీరు Agent మోడ్ ని ఇప్పటివరకు ఉపయోగించకపోతే, ఇది కేవలం టెక్స్ట్ సృష్టించడం కాదు, ఫైళ్లు సృష్టించడం, సవరించడం, కమాండ్లు నడిపించడం వంటి పనులు కూడా చేయగలదు.
### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్ట్_ ### 📣 ప్రకటన - _జెనరేటివ్ AI ఉపయోగించి కొత్త ప్రాజెక్ట్_
కేవలం జోడించబడిన కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ చూడండి [project](./9-chat-project/README.md) కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ జోడించబడింది, దీనిని చూడండి [project](./9-chat-project/README.md)
### 📣 ప్రకటన - _Generative AI కోసం కొత్త పాఠ్యక్రమ_ JavaScript కు విడుదలైంది ### 📣 ప్రకటన - _జావాస్క్రిప్ట్ కోసం జెనరేటివ్ AI పై కొత్త కోర్సు విడుదలైది_
మా కొత్త Generative AI పాఠ్యక్రమాన్ని verpచేయకండి! మా కొత్త జెనరేటివ్ 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) ![Background](../../translated_images/te/background.148a8d43afde5730.webp)
- ప్రాథమికాలు నుండి RAG వరకు అన్ని విషయాలు పాఠాలు ఉన్నాయి. - ప్రాథమికాల నుండి RAG వరకు ప్రతి అంశానికి పాఠాలు.
- GenAI మరియు మాతో కూడిన companion యాప్ ఉపయోగించి చారిత్రక పాత్రలతో పరస్పరం పాల్గొనండి. - GenAI మరియు మా సహాయక యాప్ తో చారిత్రాత్మక పాత్రలతో పరస్పరం మాట్లాడండి.
- రసమైన మరియు ఆకర్షణీయమైన కథనం, మీరు కాలంతో ప్రయాణిస్తున్నారు! - సరదా మరియు ఆకర్షణీయ కథనం, మీరు కాలయాత్ర చేస్తారు!
![character](../../translated_images/te/character.5c0dd8e067ffd693.webp) ![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](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" బటన్ పై క్లిక్ చేయండి. 1. **రిపోజిటరీని ఫోర్క్ చేయండి**: ఈ పేజీ కుడి-పైన "Fork" బటన్ నొక్కండి.
2. **రిపజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` 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/te/createcodespace.0238bbf4d7a8d955.webp) ![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), ఈ టూల్స్ యొక్క వివిధ ఎంపికలను మీకు చూపిస్తుంది.
మా సిఫార్సు [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-getting-started-lessons/1-intro-to-programming-languages), ఈ టూలుల ఎంపికలో వివిధ ప్రత్యామ్నాయాలను మీకు చూపిస్తుంది.
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) [CodeSpace](./images/createcodespace.png)
తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ను ఓపెన్ చేసి, మీరు కాపీ చేసిన URLతో `<your-repository-url>` ని మార్చి క్రింది కమాండ్‌ను నడపండి:
తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)లో ఉన్న [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ఓపెన్ చేసి, కింది కమాండ్‌ను అమలు చేయండి, మీరు కాపీ చేసుకున్న URLతో `<your-repository-url>`ని మార్చుకోవడం ద్వారా:
```bash ```bash
git clone <your-repository-url> git clone <your-repository-url>
``` ```
2. Visual Studio Code లో ఫోల్డర్‌ను ఓపెన్ చేయండి. మీరు **File** > **Open Folder** పై క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంచుకోవచ్చు. 2. Visual Studio Code లో ఫోల్డర్‌ను ఓపెన్ చేయండి. మీరు దీన్ని **File** > **Open Folder**ను క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంపిక చేయడం ద్వారా చేయవచ్చు.
> సిఫారసు చేసిన Visual Studio Code ఎక్స్‌టెన్షన్స్: > సిఫార్సు చేయబడిన Visual Studio Code విస్తరణలు:
> >
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి > * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి
## 📂 ప్రతి పాఠం లో: ## 📂 ప్రతి పాఠం లో ఏమి ఉంటుంది:
- ఐచ్ఛిక స్కెచ్‌నోట్ - ఐచ్ఛిక స్కెచ్ నోట్
- ఐచ్ఛిక సప్లేమెంటల్ వీడియో - ఐచ్ఛిక సప్లిమెంటల్ వీడియో
- పాఠం ముందు వార్మ్-అప్ క్విజ్ - పాఠం ముందు వార్మప్ క్విజ్
- రాసిన పాఠం - రాత పాఠం
- ప్రాజెక్ట్ ఆధారిత పాఠాలకై, ప్రాజెక్ట్ నిర్మాణం గురించి దశల వారీ గైడ్‌లు - ప్రాజెక్ట్ ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ ను ఎలా నిర్మించాలో స్టెప్-బై-స్టెప్ గైడ్‌లు
- జ్ఞాన పరీక్షలు - జ్ఞాన తనిఖీలు
- ఒక సవాలు - ఒక ఛాలెంజ్
- సప్లేమెంటల్ పఠనం - సప్లిమెంటల్ చదవడం
- అసైన్మెంట్ - అస్సైన్మెంట్
- [ాఠ అనంతర క్విజ్](https://ff-quizzes.netlify.app/web/) - [ోస్ట్-పాఠం క్విజ్](https://ff-quizzes.netlify.app/web/)
> **క్విజ్ల గురించి ఒక నోట<EFBFBD>ి**: అన్ని క్విజ్లు 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) | జాస్మిన్ | | 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) | ఫ్లోర్ | | 02 | ప్రారంభం | GitHub ప్రాథమికాలు, జట్టుతో పనిచేయడం | మీ ప్రాజెక్ట్‌లో GitHubను ఎలా ఉపయోగించాలో, కోడ్ బేస్‌పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోండి | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | మొదలు పెట్టడం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలు నేర్చుకోండి | [యాక్సెసిబిలిటీ మూలాల](./1-getting-started-lessons/3-accessibility/README.md) | క్రిస్టోఫర్ | | 03 | ప్రారంభం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ యొక్క ప్రాథమికాంశాలు నేర్చుకోండి | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ప్రాథమికాలు | జావాస్క్రిప్ట్ డేటా తరకాలు | జావాస్క్రిప్ట్ డేటా తరకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | జాస్మిన్ | | 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాలు | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్లు | అనువర్తనం లోజిక్ ఫ్లోను నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్లు గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్లు](./2-js-basics/2-functions-methods/README.md) | జాస్మిన్ మరియు క్రిస్టోఫర్ | | 05 | JS ప్రాథమికాలు | ఫంక్షన్స్ మరియు మెథడ్స్ | అప్లికేషన్ యొక్క లాజిక్ ప్రవాహాన్ని నిర్వహించడానికి ఫంక్షన్స్ మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్స్ & మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS ప్రాథమికాలు | JSతో నిర్ణయాలు తీసుకోవడం | మీ కోడ్‌లో పరిస్థితులను సృష్టించడానికి నిర్ణయం తీసుకునే పద్ధతులు నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | జాస్మిన్ | | 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | నిర్ణయ తీసుకునే పద్ధతులు ఉపయోగించి మీ కోడ్లో కండిషన్లను ఎలా సృష్టించాలో నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ప్రాథమికాలు | అర్రెయ్స్ మరియు లూప్స్ | జావాస్క్రిప్ట్‌లో అర్రెయ్స్ మరియు లూప్స్‌ను ఉపయోగించి డేటాతో పని చేయండి | [అర్రెయ్స్ మరియు లూప్స్](./2-js-basics/4-arrays-loops/README.md) | జాస్మిన్ | | 07 | JS ప్రాథమికాలు | అర్రేస్ మరియు లూప్స్ | JavaScript లో అర్రేస్ మరియు లూప్స్ ఉపయోగించి డేటాతో పని చేయండి | [అర్రేస్ & లూప్స్](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [టెరేరియం](./3-terrarium/solution/README.md) | HTML ప్రయోగం | ఆన్‌లైన్ టెరేరియం సృష్టించడానికి HTML నిర్మాణం చేయండి, లేఅవుట్ తయారిపై దృష్టి పెట్టండి | [HTML పరిచయం](./3-terrarium/1-intro-to-html/README.md) | జెన్ | | 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ప్రాక్టీస్ | ఆన్‌లైన్ టెర్రేరియం సృష్టించడానికి HTML నిర్మించండి, లేఅవుట్ నిర్మాణంపై దృష్టి పెట్టి | [HTMLకి పరిచయం](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [టెరేరియం](./3-terrarium/solution/README.md) | CSS ప్రయోగం | ఆన్‌లైన్ టెరేరియం‌ను స్టైల్ చేయడానికి CSS నిర్మించండి, CSS ప్రాథమికాలపై దృష్టి పెట్టండి, పేజీ రిస్పాన్సివ్ చేయడం సహా | [CSS పరిచయం](./3-terrarium/2-intro-to-css/README.md) | జెన్ | | 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ప్రాక్టీస్ | ఆన్‌లైన్ టెర్రేరియం శైలీకరణకు CSS నిర్మించండి, పేజీని రెస్పాన్స్ చేయగల బాధ్యతతో | [CSSకి పరిచయం](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [టెరేరియం](./3-terrarium/solution/README.md) | JavaScript closures, DOM మేనేజ్‌మెంట్ | టెరేరియం డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్‌గా పని చేయడానికి జావాస్క్రిప్ట్ రూపొందించండి, closures మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టండి | [JavaScript closures, DOM మేనేజ్‌మెంట్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | జెన్ | | 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 | [టైపింగ్ గేమ్](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ నిర్మించండి | మీ జావాస్క్రిప్ట్ యాప్ లాజిక్‌ను కీబోర్డ్ ఈవెంట్స్ ద్వారా ఎలా నడిపించాలో నేర్చుకోండి | [ఈవెంట్-డ్రైవెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | క్రిస్టోఫర్ | | 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ ఆట నిర్మాణం | కీబోర్డ్ ఈవెంట్స్ ఉపయోగించి మీ JavaScript యాప్ యొక్క లాజిక్ డ్రైవ్ చేయడం నేర్చుకోండి | [ఈవెంట్-డ్రైవెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [గ్రీన్ బ్రౌసర్ ఎక్స్‌టెన్షన్](./5-browser-extension/solution/README.md) | బ్రౌసర్స్ తో పని చేయడం | బ్రౌసర్స్ ఎలా పనిచేస్తాయో, వాటి చరిత్ర, మొదటి బ్రౌసర్ ఎక్స్‌టెన్షన్ ఎలిమెంట్స్‌ను ఎలా తయారుచేయాలో నేర్చుకోండి | [బ్రౌసర్స్ గురించి](./5-browser-extension/1-about-browsers/README.md) | జెన్ | | 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లతో పని చేయడం | బ్రౌజర్లు ఎలా పని చేస్తాయో, వారి చరిత్రను, మరియు బ్రౌజర్ విస్తరణ మొదటి అంశాలను ఎలా స్కాఫోల్డ్ చేయాలో తెలుసుకోండి | [బ్రౌజర్లు గురించి](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [గ్రీన్ బ్రౌసర్ ఎక్స్‌టెన్షన్](./5-browser-extension/solution/README.md) | ఫారం తయారీ, API పిలుపు మరియు లోకల్ స్టోరేజ్ లో వేరియబుల్స్ నిల్వ చేయడం | బ్రౌసర్ ఎక్స్‌టెన్షన్ లో JavaScript ఎలిమెంట్స్ ను రూపొందించండి, లోకల్ స్టోరేజ్ లో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి API పిలవండి | [APIs, ఫారమ్స్ మరియు లోకల్ స్టోరేజ్](./5-browser-extension/2-forms-browsers-local-storage/README.md) | జెన్ | | 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 | [గ్రీన్ బ్రౌసర్ ఎక్స్‌టెన్షన్](./5-browser-extension/solution/README.md) | బ్రౌసర్ నేపథ్య ప్రక్రియలు, వెబ్ పనితీరు | ఎక్స్‌టెన్షన్ ఐకాన్ నిర్వహించడానికి బ్రౌసర్ నేపథ్య ప్రక్రియలను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [నేపథ్య పనులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | జెన్ | | 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్‌లో బ్యాక్గ్రౌండ్ ప్రాసెసులు, వెబ్ పనితీరు | విస్తరణ యొక్క ఐకాన్‌ను నిర్వహించడానికి బ్రౌజర్ బ్యాక్గ్రౌండ్ ప్రాసెసులను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [బ్యాక్గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | JavaScript తో అధునాతన గేమ్ అభివృద్ధి | క్లాసెస్ మరియు కంపోజిషన్ ఉపయోగించి వారసత్వం మరియు Pub/Sub నమూనా గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి పరిచయంగా | [అధునాతన గేమ్ అభివృద్ధి పరిచయం](./6-space-game/1-introduction/README.md) | క్రిస్ | | 15 | [Space Game](./6-space-game/solution/README.md) | మెరుగైన గేమ్ అభివృద్ధి JavaScript తో | క్లాస్ల్స్ మరియు కంపోజిషన్ మరియు పబ్/సబ్ ప్యాటర్న్ ఉపయోగించి వారసత్వం గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడం | [అడ్వాన్స్డ్ గేమ్ అభివృద్ధికి పరిచయం](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | కేన్వాస్ కు డ్రాయింగ్ | స్క్రీన్‌కు ఎలిమెంట్స్ డ్రా చేయడానికి ఉపయోగించే కేన్వాస్ API గురించి తెలుసుకోండి | [ేన్వాస్ కు డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | క్రిస్ | | 16 | [Space Game](./6-space-game/solution/README.md) | క్యాన్వాస్ పై డ్రాయింగ్ | స్క్రీన్ పై అంశాలను డ్రా చేయడానికి ఉపయోగించే క్యాన్వాస్ API గురించి తెలుసుకోండి | [్యాన్వాస్ డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ ఎలిమెంట్స్ కదలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు కేన్వాస్ API ఉపయోగించి ఎలిమెంట్స్‌కి మోషన్ ఎలా వస్తుందో కనుగొనండి | [ఎలిమెంట్స్ చుట్టూ కదలడం](./6-space-game/3-moving-elements-around/README.md) | క్రిస్ | | 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ అంశాలను కదిలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు క్యాన్వాస్ API ఉపయోగించి అంశాలను మోషన్ పొందने విధానాన్ని కనుగొనండి | [విభిన్న అంశాలను కదిలించడం](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | ఘర్షణ గుర్తింపు | ఎలిమెంట్స్‌ను ఒకదాన్ని మరోదానితో ఘర్షణ చేయించి, కీప్రెస్‌లను ఉపయోగించి ప్రతిస్పందన ఇస్తూ, గేమ్ పనితీరును నిర్ధారించడానికి కూల్‌డౌన్ ఫంక్షన్ అందించండి | [ఘర్షణ గుర్తింపు](./6-space-game/4-collision-detection/README.md) | క్రిస్ | | 18 | [Space Game](./6-space-game/solution/README.md) | ఢీగిడింపు గుర్తింపు | కీలను ఉపయోగించి అంశాలు ఢీగించిపోతూ మరియు పరస్పర చర్యను చేయిస్తూ గేమ్ పనితీరు కోసం కూల్‌డౌన్ ఫంక్షన్ అందించండి | [ఢీగిడింపు గుర్తింపు](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | స్కోర్ నిర్వహణ | గేమ్ స్థితి మరియు పనితీరు ఆధారంగా గణిత గణనలు చేయండి | [స్కోర నిర్వహణ](./6-space-game/5-keeping-score/README.md) | క్రిస్ | | 19 | [Space Game](./6-space-game/solution/README.md) | స్కోరు నిర్వహించడం | గేమ్ స్టేటస్ మరియు పనితీరు ఆధారంగా గణిత లెక్కింపులు చేయండి | [స్కోర నిర్వహణ](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు రీస్టార్ట్ | గేమ్ ముగింపు మరియు రీస్టార్ట్ గురించి తెలుసుకోండి, దీనిలో ఆస్తులు శుభ్రపరిచి, వేరియబుల్ విలువలను రీసెట్ చేయడం కూడా అందుబాటులో ఉంది | [ముగింపు షరతు](./6-space-game/6-end-condition/README.md) | క్రిస్ | | 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు పునఃప్రారంభం | గేమ్ ముగింపు మరియు పునఃప్రారంభం గురించి, ఆస్తులను శుభ్రపరచడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం సహా నేర్చుకోండి | [ముగింపు పరిస్థితి](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | వెబ్ యాప్ లో HTML టెంప్లేట్స్ మరియు రూట్స్ | రౌటింగ్ మరియు HTML టెంప్లేట్లను ఉపయోగించి బహుళ పేజీ వెబ్‌సైట్ ఆర్కిటెక్చర్ నిర్మాణం ఎలా చేయాలో నేర్చుకోండి | [HTML టెంప్లేట్స్ మరియు రూట్స్](./7-bank-project/1-template-route/README.md) | యోహాన్ | | 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్లో HTML టెంప్లేట్స్ మరియు రూట్స్ | రూటింగ్ మరియు HTML టెంప్లేట్స్ ఉపయోగించి మల్టీపేజి వెబ్‌సైట్ ఆర్కిటెక్చర్ యొక్క స్కాఫోల్డ్ సృష్టించడం నేర్చుకోండి | [HTML టెంప్లేట్స్ & రూట్స్](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మాణం | ఫారమ్స్ నిర్మించడం మరియు వాలిడేషన్ రూటీన్స్ నిర్వహణ గురించి తెలుసుకోండి | [ఫారమ్స్](./7-bank-project/2-forms/README.md) | యోహాన్ | | 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మాణం | ఫారాలు నిర్మించడం మరియు చెలామణీ ధృవీకరణ పద్ధతులు గురించి తెలుసుకోండి | [ఫారాలు](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | డేటా తీసుకోవడం మరియు ఉపయోగించే విధానం | మీ యాప్‌లో డేటా ఎలా ప్రవహిస్తుంది, దానిని ఎలా తీసుకుంటారు, నిల్వ చేస్తారు మరియు ఎలా తొలగిస్తారు అనే విషయాలు | [డేటా](./7-bank-project/3-data/README.md) | యోహాన్ | | 23 | [Banking App](./7-bank-project/solution/README.md) | డేటాను పొందడం మరియు ఉపయోగించే విధానాలు | మీ యాప్ లో డేటా ప్రవాహం ఎలా జరుగుతుందో, దాన్ని ఎలా పొందాలి, నిల్వ చేయాలి మరియు అవమానాన్ని నివారించాలి | [డేటా](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ కాన్సెప్ట్లు | మీ యాప్ స్టేట్‌ను ఎలా నిలబెట్టుకుంటుంది మరియు ప్రోగ్రామింగ్ ద్వారా దానిని ఎలా నిర్వహించాలో తెలుసుకోండి | [స్టేట్ మేనేజ్మెంట్](./7-bank-project/4-state-management/README.md) | యోహాన్ | | 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ కాన్సెప్ట్లు | మీ యాప్ ఎలా స్టేట్‌ను నిల్వ చేస్తుంది మరియు దానిని ప్రోగ్రామాటిక్గా ఎలా నిర్వహించాలో నేర్చుకోండి | [స్టేట్ మేనేజ్మెంట్](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode కోడ్](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం నేర్చుకోండి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | క్రిస్ | | 25 | [Browser/VScode Code](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా తెలుసుకోండి | [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI అసిస్టెంట్స్](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI అసిస్టెంట్‌ని ఎలా నిర్మించాలో నేర్చుకోండి | [AI అసిస్టెంట్ ప్రాజెక్ట్](./9-chat-project/README.md) | క్రిస్ | | 26 | [AI సహాయకులు](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI సహాయకుడు ఎలా నిర్మించాలో నేర్చుకోండి | [AI సహాయకుడు ప్రాజెక్ట్](./9-chat-project/README.md) | Chris |
## 🏫 పాఠ శాస్త్ర సూత్రాల ## 🏫 పాఠ్య విధానమ
మన పాఠ్యక్రమం రెండు ప్రధాన పాఠశాస్త్ర సూత్రాలతో రూపొందించబడింది: మన పాఠ్యक्रमం రెండు ముఖ్యమైన పాఠ్య విధాన సిద్ధాంతాలతో రూపొందించబడింది:
* ప్రాజెక్ట్ ఆధారిత నేర్చుకోవడం * ప్రాజెక్ట్ ఆధారిత నేర్పుక
* తరచుగా క్విజ్‌లు * తరచుగా క్విజ్‌లు
ఈ ప్రోగ్రామ్ జావాస్క్రిప్ట్, 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పై [లెర్న్ పాథ్](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 వారాల చక్రం చివరికి ప్రాజెక్టులు చిన్నవి నుండి భారీగా మారతాయి.
ఫ్రేమ్‌వర్క్స్ పరిచయం చేయకుండా, ఒక వెబ్ డెవలపర్‌గా అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టబడి రూపొందించబడిన ఈ పాఠ్యక్రమాన్ని పూర్తి చేసిన తర్వాత, Node.js పై మరొక వీడియో సిరీస్ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా నేర్చుకోవడం ఒక మంచి తదుపరి అడుగు అవుతుంది. JavaScript ఫ్రేమ్‌వర్క్‌లను పరిచయం చేయకుండా, ఒక వెబ్ డెవలపర్‌కు అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడం మన లక్ష్యం. ఈ పాఠ్యక్రమం పూర్తయిన తరువాత, Node.js గురించి మరొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" గురించి తెలుసుకోవడం మంచి తదుపరి దశ అవుతుంది.
> మాకు సంబంధించిన [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలను సందర్శించండి. మీ గొప్ప సూచనలకు మేము స్వాగతం పలుకుతాము! > మాకు ఉన్న [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు చూడండి. మీ నిర్మాణాత్మక ఫీడ్బాక్‌ని స్వాగతిస్తాము!
## 🧭 ఆఫ్‌లైన్ యాక్సెస్ ## 🧭 ఆఫ్‌లైన్ యాక్సెస్
[Docsify](https://docsify.js.org/#/) ఉపయోగించి మీరు ఈ డాక్యుమెంటేషన్‌ను ఆఫ్‌లైన్‌లో నడిపించవచ్చు. ఈ రిపోని ఫోর্ক్ చేసి, మీ లోకల్ మెషీన్‌లో [Docsify ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేసుకుని, ఆ తర్వాత ఈ రిపో రూట్ ఫోల్డర్ లో `docsify serve` అని టైప్ చేయండి. వెబ్‌సైట్ localhost: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 --> <!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain ### LangChain
@ -234,21 +260,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 Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG)
మీకు ఉత్పత్తి అభిప్రాయం లేదా నిర్మాణ సమయంలో లోపాలు ఉంటే సందర్శించండి: మీకు ఉత్పత్తి అభిప్రాయం లేదా తప్పిదాలు ఉంటే, ఆ విషయాలను సందర్శించండి:
[![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum)
## లైసెన్స్ ## లైసెన్స్
ఈ రిపోజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ పొందింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్‌ను చూడండి. ఈ రిపాజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ చేయబడింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్ చూడండి.
--- ---
<!-- CO-OP TRANSLATOR DISCLAIMER START --> <!-- CO-OP TRANSLATOR DISCLAIMER START -->
**అस्वీకార**: **అస్పష్ట**:
ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము ఖచ్చితత్వానికి ప్రాధాన్యం ఇస్తున్నప్పటికీ, ఆటోమేటిక్ అనువాదాలలో తప్పులు లేదా పొరపాట్లు ఉండవచ్చని దయచేసి గమనించండి. అసలు పత్రం దాని స్థానిక భాషలో నిబంధనాత్మక మూలముగా పరిగణించాలి. కీలక సమాచారం కోసం, ప్రొఫెషనల్ మానవ అనువాదం సూచింపబడుతుంది. ఈ అనువాదం వాడుక ద్వారా ఉత్పన్నమయ్యే ఏవైనా అపార్థాలు లేదా తప్పుతుడములను మేము కాబట్టి బాధ్యత వహించము. ఈ పత్ర AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడినది. మేము సరైన అనువాదం కోసం ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో లోపాలు లేదా పొరపాట్లు ఉండవచ్చు అని దయచేసి గమనించండి. అసలు పత్రం తన స్వభావ భాషలో సభ్యత సంపాదించిన ఆధారమైన మూలంగా భావించాలి. ముఖ్యమైన సమాచారం కోసం, నిపుణులైన మానవ అనువాదాన్ని సలహాగా తీసుకోవడం మంచిది. ఈ అనువాదం వలన ఏర్పడిన ఏవైనా అపార్థాలు లేదా తప్పు వివరణల కోసం మేము బాధ్యత వహించలేము.
<!-- CO-OP TRANSLATOR DISCLAIMER END --> <!-- CO-OP TRANSLATOR DISCLAIMER END -->
Loading…
Cancel
Save