ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಸುವ ಶೈಕ್ಷಣಿಕ ಪಾಠ್ಯಕ್ರಮ ಸಂಗ್ರಹವಾಗಿದೆ. ಈ ಪಾಠ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ವ್ಯಾಪಕ 12 ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಹಸ್ತಪ್ರಯೋಗ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ.
ಇದು ಪ್ರಾರಂಭಿಕರಿಗಾಗಿ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ತ್ವಗಳನ್ನು ಕಲಿಸುವ ಶಿಕ್ಷಣ ಕಾರ್ಯಕ್ರಮದ ರೆಪೊಸಿಟರಿ ಆಗಿದೆ. ಈ ಕಾರ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಅವರಿಂದ ಅಭಿವೃದ್ಧಿಗೊಳಿಸಲಾದ ಸಂಪೂರ್ಣ 12 ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡ 24 ಕೈಗಾರಿಕಾ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
### Key Components
### ಪ್ರಮುಖ ಅಂಶಗಳು
- **ಶೈಕ್ಷಣಿಕ ವಿಷಯ**: 24 ರಚನೆಗೊಳಿಸಲಾದ ಪಾಠಗಳು ಯೋಜನೆ ಆಧಾರಿತ ಘಟಕಗಳಾಗಿ ಸರಿಯಲಾಗಿದೆ
- **ಆಚಾರ್ಯ ಯೋಜನೆಗಳು**: Terrarium, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಅಂತರಿಕ್ಷ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- **ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ಕ್ವಿಜುಗಳು**: ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ 48 ಕ್ವಿಜುಗಳು (ಪೂರ್ವ/ಪೋಸ್ಟ್ ಪಾಠ ಇವೆಲ್ಯುವೇಶನ್ಗಳು)
- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳಿಗಾಗಿ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ಕಲಿಯುವವರಿಗೆ ಶಿಫಾರಸು
- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸ್ಗಳು: ಜನನಾತ್ಮಕ AI, ಡೇಟಾ ಸೈನ್ಸ್, ML, IoT ಕೋರ್ಸ್ಗಳು ಲಭ್ಯ
### Working with Specific Projects
### ವಿಶೇಷ ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಕೆಲಸ
ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳ ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಓದಿ:
ವೈಯಕ್ತಿಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ವಿವರ ಸೂಚನೆಗಳಿಗಾಗಿ README ಕಡತಗಳನ್ನು ನೋಡಿ:
- `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್
- `7-bank-project/README.md` - ಪ್ರಾಮಾಣೀಕರಣ ಹೊಂದಿದ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
- `7-bank-project/README.md` - ಪ್ರಾಮಾಣೀಕತೆ ಜೊತೆಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಯೋಜನೆ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಗೇಮ್ ಬೆಳವಣಿಗೆ
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್
### Monorepo Structure
### ಮೊನೊರೆಪೋ ರಚನೆ
ಪ್ರಚಲಿತ ಮಾನೊರೆಪೊ ಅಲ್ಲ, ಆದರೆ ಈ ಸಂಗ್ರಹದಲ್ಲಿ ಹಲವಾರು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳಿವೆ:
- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಯೋಜನೆಗಳು ಅವಲಂಭನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತವೆಯೆಂದು ಇಲ್ಲ
- ಇತರರಿಗೆ ವ್ಯತ್ಯಾಸವೇ ಇಲ್ಲದೆ ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಿ
- ಸಂಪೂರ್ಣ ಪಾಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ಸಂಗ್ರಹ ಹಿಂಡಿಸಿ ಇಂದು ಪಡೆಯಿರಿ
ಆದರೆ ಪರಂಪರাগত ಮೊನೊರೆಪೋ ಅಲ್ಲದೆ, ಈ ರೆಪೊಸಿಟರಿ ಅನೇಕ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳನ್ನೊಳಗೊಂಡಿದೆ:
- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
- ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೇಲೆ ಕೆಲಸಮಾಡಿ, ಇತರ ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೆ ಸ್ಪರ್ಶಿಸಬೇಡಿ
- ಪೂರ್ಣ ಶಿಕ್ಷಣ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ತಿರಸ್ಕರಣೆ**:
ಈ ದಸ್ತಾವೇಜನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಾವು ದೃಢತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸರೆವುಗಳು ಇರಬಹುದು ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕಾಗಿದೆ. ಮಹತ್ವದ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪುಬರುವುಗಳು ಅಥವಾ ದುರ್ಬೋಧನೆಗಾಗಿ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ.
**ತ್ಯಾಜ್ಯ ಸೂಚನೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುವುದರೊಂದಿಗೆ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ಅಸಲು ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅಧಿಕಾರಿಗಾಗಿರುವ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮೈಮರಿಕತೆಗಳಿಗಾಗಿಯೂ ಅಥವಾ ತಪ್ಪು ಗಮನებისთვის ನಾವು ಹೊಣೆ ಹೊಳ್ಳಿ ಯಲ್ಲ.
Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮದಿಂದ ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲೆಲ್ಲಾ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಸಿಎಸ್ಎಸ್ ಮತ್ತು HTML ಅನ್ನು ವೇಳೆ ಕೆಲಸದ ಯೋಜನೆಗಳ ಮೂಲಕ - ಟೆರಾರಿಯಮ್ಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಬಾಹ್ಯಾಕಾಶ ಆಟಗಳು - ಆಯ್ತು. ಕುಯಿಜ್ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ವಾಸ್ತವಿಕ ಕೆಲಸದ ಮೂಲಕ ತೊಡಗಿಸಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ವರ್ಗದ ಮೂಲಕ ваше ಜ್ಞಾನ ನಿಖರಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಯಾತ್ರೆಯನ್ನು ಇಂದೇ ಆರಂಭಿಸಿ!
Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಮಗ್ರ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ನ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಟೆರೆರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಸ್ಪೇಸ್ ಆಟಗಳಂತಹ ಕೈಯಲ್ಲಿ ಮಾಡುವ ಯೋಜನೆಗಳ ಮೂಲಕ ಆಳವಾಗಿ ಅನ್ವೇಷಿಸಲಾಗುತ್ತದೆ. ಪ್ರಶ್ನೋತ್ತರಗಳ, ಚರ್ಚೆಗಳ ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ಕಾರ್ಯಗಳು ಸಹ ಭಾಗವಹಿಸಿ. ನಿಮ್ಮ ನಿಪುಣತೆಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ ವಿಧಾನದಿಂದ ನುಡಿಗಾಣಿಕೆಯನ್ನು ಉತ್ತಮಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಯಾತ್ರೆಯನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> ಇದರಿಂದ ನೀವು ಕೋರ್ಸ್ವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ವಸ್ತುಗಳನ್ನು Much ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**ಹೆಚ್ಚಿನ ಅನುವಾದ ಭಾಷೆಗಳು ಬೆಂಬಲಿಸಲು ನೀವು ಬಯಸಿದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯನ್ನು ಕಾಣಬಹುದು**
**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಬಯಸಿದರೆ ಅವುಗಳನ್ನು ಇಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[](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)
## 🌱 ಪ್ರಾರಂಭಿಸುವುದು
> **ಆಚಾರಕರು**, ನಾವು ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಬಳಸುವ ಕುರಿತು ಕೆಲವು ಸಲಹೆಗಳನ್ನು [ಸೇರಿಸಿದ್ದೇವೆ](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" ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲಿನಲ್ಲಿ,**Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ನಂತರ **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ನಿಮ್ಮ ಕೆಲಸಕ್ಕೆ ಹೊಸ Codespace を ಸೃಷ್ಟಿಸುತ್ತದೆ.
ನೀವು ರಚಿಸಿದ್ದ ಈ ರೆಪೋಸಿಟರಿ ಪ್ರತಿಯಲ್ಲಿ**Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ನಂತರ **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ನಿಮಗೆ ಒಂದು ಹೊಸ Codespace ಅನ್ನು ರಚಿಸುತ್ತದೆ.
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಲಾಯಿಸುವುದು
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಚಲಾಯಿಸಲು, ನಿಮಗೆ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಬೇಕಾಗುತ್ತದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು](../../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)
ಆಮೇಲೆ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅಂತರ್ನಿಹಿತವಾಗಿ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸಿ, `<your-repository-url>` ಅನ್ನು ನೀವು ಈಗ ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಿ ಮಾಡಿಕೊಳ್ಳಿ:
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ರನ್ ಮಾಡಿ, `<your-repository-url>` ಅನ್ನು ನೀವು ಇದೀಗ ನಕಲು ಮಾಡಲಾದ URL ನಿಂದ ಬದಲಿ ಮಾಡಿ:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಆಗು ತೆಗೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
> ಶಿಫಾರಸು ಮಾಡಿದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳ ಪೂರ್ವದರ್ಶನಕ್ಕೆ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದರ್ಶನ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರ್ಪಡೆಯಾಗಿರುವುದು:
## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠವು ಒಳಗೊಂಡಿದೆ:
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್
- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೋ
- ಪಾಠದ ಮುಂಚಿತ ಉರಿವೀಕ್ಷಣಾತ್ಮಕ ಕ್ವಿಜ್
- ಬರೆಯಲ್ಪಟ್ಟ ಪಾಠ
- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗಾಗಿ, ಯೋಜನೆ ನಿರ್ಮಾಣದ ಕ್ರಮಬದ್ಧ ಮಾರ್ಗದರ್ಶಿಗಳು
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್
- ಐಚ್ಛಿಕ ಸಂಯೋಜಿತ ವೀಡಿಯೊ
- ಪಾಠಕ್ಕೆ ಮುಂಚಿತ ತಯಾರಿ ಕ್ವಿಜ್
- ಬರೆದ ಪಾಠ
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣದ ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶನಗಳು
- ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು
- ಒಂದು ಸವಾಲು
- ಪೂರಕ ಓದು
- ನಿಯೋಜನೆ
- ಸಂಯೋಜಿತ ಓದು
- ಅಸೈನ್ಮೆಂಟ್
- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
> **ಕ್ವಿಜ್ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ಗಳು 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) | ಜಾಸ್ಮಿನ್ |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | ಗಿಥಬ್ನ ಮೂಲಭೂತಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಸೇರಿಸುತ್ತದೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಕೋಡ್ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಂದಿಗೆ ಸಹಕಾರ ಮಾಡುವುದು | [GitHub ಪ್ರಾರಂಭಿಕ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ |
| 04 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತ ವಿವರಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜಾಸ್ಮಿನ್ |
| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್ಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಪ್ರವಾಹವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಂಕ್ಷನ್ಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜಾಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೊಫರ್ |
| 06 | JS ಮೂಲಭೂತಗಳು | JS ಜೊತೆಗೆ ನಿರ್ಣಯಗಳನ್ನು ಮಾಡುವುದು | ನಿರ್ಣಯ-ಮಾದರಿ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡಲು](./2-js-basics/3-making-decisions/README.md) | ಜಾಸ್ಮಿನ್ |
| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳೊಂದಿಗೆ ಡೇಟಾದೊಂದಿಗೆ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜಾಸ್ಮಿನ್ |
| 08 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | HTML ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ |
| 09 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | CSS ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು CSS ರಚಿಸಿ, CSS ಮೂಲಭೂತಗಳನ್ನು ಒಳಗೊಂಡು ಪುಟ ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸಲು ಗಮನಕೊಡಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ |
| 10 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ | ಡ್ರಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಮೂಲಕ ಟೆರೇರಿಯಂ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್ಗಳು ಮತ್ತು DOM ನಿರ್ವಹಣೆಯ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ |
| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಇವೆಂಟ್ಗಳ ಬಳಕೆಯಿಂದ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಮೊರೆಹೋಗುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಇವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟೊಫರ್ |
| 12 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರಿನ ಕಾರ್ಯವಿಧಾನ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಪ್ರಾರಂಭಿಕ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಬ್ರೌಸರಿನ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ |
| 13 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಾಣ, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಲ್ಲಿಲ್ಲಿ ಚರಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆಯಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸંગ્રಹಿತ ಚರಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ | [APIಗಳು, ಫಾರ್ಮ್ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ |
| 14 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಅದನ್ನು ಉತ್ತಮಗೊಳಿಸುವ ಕೆಲವು ಉಪಾಯಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ಹೆಚ್ಚು ಉನ್ನತ ಆಟ ಅಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಂಶಪಾರಂಪರ್ಯ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಕಲಿತು, ಆಟವನ್ನು ರಚಿಸಲು ಸಿದ್ಧತೆಯಾಗಿರಿ | [ಅತ್ಯಾಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರರಚನೆ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರರಚನೆ](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಸುತ್ತಲಿ ಅಂಶಗಳ ಚಲನೆ | ಕಾರ್ಟೀಸಿಯನ್ ನಿರ್ದೇಖನಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಹೇಗೆ ಚಲಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಸುತ್ತಲಿ ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು | ಕೀಪ್ರೆಸ್ ಬಳಸಿಕೊಂಡು ಅಂಶಗಳನ್ನು ಘರ್ಷಣೆಯಲ್ಲಿ ಮೂಡಿಸಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಖಚಿತಪಡಿಸಲು ಶಿಶುಶೀತಲ ಕಾರ್ಯವಿಧಾನವನ್ನು ನೀಡಿರಿ | [ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕೆಗಳು ಸંગ્રಹಿಸುವುದು | ಆಟದ ಸ್ಥಿತಿಗತಿಯ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಹಿಸುಕುಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [ಅಂಕೆಗಳನ್ನು ಕಾಪಾಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಅಂತ್ಯಗೊಳಿಸುವುದು ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವುದು | ಆಟದ ಅಂತ್ಯಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವಿಕೆ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವಿಕೆ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ |
| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನೆಯಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗ ನಿರ್ವಹಣೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳ ಬಳಕೆ ಮೂಲಕ ಬಹುಪುಟ ವೆಬ್ಸೈಟ್ معماري ಸೃಷ್ಟಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ |
| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಪಟ್ಟಿ ಪರಿಶೀಲನೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ |
| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆದುಕೊಳ್ಳಲು ಮತ್ತು ಬಳಸಲು ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಪ್ರವಾಹಿಸುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆದುಕೊಳ್ಳುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ನಾಶಪಡಿಸುವುದು | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ |
| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆ ಪರಿಕಲ್ಪನೆಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಕಾಯ್ದುಕೊಳ್ಳುವುದು ಮತ್ತು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಅದನ್ನು ನಿರ್ವಹಿಸುವುದು | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ |
| 25 | [ಬ್ರೌಸರ/VSಕೋಡ್ ಕೋಡ್](../../8-code-editor) | VSಕೋಡ್ ಜೊತೆಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ ಮಾಡುವ ವಿಧಾನ ಕಲಿಯಿರಿ| [VSಕೋಡ್ ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ |
| 26 | [AI ಸಹಾಯಕರ](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕ ಅನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಯೋಜನೆ](./9-chat-project/README.md) | ಕ್ರಿಸ್ |
| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಕೆಗಳು ಕಲಿಸಲಾಗಿದೆ | ಕಲಿಕೆ ಗುರಿಗಳು | ಕೊಂಡಿ ಪಾಠ | ಲೇಖಕ |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವೃತ್ತಿಪರ ಸಾಧನಗಳು | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್ ಗಳಿಗೆ ನೆರವಾಗುವ ಸಾಫ್ಟ್ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಸಾಧನಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜೇಸ್ಮಿನ್ |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸಮಾಡುವುದು | ಗಿಟ್ಹಬ್ ಅನ್ನು ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ ಹೇಗೆ ಬಳಸಿ, ಕೋಡ್ ಬೇಸ್ ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಹೇಗೆ ಸಹಕರಿಸುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶಾರ್ಹತೆ | ವೆಬ್ ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲ ತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ |
| 04 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲವೇದಿಕೆ | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜೇಸ್ಮಿನ್ |
| 05 | JS ಮೂಲಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಫ್ಲೋ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜೇಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೋಫರ್ |
| 06 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ನಿರ್ಣಯ ಮಾಡುವುದು | ನಿರ್ಣಯ ಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡುವುದು](./2-js-basics/3-making-decisions/README.md) | ಜೇಸ್ಮಿನ್ |
| 07 | JS ಮೂಲಗಳು | ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕಾರ್ಯನಿರ್ವಹಿಸು | [ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜೇಸ್ಮಿನ್ |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ HTML | ಆನ್ಲೈನ್ ಟ್ರೇರಿಯಂ ನಿರ್ಮಿಸಲು HTML ರಚಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ CSS | ಆನ್ಲೈನ್ ಟ್ರೆರಿಯಂ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವ ಆಧಾರಗತ ಸೂತ್ರಗಳ ಮೇಲೆ ಗಮನವಿಟ್ಟು | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/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) | ಕ್ರಿಸ್ಟೋಫರ್ |
| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ ಗಳು ಹೇಗೆ ಕೆಲಸಮಾಡುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲಿನ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರೂಪಿಸಬೇಕು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಬ್ರೌಸರ್ಗಳು ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ |
| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ ವ್ಯತ್ಯಯಗಳನ್ನು ಸೇವಿಸುವುದು | API ಕರೆ ಮಾಡಲಾಗುವ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿರುವ ವ್ಯತ್ಯಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು| [APIಗಳು, ಫಾರ್ಮ್ಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ |
| 14 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಣೆಗೆ ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳು ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಪ್ರಗತಿಪರ ಆಟಾಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಬಳಸಿಕೊಂಡು ವಾರಸತ್ವದ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಆಟ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆ | [ಅಧುನಿಕ ಆಟಾಭಿವೃದ್ಧಿ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಿಸುವುದು | ಪರದೆಗೆ ಆಬ್ಜೆಕ್ಟ್ ಗಳು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಿಸುವುದು](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸಲು | ಕಾರ್ಟೇಶಿಯನ್ ಸಂಯೋಜನೆಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳ ಚಲనం ಹೇಗೆ ಆಗುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಕೀಲಿಪಟದ ಬಳಕೆಯಿಂದ ಅಂಶಗಳು ಪರಸ್ಪರ ಘರ್ಷಣೆ ಮಾಡವೆಂದು ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆ ತುರ್ತು ವಿಶ್ರಾಂತಿಯನ್ನು ಒದಗಿಸುವ ಕಾರ್ಯವನ್ನು ನೀಡಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಆಧಾರಿತ ಗಣಿತ ಲೆಕ್ಕಾಚಾರ ಮಾಡಿರಿ | [ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದು | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದನ್ನು, ಸಂಪತ್ತಿನ ಸ್ವಚ್ಛತೆ ಮತ್ತು ವ್ಯತ್ಯಯ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ಆಡುವುದಿನ ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ |
| 21 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗಸೂಚಿ ಹಾಗೂ HTML ಟೆಂಪ್ಲೇಟ್ಗಳನ್ನು ಉಪಯೋಗಿಸಿ ಬಹು-ಪುಟಗಳ ವೆಬ್ಸೈಟ್ನ ಸ್ಥಾಪನೆಯ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ |
| 22 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ |
| 23 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ಕ್ರಮಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ಗೆ ಡೇಟಾ ಹೇಗೆ ನುಗ್ಗುತ್ತದೆ ಮತ್ತು ಹೊರಟೆರುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯುವದು, ಸಂಗ್ರಹಿಸುವದು ಮತ್ತು ತ್ಯಜಿಸುವದು ಎಂಬುದನ್ನು ಕಲೆಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ |
| 24 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಯಾವಂತೆ ರಾಜ್ಯವನ್ನು ಹಿಡಿದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ |
| 25 | [ಬ್ರೌಸರ್/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) | ಕ್ರಿಸ್ |
## 🏫 ಪಠ್ಯಶಾಸ್ತ್ರ
ನಮ್ಮ ಅಧ್ಯಯನಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರ 원칙ಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ:
* ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ
* ಆಗಾಗಾಗ್ಗೆ ಕ್ವಿಜ್ಗಳು
ಕಾರ್ಯಕ್ರಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, 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 -->
### LangChain
[](https://aka.ms/langchain4j-for-beginners)
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
@ -228,7 +240,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### Core Learning
### ಕೋರ್ ಲರ್ನಿಂಗ್
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -239,7 +251,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### Copilot Series
### ಕೊಪೈಲಟ್ ಸೀರಿಸ್
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
@ -247,21 +259,21 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
## ಸಹಾಯ ಪಡೆಯುವುದು
ನೀವು ಅಡಗಿ ಹೋಗಿದ್ದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ನಿರ್ಮಿಸುವುದರ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ, ಸಹಭಾಗಿಗಳೊಂದಿಗೆ ಮತ್ತು ಅನುಭವಜ್ಞರೊಂದಿಗೆ MCP ಕುರಿತು ಚರ್ಚೆಗಳಲ್ಲಿ ಸೇರಿ. ಇದು ಪ್ರಶ್ನೆಗಳನ್ನು ಸ್ವಾಗತಿಸುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುವ ಒಂದು ಬೆಂಬಲನೆಯ ಸಮುದಾಯವಾಗಿದೆ.
ನೀವು ಸಿಲುಕಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್ಗಳ ನಿರ್ಮಾಣ ಕುರಿತು ಯಾವುದಾದರೂ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಅನುಭವಜ್ಞರೊಂದಿಗೆ ಸೇರಿ. ಇದು ಸಹಾಯಕ ಸಮುದಾಯವಾಗಿದ್ದು, ಪ್ರಶ್ನೆಗಳಿಗೆ ಸ್ವಾಗತ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುತ್ತದೆ.
ಈ ಸಂಗ್ರಹಾಲಯವನ್ನು MIT ಪರವಾನಗಿಯಡಿಯಲ್ಲಿ ಲೈಸೆನ್ಸ್ ಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ.
ಈ ರೆಪೊಸಿಟರಿ MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಯಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗೆ [LICENSE](../../LICENSE) ಫೈಲ್ ನೋಡಿ.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಜಾರಿಗೊಳಿಸುವಿಕೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲ ದೃಷ್ಟಿಗೆ ಬರುವ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅದರ ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಸ್ನೇಹಪೂರ್ವಕವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗಳಿಗೆ ಅಥವಾ ವ್ಯತ್ಯಯಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗಿರುವುದಿಲ್ಲ.
**ನಿರಾಕರಣಾ ಪ್ರಕಟಣೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅದೃಷ್ಟ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ աղբಾರಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಮಹತ್ವಪೂರ್ಣ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸುಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಪೂರ್ಣತೆಗೆ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ.
# ಮೈಕ್ರೋಸಾಫ್ಟ್ನ ವೆಬ್-ಡೆವ್-ಫಾರ್-ಬಿಗಿನರ್ಸ್ ರೆಪೋಸಿಟರಿಗಾಗಿ ರಸ್ತೆ ನಕ್ಷೆ
**ಈ ರೆಪೋಸಿಟರಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, 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) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಯತ್ತ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳಾಗಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿನ ಹಳೆಯ ದಾಖಲೆನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾತುಗಳ ತಪ್ಪುಗಳು ಅಥವಾ ತಿರಸ್ಕರಣೆಗಳಿಗೆ ನಾವು жауапದಾರಿ ವಹಿಸುವುದಿಲ್ಲ.
ഇത് വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങളെ തുടക്കക്കാരെ പഠിപ്പിക്കുന്നതിനുള്ള ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റെപ്പോസിറ്ററിയാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റുകൾ വികസിപ്പിച്ചെടുത്ത 12 ആഴ്ചകളിലെ സമഗ്ര കോഴ്സ് ആണ് ഈ പാഠ്യപദ്ധതി, അതിൽ ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML തുടങ്ങിയ വിഷയങ്ങളെക്കുറിച്ചുള്ള 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്നു.
ഇത് ആരംഭക്കാർക്ക് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിപ്പിക്കാനുള്ള ഒരു വിദ്യാഭ്യാസ രാഷ്ട്രീയ ഗ്രന്ഥശേഖരമാണ്. 24 ഹാൻഡ്സ്-ഓൺ പാഠങ്ങളുമായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML ഉൾപ്പെടുന്ന Microsoft Cloud Advocates വികസിപ്പിച്ചെടുത്ത സമഗ്രമായ 12-ആഴ്ചക്കാല കോഴ്സ് ആണ് ഈ പാഠ്യപദ്ധതി.
### Key Components
- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പദ്ധതിപരമായി ക്രമീകരിച്ച 24 ഘടനാപരമായ പാഠങ്ങൾ
- **പ്രായോഗിക പ്രോജക്ടുകൾ**: Terrarium, ടൈപ്പിങ്ങ് ഗെയിം, ബ്രൗസർ എക്സ്ടൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിംഗ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്
- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ വികസനം
- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനമായ ഗെയിം വികസനം
- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്ട്
വിവരമായ നിർദ്ദേശങ്ങൾക്ക് ഓരോ പ്രോജക്ട് README ഫയലുകൾ കാണുക:
- `quiz-app/README.md` - Vue 3 ക്വിസ് ആപ്പ്
- `7-bank-project/README.md` - ബാങ്കിംഗ് ആപ്പ് ഓതന്റിക്കേഷൻ ഉള്ളത്
- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റെൻഷൻ ഡെവലപ്പ്മെന്റ്
- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനത്തിലുള്ള ഗെയിം ഡെവലപ്പ്മെന്റ്
- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്റ്റ്
### Monorepo Structure
പരമ്പരാഗത മോനോറിപ്പോ അല്ലെങ്കിലും, ഈ റെപ്പോസിറ്ററി പല സ്വതന്ത്ര പ്രോജക്ടുകൾ ഉൾക്കൊള്ളുന്നു:
- ഓരോ പാഠവും സ്വതന്ത്രമാണ്
- പ്രോജക്ടുകൾ പരസ്പരം ഡെപൻഡൻസികൾ പങ്കിടുന്നില്ല
- മറ്റുള്ളവരെ ബാധിക്കാതെ വ്യക്തിഗത പ്രോജക്ടുകളിൽ പ്രവർത്തിക്കുക
- മുഴുവൻ പാഠ്യപദ്ധതി അനുഭവത്തിനായി മുഴുവൻ റെപ്പോ ക്ലോൺ ചെയ്യുക
പരമ്പരാഗത മോണോറെപ്പോ അല്ലെങ്കിലും ഈ റെപൊസിറ്ററിയിൽ പരസ്പരം സ്വതന്ത്രമായി പ്രവർത്തിക്കുന്ന നിരവധി പ്രോജക്ടുകൾ അടങ്ങിയിരിക്കുന്നു:
- ഓരോ പാഠവും സ്വയം പരിപോഷിതമാണ്
- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കുവെക്കില്ല
- ഓരോ പ്രോജക്ടിലും ഒരുപക്ഷേ പ്രവർത്തിക്കാൻ സാധിക്കും മറ്റുള്ളവയെ ബാധിക്കാതെ
- പൂർണ കോഴ്സ് അനുഭവത്തിന് മുഴുവൻ റെപൊസിറ്ററി ക്ലോൺ ചെയ്യുക
---
<!-- 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 വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനമാക്കി. ഞങ്ങൾ കൃത്യതയ്ക്കായി ശ്രമിക്കുന്നുണ്ടെങ്കിലും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും തുടര്ച്ചയിലപേരുകളും ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷയിലുള്ള ഒറിജിനൽ രേഖ അധികാരപരമായ ഉറവിടമായി പരിഗണിക്കണം. അതീവ പ്രധാന വിവരങ്ങൾക്ക് വിദഗ്ധമായ മനുഷ്യ വിവർത്തനം ഉപദേശിക്കുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ ഉണ്ടായ任何误解或误释ലിനും ഞങ്ങൾ ഉത്തരവാദിത്വം ഏറ്റെടുക്കുന്നില്ല.
# തുടക്കക്കാർക്കുള്ള വെബ് വികസനം - ഒരു പാഠ്യപദ്ധതി
# തുടക്കക്കാർക്ക് വെള്ളിപ്പ് വികസനം - ഒരു പാഠ്യപദ്ധതി
Microsoft Cloud Advocates ഒരുക്കിയ 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിൽ ഓരോതും ടെറാറിയങ്ങൾ, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പെയ്സ് ഗെയിമുകൾ തുടങ്ങിയ പ്രായോഗിക പദ്ധതികളിലൂടെ JavaScript, CSS, HTML എന്നിവയിൽ ആഴത്തിൽ പഠിപ്പിക്കും. ക്വിസുകൾ, ചർച്ചകൾ, പ്രായോഗികഷേഷനുകൾ എന്നിവയിൽ പങ്കാളികളാകൂ. നൈപുണ്യം വർദ്ധിപ്പിക്കാനും അറിവ് മെച്ചപ്പെടുത്താനും ഞങ്ങളുടെ ഫലപ്രദമായ പ്രോജക്റ്റ് അടിസ്ഥാന പ്രയോഗാശാസ്ത്രം സഹായിക്കും. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കൂ!
മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കറ്റുകളുടെ 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സ് വഴി വെബ് ഡെവലപ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക. 24 പാഠങ്ങളിലൂടെയാണ് ജാവാസ്ക്രിപ്റ്റ്, സി.എസ്.എസ്., എച്ച്ടിഎംഎൽ എന്നിവ കൈകൊണ്ടു പ്രവർത്തിക്കുന്ന പ്രോജക്ടുകളിലൂടെ, ഉദാഹരണത്തിന് ടെററിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പേസ് ഗെയിമുകൾ. ക്വിസുകൾ, ചര്ച്ചകൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളിയാവുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്താനായി പ്രോജക്ട് അധിഷ്ഠിത പഠന രീതി ഉപയോഗിച്ച് അറിവ് ഉറപ്പുവരുത്തുക. ഇന്നെത്തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കുക!
> ഈ റിപോസിറ്ററിയിൽ 50-ലധികം ഭാഷാ തർജ്ജമകൾ ഉൾക്കൊള്ളിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുപ്പം വലിയതാണ്. തർജ്ജമകൾ ഇല്ലാതെ ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
> **സ്ഥാനികമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുണ്ടോ?**
>
> ഈ റിപ്പോസിറ്ററി 50+ ഭാഷാ വിവർത്തനങ്ങൾ ഉൾക്കൊള്ളുന്നു, ഇത് ഡൗൺലോഡ് വലുപ്പം പരമാവധി വർദ്ധിപ്പിക്കും. വിവർത്തനങ്ങൾ ഒഴിച്ച് ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> ഈ വഴി കോഴ്സ് പൂർത്തിയാക്കുന്നതിനുവേണ്ടി നിങ്ങൾге ആവശ്യമായ എല്ലാ കാര്യങ്ങളും വേഗം ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**കൂടുതൽ ഭാഷാ പിന്തുണിക്കേണ്ടതുള്ളവർ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) കാണുക**
**കൂടത്തന്ന് വിവർത്തന ഭാഷകൾക്ക് പിന്തുണ ലഭിക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഇവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ഉണ്ട**
[](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 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 പാഠ്യപദ്ധതി മിസ്സ് ചെയ്യാൻ പാടില്ല!
> **അദ്ധ്യാപകർ**, ഈ പാഠ്യक्रमം ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [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" ബട്ടൺ അമർത്തുക.
നിങ്ങൾ സൃഷ്ടിച്ച ഈ റിപോസിറ്ററി കോപ്പിയിൽ, **Code** ബട്ടൺ അമർത്തി **Open with Codespaces** തെരഞ്ഞെടുക്കുക. ഇത് നിങ്ങൾക്ക് പ്രവർത്തിക്കാനുള്ള പുതിയ Codespace സൃഷ്ടിക്കും.
നിങ്ങളുടെ കോപ്പിയിലുള്ള റിപ്പോസിറ്ററിയിൽ **Code** ബട്ടൺ ക്ലിക്കുചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. ഈ വഴി നിങ്ങൾക്ക് പുതിയ Codespace സൃഷ്ടിക്കും.
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പാഠ്യകുറി പ്രവർത്തിപ്പിക്കുക
ഈ പാഠ്യകുറി നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രവർത്തിപ്പിക്കാൻ, ഒരു ടെക്സ്റ്റ് എഡിറ്ററും, ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും വേണം. നമ്മുടെ ആദ്യ പാഠം, [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) എഡിറ്ററായി ഉപയോഗിക്കാൻ നാം ശുപാർശ ചെയ്യുന്നു, ഇത് [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ഉൾക്കൊള്ളുന്നതും കൂടയാണെന്ന് ശ്രദ്ധിക്കുക. Visual Studio Code ഈ ലിങ്കിൽ നിന്നും ഡൗൺലോഡ് ചെയ്യാം [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക. ഇതിന് **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുകയും URL നകಲെടുക്കുകയും ചെയ്യാം:
[CodeSpace](./images/createcodespace.png)
അപ്പോൾ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉള്ളിൽ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന്, നിങ്ങൾ 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
git clone <your-repository-url>
```
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കൂ. ഇത് ചെയ്യാൻ **File** > **Open Folder** തിരഞ്ഞെടുത്ത് നിങ്ങൾ justo ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കാം.
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. **File** > **Open Folder** ക്ലിക്കുചെയ്ത് നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കുക.
> നിര്ദ്ദേശിച്ച Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
> ശുപാർശ ചെയ്ത Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് വേഗത്തിൽ എഴുതാൻ സഹായിക്കാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതുന്നതിൽ സഹായിക്കുന്നതിന്
## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്:
## 📂 ഓരോ പാഠത്തിലേക്കും ഉൾപ്പെടുന്നു:
- disorder sketchnote ഒഴിവാക്കാവുന്ന
- disorder സഹായകരമായ വീഡിയോ ഒഴിവാക്കാവുന്ന
- പാഠത്തിന് മുമ്പുള്ള warmup quiz
- ഐച്ഛിക സ്ക്കെച്ച്നോട്ട്
- ഐച്ഛിക സപ്ലിമെന്റൽ വീഡിയോ
- പാഠം മുൻകാലം വാര്മപ് ക്വിസ്
- എഴുതിയ പാഠം
- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്ട് നിർമ്മിക്കാനുള്ള ദിശാനിർദ്ദേശങ്ങൾ
> **ക്വിസുകളെ കുറിച്ചുള്ള ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ ഉൾക്കൊള്ളുന്നു, ഓരോതിലും മൂന്ന് ചോദ്യങ്ങളുള്ള 48 quizzes. അവ ഇവിടെ ലഭ്യമാണ് [https://ff-quizzes.netlify.app/web/](https://ff-quizzes.netlify.app/web/), quiz അപ്ലിക്കേഷൻ ലോക്കലായി ഓടിക്കാമോ അല്ലെങ്കിൽ Azure-യിലേക്കും ഡിപ്ലോയ്ചെയ്യാമോ; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക.
> **ക്വിസുകളെ കുറിച്ചുള്ള കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിലേക്ക് ഉൾപ്പെട്ടിരിക്കുന്നു, ഓരോന്നിലും 48 മൊത്തം മൂന്ന് ചോദ്യങ്ങൾക്കുള്ള ക്വിസുകൾ. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്, ക്വിസ് ആപ്പ് ലൊക്കലിലേക്ക് ഓടിക്കാനോ Azure-യിലേക്ക് ഡിപ്ലോയ് ചെയ്യാനോ കഴിയും; 'quiz-app' ഫോൾഡറിൽ നൽകിയ നിർദ്ദേശങ്ങൾ പിന്തുടരുക.
## 🗃️ പാഠങ്ങൾ
| | പ്രോജക്ട് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | ലേഖകൻ |
| 01 | Getting Started | പ്രോഗ്രാമിംഗ് പരിചയം மற்றும் ഉപകരണം പരിചയപ്പെടുത്തി | പലതരം പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാന തത്വങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർ ജോലി ചെയ്യാൻ സഹായിക്കുന്ന സോഫ്റ്റ്വെയർ അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | Getting Started | GitHub നേുറ്റുകൾ അടിസ്ഥാനപരമായി, ടീമിനോടൊപ്പം പ്രവർത്തനമുണ്ടാക്കൽ | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന്, മറ്റുള്ളവർക്ക് കോഡ് ആധാരത്തിൽ എങ്ങനെ സഹകരിക്കാമെന്നും പഠിക്കുക | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫോൾ |
| 03 | Getting Started | അക്കസസ്ബിലിറ്റി | വെബ് അക്കസസ്ബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ അറിയുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ |
| 04 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | JS Basics | ഫങ്ഷനുകളും മെതഡുകളും | ഒരു ആപ്ലിക്കേഷന്റെ ലോജ് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫങ്ഷനുകളും മെതഡുകളുമെന്താണെന്ന് മനസിലാക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ |
| 06 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റിൽ തീരുമാനം എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാന് തീരുമാനം എടുക്കൽ രീതികൾ ഉപയോഗിച്ച് പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS Basics | അറേകളും ലൂപ്പുകളും | ജാവാസ്ക്ക്രിപ്റ്റിൽ അറേയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമാക്കിയ HTML | ഓൺലൈൻ ടെറേറിയം സൃഷ്ടിക്കാൻ HTML നിർമ്മിച്ച് ലേഔട്ട് നിർമ്മിക്കാൻ ശ്രദ്ധിച്ചു | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമായ CSS | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലുചെയ്യാൻ CSS നിർമിച്ച് പേജ് പ്രതികരണക്ഷമമാക്കുന്നത് ഉൾപ്പെടെ CSS അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്ക്രിപ്റ്റ് ക്ലോജേഴ്സ്, DOM മാനിപ്പുലേഷൻ | ടെറേറിയത്തിന് ഡ്രാഗ് & ഡ്രോപ്പ് ഇന്ററ്ഫേസി നിർമിക്കാൻ ജാവാസ്ക്ക്രിപ്റ്റ് സൃഷ്ടിക്കുക, ക്ലോജേഴ്സും DOM മാനിപ്പുലേഷനും ശ്രദ്ധിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | ജാവാസ്ക്ക്രിപ്റ്റ് ആപ്പിന്റെ ലോജിക് നിയന്ത്രിക്കാൻ കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവർത്തിക്കൽ | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവയുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ആദ്യ ഘടകങ്ങൾ എങ്ങനെ നിർമ്മിക്കുക എന്നത് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിക്കൽ, API വിളിച്ചത്, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കൽ | API വിളിക്കാൻ ഉപയോഗിക്കുന്ന ബ്രൗസർ എക്സ്റ്റൻഷനിലെ ജാവാസ്ക്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ ബാക്ക്ഗ്രൗണ്ട് പ്രോസസുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ ബാക്ക്ഗ്രൗണ്ട് പ്രോസസുകൾ ഉപയോഗിക്കുക; വെബ്ബ് പ്രകടനവും ചില ഒപ്റ്റിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ മുന്നോട്ട് നയിക്കുന്ന ഗെയിം വികസനം | ക്ലാസുകളും കോംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് സിദ്ധാന്തവും പബ്/സബ് മാതൃകയും പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിന് തയ്യാറാക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [Space Game](./6-space-game/solution/README.md) | ക്യാൻവാസിലേക്ക് ചിത്രരചന | സ്ക്രീനിലേക്ക് ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന ക്യാൻവാസ API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [Space Game](./6-space-game/solution/README.md) | സ്ക്രീനിൽ ഘടകങ്ങൾ പ്രവേശിപ്പിക്കുന്നത് | കാർട്ടീസിയൻ കോർഡിനേറ്റുകളും ക്യാൻവാസും ഉപയോഗിച്ച് എലമെന്റുകൾ എങ്ങനെ ചലിക്കുന്നു എന്ന് കണ്ടെത്തുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [Space Game](./6-space-game/solution/README.md) | ഏറ്റുമുട്ടൽ കണ്ടെത്തൽ | കീപ്രസുകൾ ഉപയോഗിച്ച് എലമെന്റ് ഏറ്റുമുട്ടലും പ്രതികരണവും സൃഷ്ടിക്കുക, ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ ഒരു കൂൾഡൗൺ ഫങ്ഷനും നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ രക്ഷിക്കൽ | ഗെയിം നിലയും പ്രകടനവും അടിസ്ഥാനമാക്കി ഗണിതലേഖനങ്ങൾ നടത്തുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെമ്പ്ലേറ്റുകളും റൂട്ടുകളും | പേജുകൾ പലതും ഉള്ള വെബ്സൈറ്റിന്റെ ഘടന നിർമ്മിക്കാനായി റൗട്ടിംഗ്, HTML ടെമ്പ്ലേറ്റുകൾ ഉപയോഗിച്ച് സ്ക്കാഫോൾഡ് നിർമ്മിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോറങ്ങൾ നിർമ്മിക്കുക | ഫോമുകൾ നിർമ്മിക്കുന്നതും വാലിഡേഷൻ റൂട്ടീനുകൾ കൈകാര്യം ചെയ്യുന്നതിനുമുള്ള പഠനം | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ എടുക്കലും ഉപയോഗവും | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുകയും പോകുകയും ചെയ്യുന്നു, എങ്ങനെ ഇത് എടുക്കുകയും സംഭരിക്കുകയും ഇല്ലാതാക്കുകയും ചെയ്യുന്നു | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് സ്റ്റേറ്റ് എങ്ങനെ നിലനിര്ത്തുന്നു, പ്രോഗ്രാമാറ്റിക്കായി എങ്ങിനെ മാനേജുമെന്റ് നടത്താം എന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് പ്രവർത്തിക്കല് | എഡിറ്റർ ഉപയോഗിക്കുന്നത് പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് പ്രവർത്തിക്കൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കുന്നത് പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
| | പ്രോജക്റ്റ് പേര് | പഠിപ്പിക്കുന്ന ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | രചയിതാവ് |
| 01 | Getting Started | പ്രോഗ്രാമിംഗിലേക്കുള്ള വരവറിയിപ്പ്, ഉപകരണങ്ങളുടെ പരിചയം | കൂടുതലായി ഉപയോഗിക്കുന്ന പ്രോഗ്രാമിംഗുഭാഷകളുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുകയും, പ്രൊഫഷണൽ ഡവലപ്പർമാർക്ക് സഹായകമായ സോഫ്റ്റ്വെയറുകളുടെ പരിചയം നേടുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | Getting Started | GitHub അടിസ്ഥാനങ്ങൾ, സംഘത്തിൽ പ്രവർത്തിക്കൽ ഉൾപ്പെടെ | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub ഉപയോഗിക്കാനുള്ള രീതിയും, കോഡ് ബേസിൽ മറ്റവരുമായി സഹകരിക്കുന്ന വിധവും നൽകുന്നു | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 03 | Getting Started | ആക്സസ്സിബിലിറ്റി | വെബ് ആക്സസ്സിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങള് പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ |
| 04 | JS Basics | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങള് | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | JS Basics | ഫംഗ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലോഗിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫംഗ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ |
| 06 | JS Basics | ജെഎസ് ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കുക | നിങ്ങളുടെ കോഡിൽ തീരുമാനങ്ങൾ എടുക്കാനുള്ള രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS Basics | അറെയുകളും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറെയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയം നിർമ്മിക്കാൻ HTML നിർമ്മിക്കുക, ലേഔട്ട് നിർമ്മിക്കみに ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയത്തിന് CSS ഉപയോഗിച്ച് സ്റ്റൈൽ ചെയ്യുക, CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആകുന്ന വിധം നിർമ്മിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മാനിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമിക്കുക, ക്ലോഷറുകളും DOM മാനിപ്പുലേഷനിലും ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലൊജികിന് കീബോർഡ് ഇവന്റുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായുള്ള പ്രവർത്തനം | ബ്രൗസറുകളുടെ പ്രവർത്തനം, ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷനുകളുടെ ആദ്യം ഘടകങ്ങൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മാണം, API വിളിക്കൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സേവ് ചെയ്യൽ | API വിളിക്കാൻ ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സ്ഥാപിച്ചാണ് | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐകൺ മാനേജ് ചെയ്യാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും ചില ഓപ്ടിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ ആധുനിക ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനും ഉപയോഗിക്കുന്ന ഇന്ഹെറിറ്റൻസ്, പബ്ലിഷ്/സബ്സ് പാറ്റർൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിൽ സഹായകമായി | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [Space Game](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് വരയ്ക്കൽ | സ്ക്രീൻവരെയുള്ള ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് APIയെക്കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [Space Game](./6-space-game/solution/README.md) | സ്ക്രീനിലൂടെ ഘടകങ്ങൾ നീക്കുന്നു | കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് 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) | ക്രിസ് |
| 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ നിലനിർത്തൽ | ഗെയിമിന്റെ നിലയിലും പ്രകടനത്തിലും അടിസ്ഥാനപ്പെടുത്തി കണക്ക് നടത്തി | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുക | ഗെയിം തുടങ്ങുന്നത്, അവസാനിപ്പിക്കുന്നത്, അസറ്റുകൾ ക്ലീൻ ചെയ്യുകയും വേരിയബിൾ റീസെറ്റ് ചെയ്യുകയും ചെയ്യാനുള്ള രീതി പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിങ്, HTML ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റ് ആർക്കിടെക്ചർ സൃഷ്ടിക്കുന്ന രീതി പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കുക | ഫോം നിർമ്മാണവും ഒന്നിച്ച് വാലിഡേഷൻ നടത്തുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ വീണ്ടും എടുത്തെടുക്കൽ, ഉപയോഗം | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുന്നു, പോവുന്നു; എടുക്കാനുള്ള, സേവ് ചെയ്യാനുള്ള, ഒഴിവാക്കാനുള്ള രീതി | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | സ്റ്റേറ്റ് നിലനിർത്തുന്ന വിധവും, പ്രോഗ്രാമാറ്റിക്കായി സ്റ്റേറ്റ് എങ്ങനെ മാനേജ് ചെയ്യാമെന്നും പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ചുള്ള പ്രവർത്തനം | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിക്കുന്നത് | നിങ്ങളുടെ സ്വന്തം AI സഹായിയെ നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠം ചാതുര്യം
## 🏫 പാഠശാസ്ത്രം
നമ്മുടെ കോഴ്സു പ്രവർത്തനം നിർമിച്ചിരിക്കുന്നത് രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കി:
* പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പഠനം
* നിരന്തരം ക്വിസുകൾ
ഞങ്ങളുടെ പാഠ്യക്രമം രണ്ട് പ്രധാന പാഠശാസ്ത്ര തത്വങ്ങൾ അടിസ്ഥാനമാക്കി രൂപകൽപ്പന ചെയ്യപ്പെട്ടതാണ്:
* പ്രോജക്റ്റ്-ആധാരിത പഠനം
* നിരന്തര ക്വിസുകൾ
പ്രോഗ്രാം ജാവാസ്ക്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾപോലും സമകാലീന വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതികവിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിങ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പെയ്സ് ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസുകൾക്കായുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് പ്രായോഗിക പരിചയം നേടാനുള്ള അവസരം ലഭിക്കും. ശ്രേണിയുടെ അവസാനത്തോടെ വിദ്യാർത്ഥികൾ വെബ് ഡെവലപ്പ്മെന്റിന്റെ ശക്തമായ ധാരണ നേടും.
ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, 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 -->
### LangChain
[](https://aka.ms/langchain4j-for-beginners)
[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### Azure / Edge / MCP / Agents
### Azure / Edge / MCP / ഏജന്റുകൾ
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Generative AI Series
### ജനറേറ്റീവ് AI സീരീസ്
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[-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
### കോർ ലേണിങ്
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -239,30 +251,30 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Copilot Series
### കോപൈലറ്റ് സീരീസ്
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
നിങ്ങൾ കുടുങ്ങിയോ AI ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുമ്പോൾ എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടാകിയോ ചെയ്തത് ആണെങ്കിൽ. MCP സംബന്ധിച്ചുള്ള ചർച്ചകളിൽ അനുഭവമുള്ള ഡെവലപ്പർമാരും പഠനാർത്ഥികളും ചേർന്ന് ചർച്ചകളിൽ പങ്കുചേരുക. ചോദ്യങ്ങൾക്ക് സ്വാഗതം ഉള്ള, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്.
AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിനിടയിൽ നിങ്ങള്ക്ക് പ്രശ്നമുണ്ടെങ്കിൽ അല്ലെങ്കിൽ ഏതെങ്കിലും ചോദ്യം ഉണ്ടെങ്കിൽ MCP-യെ കുറിച്ച് fellow learners ഉം അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും കൂടിയുള്ള ചർച്ചകളിൽ ചേരുക. ഇത് ഒരു പിന്തുണയുള്ള സമൂഹമാണ്, അവിടെ ചോദ്യങ്ങൾ സ്വാഗതികരിക്കുന്നതും അറിവ് സ്വേച്ഛയാകമായി പങ്കു വെയ്ക്കപ്പെടുന്നതുമാണ്.
ഈ റെപ്പോസിറ്ററി MIT ലൈസൻസിനുള്ളടിയാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക.
ഈ റിപോസിറ്ററി MIT ലൈസൻസ് പ്രകാരമാണ് ലൈസൻസു ചെയ്തിരിക്കുന്നത്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അക്കൗണ്ടബിലിറ്റി**:
ഈ ഡോക്യുമെന്റ് AI വിവർത്തനസേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. എങ്കിലും നാം ശരിയായി വിവർത്തനം ചെയ്യാൻ ശ്രമിക്കുന്നുവെങ്കിലും, യാന്ത്രിക വിവർത്തനങ്ങളിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാവുന്നതാണ്. ഇതിന്റെ മൗലിക ഭാഷയിലുള്ള പ്രമാണം ഔദ്യോഗിക സ്രോതസ്സ് ആയി കണക്കാക്കിയിരിക്കണം. നിർണ്ണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യൻ നൽകുന്ന വിവർത്തനം അഭ്യർത്ഥിക്കപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ നിന്നുള്ള ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനഭ്രംശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല.
**പ്രതിജ്ഞാപത്രം**:
ഈ രേഖ AI വിവർത്തന സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനംചെയ്തതാണ്. ഞങ്ങൾ ശരീയം അനുവദിക്കാൻ ശ്രമിച്ചേക്കുമ്പോഴും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും അസാധുതകളും ഉണ്ടായിരിക്കാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷത്തിലുള്ള ആസലിൾ രേഖ കൃത്യമായ ഉറവിടമായി പരിഗണിക്കേണ്ടതാണ്. നിർണായക വിവരങ്ങൾക്കായി, പ്രൊഫഷണൽ മാനവ വിവർത്തനം ശുപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചുള്ള തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനകാര്യങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദിത്വം ബാധകമല്ല.
# 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) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചിട്ടും, ഓട്ടോമേറ്റഡ് പരിഭാഷയിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. നാടിന്റെ ഭാഷയിലെ പ്രഥമ രേഖ ആധികാരിക സ്രോതസായി പരിഗണിക്കപ്പെടണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യൻ നടത്തിയ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗിച്ചുള്ള എന്തെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും പിഴവുകളുമായി ബന്ധപ്പെട്ട് ഞങ്ങൾ ഉത്തരവാദിത്വമില്ല.
ఇది ప్రారంభానికి వెబ్ డెవలప్మెంట్ మూలబూతులను నేర్పడానికి విద్యాసంబంధిత పాఠ్యక్రమ రిపోజిటరీ. ఈ పాఠ్యక్రమం Microsoft Cloud Advocates అభివృద్ధి చేసిన పూర్తి 12 వారాల కోర్సు, 24 ప్రాక్టికల్ పాఠాలతో JavaScript, CSS, మరియు HTML నొక్కి చెంది ఉంటుంది.
ఇది ప్రారంభ స్థాయి వారికి వెబ్ అభివృద్ధి మూలసూత్రాలు నేర్పడానికి ఒక విద్యాసంబంధి విధాన గ్రంథాలయము. ఈ విధాన గ్రంథాలయం Microsoft Cloud Advocates చేత రూపొందించిన సమగ్ర 12 వారాల కోర్స్, 24 హ్యాండ్ఆన్ పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML ని కవర్ చేస్తుంది.
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) నేర్చుకునేవారికి సిఫార్సు
- అదనపు కోర్సులు: జనరేటివ్ AI, డేటా సైన్స్, ML, IoT పరిధులు అందుబాటులో
### నిర్దిష్ట ప్రాజెక్టులతో పని
### Working with Specific Projects
ప్రతి ప్రాజెక్టు README ఫైళ్లను చూడండి:
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ మరియు ఆథెంటికేషన్
- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్టెన్షన్ అభివృద్ధి
- `6-space-game/README.md` - కెన్వాస్-ఆధారిత గేమ్ డెవలప్మెంట్
- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్
ప్రత్యేక ప్రాజెక్టుల వివరణాత్మక సూచనల కోసం, ఈ README ఫైళ్లను చూడండి:
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ డాక్యుమెంటేషన్తో
- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్టెన్షన్ అభివృద్ధి
- `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్
- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్
### మోనోరిపోజిటరీ నిర్మాణం
### Monorepo Structure
పారంపరిక మోనోరిపో కాదు, కానీ ఇందులో బహుళ స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వయంగా పూర్తయినది
- ప్రాజెక్టులు డిపెండెన్సీలు పంచుకోరు
- వేరే ప్రాజెక్టులపై ప్రభావం లేకుండా వ్యక్తిగత ప్రాజెక్టులపై పని చేయండి
- పూర్తి పాఠ్యక్రమ అనుభవం కోసం పూర్తి రిపోను క్లోన్ చేయండి
సాంప్రదాయిక మొనోరిపోగా కాకపోయినా, ఈ రిపోజిటరీలో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వతంత్రంగా ఉండడం
- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకోకుండా ఉంటాయి
- ప్రత్యెక ప్రాజెక్టులపై పని చేయడం మరొకదానికి ప్రభావంచూపడు
- మొత్తం విద్యాసంబంధ పాఠ్యాంశం కోసం మొత్తం రిపోను క్లోన్ చేసుకోవచ్చు
---
<!-- 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) ద్వారా అనువదించడం జరిగింది. మనం సరైనదానిపై శ్రద్ధ పెట్టినా, ఆటోమేటిక్ అనువాదాలలో పొరపాట్లు లేదా లోపాలు ఉండవచ్చు. స్థానిక భాషలో ఉన్న అసలు పత్రాన్ని అధికారిక మూలంగా భావించవలెను. అత్యవసర సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సూచిస్తున్నాము. ఈ అనువాదం వలన వచ్చే అవగాహన లోపాలు లేదా తప్పుడు అవగాహనకు మేము బాధ్యత వహించము.
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్లతో మా 12-వారం సమగ్ర కోర్సుతో వెబ్ డెవలప్మెంట్ బేసిక్స్ నేర్చుకోండి. 24 పాఠాల ప్రతిదీ జావాస్క్రిప్ట్, CSS, HTML లో టీరేరియమ్లు, బ్రౌజర్ ఎక్స్టెన్షన్లు, స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకొంటుంది. క్విజ్లు, చర్చలు, అనుభవ పరీక్షలతో ఇతరులతో పాల్గొనండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్యశైలితో మీ నైపుణ్యాలను బలోపేతం చేసి, మీ జ్ఞానాన్ని సద్వినియోగం చేసుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ అందించే మా 12 వారాల సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మౌలికాలను తెలుసుకోండి. మొత్తం 24 పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML పై చేతితో చేయగల ప్రాజెక్టులను (టెర్రారియమ్లు, బ్రౌజర్ విస్తరణలు, స్పేస్ గేమ్స్) లో లోతుగా అవగాహన పొందుతారు. క్విజ్లు, చర్చలు, మరియు ప్రయోగాత్మక అసైన్మెంట్లతో భాగమవ్వండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్య విధానంతో మీ నైపుణ్యాలను అభివృద్ధి చేసుకోండి మరియు జ్ఞానం నిల్వ సామర్థ్యాన్ని మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
> ఈ రిపాజిటరీ 50+ భాషా అనువాదాలను కలిగి ఉంది, ఇది డౌన్లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి, స్పార్స్ చెకౌట్ ఉపయోగించండి:
> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?**
>
> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతాయి. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
> 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)) చూడండి**
[](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చేయకండి!
> **ఆడ్యాపకులు**, ఈ పాఠ్యక్రమాన్ని ఎలా ఉపయోగించాలో కొన్ని సలహాలు మేము ఇచ్చాము [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" బటన్ పై క్లిక్ చేయండి.
ఈ పాఠ్యక్రమాన్ని మీ కంప్యూటర్లో నడిపించేందుకు, టెక్స్ట్ ఎడిటర్, బ్రౌజర్ మరియు కమాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం, [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)
తరువాత, [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
git clone <your-repository-url>
```
2. Visual Studio Code లో ఫోల్డర్ను ఓపెన్ చేయండి. మీరు **File** > **Open Folder** పై క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్ను ఎంచుకోవచ్చు.
2. Visual Studio Code లో ఫోల్డర్ను ఓపెన్ చేయండి. మీరు దీన్ని **File** > **Open Folder**ను క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్ను ఎంపిక చేయడం ద్వారా చేయవచ్చు.
> సిఫారసు చేసిన Visual Studio Code ఎక్స్టెన్షన్స్:
> సిఫార్సు చేయబడిన Visual Studio Code విస్తరణలు:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి
## 📂 ప్రతి పాఠం లో:
## 📂 ప్రతి పాఠం లో ఏమి ఉంటుంది:
- ఐచ్ఛిక స్కెచ్నోట్
- ఐచ్ఛిక సప్లేమెంటల్ వీడియో
- పాఠం ముందు వార్మ్-అప్ క్విజ్
- రాసిన పాఠం
- ప్రాజెక్ట్ ఆధారిత పాఠాలకై, ప్రాజెక్ట్ నిర్మాణం గురించి దశల వారీ గైడ్లు
- జ్ఞాన పరీక్షలు
- ఒక సవాలు
- సప్లేమెంటల్ పఠనం
- అసైన్మెంట్
- [పాఠం అనంతరం క్విజ్](https://ff-quizzes.netlify.app/web/)
- ఐచ్ఛిక స్కెచ్ నోట్
- ఐచ్ఛిక సప్లిమెంటల్ వీడియో
- పాఠం ముందు వార్మప్ క్విజ్
- రాత పాఠం
- ప్రాజెక్ట్ ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ ను ఎలా నిర్మించాలో స్టెప్-బై-స్టెప్ గైడ్లు
> **క్విజ్ల గురించి ఒక నోట<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) | జాస్మిన్ |
| 02 | మొదలు పెట్టడం | GitHub ప్రమాణాలు, ఒక జట్టు తో పని చేయడం | మీ ప్రాజెక్టులో GitHub ఎలా ఉపయోగించాలో, ఇతరులతో కోడ్ బేస్ పై ఎలా కలిసి పనిచేయాలో తెలుసుకోండి | [GitHub పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | ఫ్లోర్ |
| 03 | మొదలు పెట్టడం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలు నేర్చుకోండి | [యాక్సెసిబిలిటీ మూలాల](./1-getting-started-lessons/3-accessibility/README.md) | క్రిస్టోఫర్ |
| 04 | JS ప్రాథమికాలు | జావాస్క్రిప్ట్ డేటా తరకాలు | జావాస్క్రిప్ట్ డేటా తరకాల ప్రాథమికాలు | [డేటా తరకాలు](./2-js-basics/1-data-types/README.md) | జాస్మిన్ |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్లు | అనువర్తనం లోజిక్ ఫ్లోను నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్లు గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్లు](./2-js-basics/2-functions-methods/README.md) | జాస్మిన్ మరియు క్రిస్టోఫర్ |
| 06 | JS ప్రాథమికాలు | JSతో నిర్ణయాలు తీసుకోవడం | మీ కోడ్లో పరిస్థితులను సృష్టించడానికి నిర్ణయం తీసుకునే పద్ధతులు నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | జాస్మిన్ |
| 07 | JS ప్రాథమికాలు | అర్రెయ్స్ మరియు లూప్స్ | జావాస్క్రిప్ట్లో అర్రెయ్స్ మరియు లూప్స్ను ఉపయోగించి డేటాతో పని చేయండి | [అర్రెయ్స్ మరియు లూప్స్](./2-js-basics/4-arrays-loops/README.md) | జాస్మిన్ |
| 08 | [టెరేరియం](./3-terrarium/solution/README.md) | HTML ప్రయోగం | ఆన్లైన్ టెరేరియం సృష్టించడానికి HTML నిర్మాణం చేయండి, లేఅవుట్ తయారిపై దృష్టి పెట్టండి | [HTML పరిచయం](./3-terrarium/1-intro-to-html/README.md) | జెన్ |
| 09 | [టెరేరియం](./3-terrarium/solution/README.md) | CSS ప్రయోగం | ఆన్లైన్ టెరేరియంను స్టైల్ చేయడానికి CSS నిర్మించండి, CSS ప్రాథమికాలపై దృష్టి పెట్టండి, పేజీ రిస్పాన్సివ్ చేయడం సహా | [CSS పరిచయం](./3-terrarium/2-intro-to-css/README.md) | జెన్ |
| 10 | [టెరేరియం](./3-terrarium/solution/README.md) | JavaScript closures, DOM మేనేజ్మెంట్ | టెరేరియం డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్గా పని చేయడానికి జావాస్క్రిప్ట్ రూపొందించండి, closures మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టండి | [JavaScript closures, DOM మేనేజ్మెంట్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | జెన్ |
| 11 | [టైపింగ్ గేమ్](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ నిర్మించండి | మీ జావాస్క్రిప్ట్ యాప్ లాజిక్ను కీబోర్డ్ ఈవెంట్స్ ద్వారా ఎలా నడిపించాలో నేర్చుకోండి | [ఈవెంట్-డ్రైవెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | క్రిస్టోఫర్ |
| 12 | [గ్రీన్ బ్రౌసర్ ఎక్స్టెన్షన్](./5-browser-extension/solution/README.md) | బ్రౌసర్స్ తో పని చేయడం | బ్రౌసర్స్ ఎలా పనిచేస్తాయో, వాటి చరిత్ర, మొదటి బ్రౌసర్ ఎక్స్టెన్షన్ ఎలిమెంట్స్ను ఎలా తయారుచేయాలో నేర్చుకోండి | [బ్రౌసర్స్ గురించి](./5-browser-extension/1-about-browsers/README.md) | జెన్ |
| 13 | [గ్రీన్ బ్రౌసర్ ఎక్స్టెన్షన్](./5-browser-extension/solution/README.md) | ఫారం తయారీ, API పిలుపు మరియు లోకల్ స్టోరేజ్ లో వేరియబుల్స్ నిల్వ చేయడం | బ్రౌసర్ ఎక్స్టెన్షన్ లో JavaScript ఎలిమెంట్స్ ను రూపొందించండి, లోకల్ స్టోరేజ్ లో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి API పిలవండి | [APIs, ఫారమ్స్ మరియు లోకల్ స్టోరేజ్](./5-browser-extension/2-forms-browsers-local-storage/README.md) | జెన్ |
| 14 | [గ్రీన్ బ్రౌసర్ ఎక్స్టెన్షన్](./5-browser-extension/solution/README.md) | బ్రౌసర్ నేపథ్య ప్రక్రియలు, వెబ్ పనితీరు | ఎక్స్టెన్షన్ ఐకాన్ నిర్వహించడానికి బ్రౌసర్ నేపథ్య ప్రక్రియలను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [నేపథ్య పనులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | జెన్ |
| 15 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | JavaScript తో అధునాతన గేమ్ అభివృద్ధి | క్లాసెస్ మరియు కంపోజిషన్ ఉపయోగించి వారసత్వం మరియు Pub/Sub నమూనా గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి పరిచయంగా | [అధునాతన గేమ్ అభివృద్ధి పరిచయం](./6-space-game/1-introduction/README.md) | క్రిస్ |
| 16 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | కేన్వాస్ కు డ్రాయింగ్ | స్క్రీన్కు ఎలిమెంట్స్ డ్రా చేయడానికి ఉపయోగించే కేన్వాస్ API గురించి తెలుసుకోండి | [కేన్వాస్ కు డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | క్రిస్ |
| 17 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ ఎలిమెంట్స్ కదలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు కేన్వాస్ API ఉపయోగించి ఎలిమెంట్స్కి మోషన్ ఎలా వస్తుందో కనుగొనండి | [ఎలిమెంట్స్ చుట్టూ కదలడం](./6-space-game/3-moving-elements-around/README.md) | క్రిస్ |
| 18 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | ఘర్షణ గుర్తింపు | ఎలిమెంట్స్ను ఒకదాన్ని మరోదానితో ఘర్షణ చేయించి, కీప్రెస్లను ఉపయోగించి ప్రతిస్పందన ఇస్తూ, గేమ్ పనితీరును నిర్ధారించడానికి కూల్డౌన్ ఫంక్షన్ అందించండి | [ఘర్షణ గుర్తింపు](./6-space-game/4-collision-detection/README.md) | క్రిస్ |
| 19 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | స్కోర్ నిర్వహణ | గేమ్ స్థితి మరియు పనితీరు ఆధారంగా గణిత గణనలు చేయండి | [స్కోర్ నిర్వహణ](./6-space-game/5-keeping-score/README.md) | క్రిస్ |
| 20 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు రీస్టార్ట్ | గేమ్ ముగింపు మరియు రీస్టార్ట్ గురించి తెలుసుకోండి, దీనిలో ఆస్తులు శుభ్రపరిచి, వేరియబుల్ విలువలను రీసెట్ చేయడం కూడా అందుబాటులో ఉంది | [ముగింపు షరతు](./6-space-game/6-end-condition/README.md) | క్రిస్ |
| 21 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | వెబ్ యాప్లో HTML టెంప్లేట్స్ మరియు రూట్స్ | రౌటింగ్ మరియు HTML టెంప్లేట్లను ఉపయోగించి బహుళ పేజీ వెబ్సైట్ ఆర్కిటెక్చర్ నిర్మాణం ఎలా చేయాలో నేర్చుకోండి | [HTML టెంప్లేట్స్ మరియు రూట్స్](./7-bank-project/1-template-route/README.md) | యోహాన్ |
| 22 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మాణం | ఫారమ్స్ నిర్మించడం మరియు వాలిడేషన్ రూటీన్స్ నిర్వహణ గురించి తెలుసుకోండి | [ఫారమ్స్](./7-bank-project/2-forms/README.md) | యోహాన్ |
| 23 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | డేటా తీసుకోవడం మరియు ఉపయోగించే విధానం | మీ యాప్లో డేటా ఎలా ప్రవహిస్తుంది, దానిని ఎలా తీసుకుంటారు, నిల్వ చేస్తారు మరియు ఎలా తొలగిస్తారు అనే విషయాలు | [డేటా](./7-bank-project/3-data/README.md) | యోహాన్ |
| 24 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ కాన్సెప్ట్లు | మీ యాప్ స్టేట్ను ఎలా నిలబెట్టుకుంటుంది మరియు ప్రోగ్రామింగ్ ద్వారా దానిని ఎలా నిర్వహించాలో తెలుసుకోండి | [స్టేట్ మేనేజ్మెంట్](./7-bank-project/4-state-management/README.md) | యోహాన్ |
| 25 | [Browser/VScode కోడ్](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం నేర్చుకోండి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./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) | క్రిస్ |
## 🏫 పాఠ శాస్త్ర సూత్రాలు
మన పాఠ్యక్రమం రెండు ప్రధాన పాఠశాస్త్ర సూత్రాలతో రూపొందించబడింది:
* ప్రాజెక్ట్ ఆధారిత నేర్చుకోవడం
| | ప్రాజెక్ట్ పేరు | నేర్పబడే కాన్సెప్ట్లు | నేర్చుకునే లక్ష్యాలు | లింక్డ్ పాఠం | రాతి పేరు |
| 01 | ప్రారంభం | ప్రోగ్రామింగ్ మరియు టూల్స్ పరిచయం | ఎక్కువ ప్రోగ్రామింగ్ భాషల మూలన 扎దళలు మరియు ప్రొఫెషనల్ డెవలపర్లు తమ పనులను ఎటువంటి సాఫ్ట్వేర్తో చేస్తారో తెలుసుకోండి | [ప్రోగ్రామింగ్ భాషలు మరియు టూల్స్ పరిచయం](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ప్రారంభం | GitHub ప్రాథమికాలు, జట్టుతో పనిచేయడం | మీ ప్రాజెక్ట్లో GitHubను ఎలా ఉపయోగించాలో, కోడ్ బేస్పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోండి | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ప్రారంభం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ యొక్క ప్రాథమికాంశాలు నేర్చుకోవండి | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాలు | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్స్ మరియు మెథడ్స్ | అప్లికేషన్ యొక్క లాజిక్ ప్రవాహాన్ని నిర్వహించడానికి ఫంక్షన్స్ మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్స్ & మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS ప్రాథమికాలు | JSతో నిర్ణయాలు తీసుకోవడం | నిర్ణయ తీసుకునే పద్ధతులు ఉపయోగించి మీ కోడ్లో కండిషన్లను ఎలా సృష్టించాలో నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ప్రాథమికాలు | అర్రేస్ మరియు లూప్స్ | JavaScript లో అర్రేస్ మరియు లూప్స్ ఉపయోగించి డేటాతో పని చేయండి | [అర్రేస్ & లూప్స్](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ప్రాక్టీస్ | ఆన్లైన్ టెర్రేరియం సృష్టించడానికి HTML నిర్మించండి, లేఅవుట్ నిర్మాణంపై దృష్టి పెట్టి | [HTMLకి పరిచయం](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | టెర్రేరియం ను డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్ గా పనిచేయడానికి JavaScript ను నిర్మించండి, క్లోజర్స్ మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టి | [JavaScript క్లోజర్స్ & DOM మానిప్యులేషన్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ ఆట నిర్మాణం | కీబోర్డ్ ఈవెంట్స్ ఉపయోగించి మీ JavaScript యాప్ యొక్క లాజిక్ డ్రైవ్ చేయడం నేర్చుకోండి | [ఈవెంట్-డ్రైవెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లతో పని చేయడం | బ్రౌజర్లు ఎలా పని చేస్తాయో, వారి చరిత్రను, మరియు బ్రౌజర్ విస్తరణ మొదటి అంశాలను ఎలా స్కాఫోల్డ్ చేయాలో తెలుసుకోండి | [బ్రౌజర్లు గురించి](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫారం నిర్మాణం, API కాల్ చేయడం మరియు స్థానిక స్టోరేజ్లో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక స్టోరేజ్లో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి APIని కాల్ చేయడానికి బ్రౌజర్ విస్తరణ యొక్క JavaScript అంశాలను నిర్మించండి | [APIs, ఫారాలు, మరియు స్థానిక స్టోరేజీ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లో బ్యాక్గ్రౌండ్ ప్రాసెసులు, వెబ్ పనితీరు | విస్తరణ యొక్క ఐకాన్ను నిర్వహించడానికి బ్రౌజర్ బ్యాక్గ్రౌండ్ ప్రాసెసులను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [బ్యాక్గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | మెరుగైన గేమ్ అభివృద్ధి JavaScript తో | క్లాస్ల్స్ మరియు కంపోజిషన్ మరియు పబ్/సబ్ ప్యాటర్న్ ఉపయోగించి వారసత్వం గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడం | [అడ్వాన్స్డ్ గేమ్ అభివృద్ధికి పరిచయం](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | క్యాన్వాస్ పై డ్రాయింగ్ | స్క్రీన్ పై అంశాలను డ్రా చేయడానికి ఉపయోగించే క్యాన్వాస్ API గురించి తెలుసుకోండి | [క్యాన్వాస్ డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ అంశాలను కదిలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు క్యాన్వాస్ API ఉపయోగించి అంశాలను మోషన్ పొందने విధానాన్ని కనుగొనండి | [విభిన్న అంశాలను కదిలించడం](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ఢీగిడింపు గుర్తింపు | కీలను ఉపయోగించి అంశాలు ఢీగించిపోతూ మరియు పరస్పర చర్యను చేయిస్తూ గేమ్ పనితీరు కోసం కూల్డౌన్ ఫంక్షన్ అందించండి | [ఢీగిడింపు గుర్తింపు](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోరు నిర్వహించడం | గేమ్ స్టేటస్ మరియు పనితీరు ఆధారంగా గణిత లెక్కింపులు చేయండి | [స్కోరు నిర్వహణ](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు పునఃప్రారంభం | గేమ్ ముగింపు మరియు పునఃప్రారంభం గురించి, ఆస్తులను శుభ్రపరచడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం సహా నేర్చుకోండి | [ముగింపు పరిస్థితి](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్లో HTML టెంప్లేట్స్ మరియు రూట్స్ | రూటింగ్ మరియు HTML టెంప్లేట్స్ ఉపయోగించి మల్టీపేజి వెబ్సైట్ ఆర్కిటెక్చర్ యొక్క స్కాఫోల్డ్ సృష్టించడం నేర్చుకోండి | [HTML టెంప్లేట్స్ & రూట్స్](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మాణం | ఫారాలు నిర్మించడం మరియు చెలామణీ ధృవీకరణ పద్ధతులు గురించి తెలుసుకోండి | [ఫారాలు](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటాను పొందడం మరియు ఉపయోగించే విధానాలు | మీ యాప్ లో డేటా ప్రవాహం ఎలా జరుగుతుందో, దాన్ని ఎలా పొందాలి, నిల్వ చేయాలి మరియు అవమానాన్ని నివారించాలి | [డేటా](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ కాన్సెప్ట్లు | మీ యాప్ ఎలా స్టేట్ను నిల్వ చేస్తుంది మరియు దానిని ప్రోగ్రామాటిక్గా ఎలా నిర్వహించాలో నేర్చుకోండి | [స్టేట్ మేనేజ్మెంట్](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా తెలుసుకోండి | [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI సహాయకులు](./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 దాన్ని [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) లో చూడవచ్చు.
## 📘 PDF
అన్ని పాఠాల యొక్క PDF ను మీరు [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) పొందవచ్చు.
## 🎒 ఇతర కోర్సులు
మా బృందం మరిన్ని కోర్సులు తయారు చేస్తోంది! చూసుకోండి:
మా టీమ్ ఇతర కోర్సులు కూడా ఉత్పత్తి చేస్తోంది! తనిఖీ చేయండి:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -234,21 +260,21 @@ Azure AI Foundry Discord కమ్యూనిటీతో చేరండి
## సహాయం పొందడం
మీరు అడ్డుకున్నారా లేదా AI యాప్లను వృద్ధి చేయడంపై ఏవైనా ప్రశ్నలు ఉన్నాయా? MCP గురించి చర్చలలో మిత్ర శిక్షణార్థులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ప్రశ్నలు స్వాగతించబడే, జ్ఞానం స్వేచ్ఛగా పంచుకునే సహాయక సంఘం.
మీరు అంటకపోతే లేదా AI అనువర్తనాలను నిర్మించడం గురించి ఏవైనా ప్రశ్నలు ఉంటే. MCP గురించి చర్చల్లో సహచర అభ్యాసకులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ఒక మద్దతు ఇచ్చే సమూహం, అక్కడ ప్రశ్నలు స్వాగతం మరియు జ్ఞానం ఫ్రీలో పంచుకుంటారు.
ఈ రిపోజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ పొందింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్ను చూడండి.
ఈ రిపాజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ చేయబడింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్ చూడండి.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**అस्वీకారం**:
ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము ఖచ్చితత్వానికి ప్రాధాన్యం ఇస్తున్నప్పటికీ, ఆటోమేటిక్ అనువాదాలలో తప్పులు లేదా పొరపాట్లు ఉండవచ్చని దయచేసి గమనించండి. అసలు పత్రం దాని స్థానిక భాషలో నిబంధనాత్మక మూలముగా పరిగణించాలి. కీలక సమాచారం కోసం, ప్రొఫెషనల్ మానవ అనువాదం సూచింపబడుతుంది. ఈ అనువాదం వాడుక ద్వారా ఉత్పన్నమయ్యే ఏవైనా అపార్థాలు లేదా తప్పుతుడములను మేము కాబట్టి బాధ్యత వహించము.
**అస్పష్టం**:
ఈ పత్రం AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడినది. మేము సరైన అనువాదం కోసం ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో లోపాలు లేదా పొరపాట్లు ఉండవచ్చు అని దయచేసి గమనించండి. అసలు పత్రం తన స్వభావ భాషలో సభ్యత సంపాదించిన ఆధారమైన మూలంగా భావించాలి. ముఖ్యమైన సమాచారం కోసం, నిపుణులైన మానవ అనువాదాన్ని సలహాగా తీసుకోవడం మంచిది. ఈ అనువాదం వలన ఏర్పడిన ఏవైనా అపార్థాలు లేదా తప్పు వివరణల కోసం మేము బాధ్యత వహించలేము.
localizeflow[bot]
3 days ago