ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲಭೂತಾಂಶಗಳನ್ನು ಕಲಿಸಲು ಉದ್ದೇಶಿಸಿದ ಶಿಕ್ಷಣ ಕಾರ್ಯಕ್ರಮ ಸಂಗ್ರಹಾಲಯವಾಗಿದೆ. ಈ ಕಾರ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೆಟ್ಸ್ರಿಂದ ಅಭಿವೃದ್ಧಿಪಡಿಸಲ್ಪಟ್ಟ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಕೈಯಿಂದ ಮಾಡಬಹುದಾದ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿವೆ, ಇವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ.
ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ತ್ವಗಳನ್ನು ಕಲಿಸಲು শিক্ষಾ ಪಠ್ಯಕ್ರಮದ ರೆಪಾಸಿಟರಿ. ಈ ಪಠ್ಯಕ್ರಮವು Microsoft Cloud Advocates ತಂಡದಿಂದ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ಸಂಪೂಟ 12-ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, ಜಾವಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡ 24 ಕೈಗೆ ಒಳಗಾದ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
### ಪ್ರಮುಖ ಘಟಕಗಳು
- **ಶೈಕ್ಷಣಿಕ ವಿಷಯಗಳು**: ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಮೋ듳ುಗಳಾಗಿ ಸಂಘಟಿತ 24 ರಚಿಸಲ್ಪಟ್ಟ ಪಾಠಗಳು
- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳು**: ಟೆರೆರಿಯಂ, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಆಪ್, ಕೋಡ್ ಸಂಪಾದಕ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ಕಲಿಯುವವರಿಗಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ
- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸುಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ವಿಜ್ಞಾನ, ML, IoT ಪಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ
### ನಿರ್ದಿಷ್ಟ ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಕೆಲಸ
### ನಿರ್ದಿಷ್ಟ ಯೋಜನೆಗಳೊಂದಿಗೆ ಕೆಲಸ
ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ README ಕಡತಗಳನ್ನು ನೋಡಿ:
- `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್
- `7-bank-project/README.md` - प्रमाणीಕರಣಯುತ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್
ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಪ್ರತಿ ಯೋಜನೆ README ಫೈಲ್ಗಳನ್ನು ನೋಡಿ:
- `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್
- `7-bank-project/README.md` - ದೃಢೀಕರಣದೊಂದಿಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಯೋಜನೆ
### ಮಾಸ್ಟರ್ ರೆಪೊ ಸಂರಚನೆ
### ಮನುಹಳೆ ರೆಪೊ ರಚನೆ
ಪಾರಮ್ಪರಿಕ ಮಾಸ್ಟರ್ ರೆಪೊ ಅಲ್ಲವಾದರೂ, ಈ ಸಂಗ್ರಹालयದಲ್ಲಿ ಹಲವು ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಇವೆ:
- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಅವಲಂಬನೆ ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
- ಇತರರ ಮೇಲೆ ಪ್ರಭಾವ ಬಿಟ್ಟು ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೇಲೆ ಕಾರ್ಯನಿರ್ವಹಿಸಿ
- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
ಸಾಂಪ್ರದಾಯಿಕ ಮನುಹಳೆ ರೆಪೊ ಅಲ್ಲದಿದ್ದರೂ, ಈ ರೆಪೊ ಬಹು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳನ್ನು ಹೊಂದಿದೆ:
- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿದೆ
- ಯೋಜನೆಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತಿಲ್ಲ
- ಪ್ರತಿ ಯೋಜನೆಯಲ್ಲಿ ಪ್ರತ್ಯೇಕವಾಗಿ ಕೆಲಸಮಾಡಿ ಇತರೆಗಳ ಮೇಲೆ ಪ್ರಭಾವ ಬಡಿಸದೆ
- ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮದ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಅಸ್ತವ್ಯವಸ್ಥೆ**:
ಈ ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಅನುವಾದ ಸೇವೆ ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಯ ಲಕ್ಷ್ಯಕ್ಕಾಗಿ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ತಪ್ಪುಗಳಿರುವ ಸಾಧ್ಯತೆ ಇದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿರಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜು ಸದೃಢ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಅತ್ಯಂತ ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಗ್ರಹಿಕೆಗಳು ಅಥವಾ ವಿಚಿತ್ರಾರ್ಥಗಳಿಗಾಗಿ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ.
**ಜವಾಬ್ದಾರಿಯ ಮೌಖ್ಯಕತೆ**:
ಈ ನನುಮತಿಯನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಖಚಿತತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂಬ ವಿಚಾರದಲ್ಲಿ ದಯವಿಟ್ಟು ಗಮನವಿಡಿ. ಮೂಲ ಭಾಷೆಯ ಮೂಲ ದಾಖಲೆ ಆಧिकारिक ಮೂಲವಾಗಿದೆ ಎಂದು ಪರಿಗಣಿಸಬೇಕಿದೆ. ಆವಶ್ಯಕ ಮಾಹಿತಿಗೆ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸುವುದರಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾಡಿಕೊಳ್ಳದಿಕೆಗಳು ಅಥವಾ ತಪ್ಪುಅರ್ಥೈಸಿಕೆಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರರಾಗುವುದಿಲ್ಲ.
Microsoft Cloud Advocates ಯಿಂದ ನಮ್ಮ 12-ವಾರಗಳ ಸಮಗ್ರ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಕೈಯಿಂದ ಪ್ರದರ್ಶನಗೊಂಡ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೂಲಕ JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಅಧ್ಯಯನ ಮಾಡಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಟೆರೆರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಸ್ಪೇಸ್ ಗೇಮ್ಗಳು. ಕುಯಿಜ್ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ನೈಜ ಕಾರ್ಯಗಳನ್ನು ನಡೆಸಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿಯಾದ ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಠ್ಯಪದ್ಧತಿಯೊಂದಿಗೆ ಜ್ಞಾನವನ್ನು ಉತ್ತಮಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
Microsoft Cloud Advocates ರ 12-ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ನೊಂದಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಕಿರಿ. 24 ಪಾಠಗಳ ಪ್ರತಿ JavaScript, CSS, ಮತ್ತು HTML ಅನ್ನು ರೈತ ಸ್ಟಾರ್ಟಿ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೂಲಕ ಸಂಯೋಜಿಸುತ್ತದೆ, ಉದಾ: ಟೆರೆರಿ Homes, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಅಂತರಿಕ್ಷ ಆಟಗಳು. ಕುಯಿಜ್ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ನಿಯೋಜನೆಗಳ ಜೊತೆಗೆ ನಿರಂತರ ತೊಡಗಿಸಿಕೊಳ್ಳಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಹೆಚ್ಚಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಶಿಕ್ಷಣ ವಿಧಾನದಿಂದ ನಿಮ್ಮ ಜ್ಞಾನವನ್ನು ಗರಿಷ್ಠಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ್ಳಿ
Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಸಹ ಡೆವಲಪರ್ಗಳನ್ನು ಭೇಟಿಯಾಗಿ.
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> ಇದು ನಿಮಗೆ ಕೋರ್ಸ್ ಪೂರ್ಣಗೊಳಿಸಲು ಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ಬಹಳ ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
> ಇದು ಕೋರ್ಸ್ ಪೂರ್ಣಗೊಳಿಸಲು ಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ತುಂಬಾ ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
**ನಿಮಗೆ ಹೆಚ್ಚುವರಿ ಭಾಷಾಂತರ ಬೆಂಬಲ ಬೇಕಾದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯಲ್ಲಿವೆ**
**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದಗಳನ್ನು ಬಯಸಿದರೆ, ಬೆಂಬಲಿತ ಭಾಷೆಗಳು ಇಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ. [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿ ಆಗಿದ್ದೀರಾ?_
#### 🧑🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯವರಾ?_
[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)ಗೆ ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿ ಪ್ರಾರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೋಚ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಲಭ್ಯವಿವೆ. ನಮ್ಮ ವಿಷಯವನ್ನು ಮಾಸಿಕವಾಗಿ ಬದಲಾಯಿಸುವುದರಿಂದ ನೀವು ಈ ಪುಟವನ್ನು ಬುಕ್ಕ್ಮಾರ್ಕ್ ಮಾಡಿಕೊಂಡು ತಾತ್ಕಾಲಿಕವಾಗಿ ಪರಿಶೀಲಿಸಬಹುದು.
[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon)ಗೆ ಭೇಟಿ ನೀಡಿ, ಇಲ್ಲಿ ನಿಮಗಾಗಿ ಆರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ಕೂಪನ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಲಭ್ಯವಿವೆ. ಈ ಪುಟವನ್ನು ಬುಕ್ಮಾರ್ಕ್ ಮಾಡಿ ಮತ್ತು ತಿಂಗಳುಗಳಿಗೊಮ್ಮೆ ಅದು ನವೀಕರಣಗೊಂಡಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ.
### 📣 ಪ್ರಕಟಣೆ - ಹೊಸ GitHub Copilot Agent ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿರಿ!
### 📣 ಘೋಷಣೆ - ಹೊಸ GitHub Copilot ಏಜೆಂಟ್ ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ!
ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎನ್ನುವದು ನೋಡಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿ ಪೂರ್ಣಗೊಳಿಸುವ ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ ಅದು ಪಠ್ಯ ರಚನೆಯ ಜೊತೆಗೆ ಫೈಲ್ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಕಮಾಂಡ್ಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಸಾಧ್ಯ.
ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಬಹುತೇಕ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎಂದು ಪತ್ತೆಹಚ್ಚಿ. ಇದು GitHub Copilot ಮತ್ತು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಪೂರ್ಣಗೊಳಿಸಲು ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ, ಅದು ಕೇವಲ ಪಠ್ಯವನ್ನು ರಚಿಸುವುದಲ್ಲದೆ ಫೈಲ್ಗಳನ್ನು ರಚಿಸಬಹುದು, ಸಂಪಾದಿಸಬಹುದು, ಕಮಾಂಡ್ಗಳನ್ನು ಚಲಾಯಿಸಬಹುದು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು.
### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ_
### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್_
ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md)
ಹೊಸ AI ಅಸಿಸ್ಟೆಂಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಕನ್ನಡಿಸಿ ನೋಡಿ [project](./9-chat-project/README.md)
### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಕುರಿತಲ್ಲಿನ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ JavaScript ಗಾಗಿ ಬಿಡುಗಡೆಯಾಗಿದೆ
### 📣 ಘೋಷಣೆ - _JavaScript ಗಾಗಿ ಜನರೇಟಿವ್ AI ಮೇಲ್ಅಸ್ತರದ_ ಹೊಸ ಪಠ್ಯಕ್ರಮ ಹೊರಬಂದಿದೆ
ನಮ್ಮ ಹೊಸ ಜನರೇಟಿವ್ AI ಪಠ್ಯಕ್ರಮವನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಡಿ!
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
ಪ್ರತಿ ಪಾಠವು పూర్తి ಮಾಡಲು ನಿಯೋಜನೆ, ಜ್ಞಾನ ಮೌಲ್ಯಮಾಪನ ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಕಲಿಕೆಯ ವಿಷಯಗಳು:
- ಪ್ರಾಂಪ್ಟ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಎಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ಸೃಷ್ಟಿ
- ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ಗಳು
ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಒಂದು ಕಾರ್ಯ, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ಸವಾಲು ಸೇರಿವೆ, ಅಲ್ಲಿಯ ವಿಷಯಗಳ ಮೇಲೆ ಮಾರ್ಗದರ್ಶನ ನೀಡಲು:
- ಪ್ರಾಂಪ್ಟ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಆಪ್ ರಚನೆ
- ಹುಡುಕು ಆಪ್ಗಳು
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
ತಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
## 🌱 ಪ್ರಾರಂಭಿಸುವುದು
> **ಅಧ್ಯಾಪಕರು**, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸಬೇಕು ಎಂಬುದರ ಬಗ್ಗೆ ಕೆಲವು ಸಲಹೆಗಳನ್ನು ನಾವು [ಒದಗಿಸಿದ್ದೇವೆ](for-teachers.md). ದಯವಿಟ್ಟು ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು [ನಮ್ಮ ಚರ್ಚಾ ವೇದಿಕೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ನಲ್ಲಿ ಹಂಚಿಕೊಳ್ಳಿ!
## 🌱 ಪ್ರಾರಂಭ
**[ಶಿಕ್ಷಾರ್ಥಿಗಳು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ಪ್ರತಿ ಪಾಠಕ್ಕೆ, ಪೂರ್ವ-ಉಪನ್ಯಾಸ ಕುಯಿಜ್ನಿಂದ ಪ್ರಾರಂಭಿಸಿ, ಉಪನ್ಯಾಸ ವಿಷಯವನ್ನು ಓದಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ನಂತರದ ಕುಯಿಜ್ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥೈಸುವುದನ್ನು ಪರಿಶೀಲಿಸಿ.
> **ಶಿಕ್ಷಕರು**, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದಾಗಿ ನಾವು ಕೆಲವು [ಸೂಚನೆಗಳನ್ನು](for-teachers.md) ಸೇರಿಸಿದ್ದೇವೆ. ದಯವಿಟ್ಟು ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು ನಮ್ಮ [ಚರ್ಚಾ ವೇದಿಕೆಯಲ್ಲಿಹೇಗೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ಹಂಚಿಕೊಳ್ಳಿ!
ನಿಮ್ಮ ಅಧ್ಯಯನ ಅನುಭವವನ್ನು ಹೆಚ್ಚಿಸಲು, ಸಹಪಾಠಿಗಳೊಡನೆ ಸೇರಿ ಪ್ರಾಜೆಕ್ಟ್ಗಳಲ್ಲಿ ಕೆಲಸಮಾಡಿ! ಚರ್ಚೆಗಳು ನಮ್ಮ [ಚರ್ಚಾ ವೇದಿಕೆಯ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ನಲ್ಲಿ ಪ್ರೋತ್ಸಾಹಿಸಲಾಗುತ್ತವೆ, ಅಲ್ಲಿ ನಮ್ಮ ಮಧ್ಯಸ್ಥರ ತಂಡ ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರ ನೀಡಲು ಲಭ್ಯವಿದೆ.
**[ಕಲಿಯುವವರು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ಪ್ರತಿ ಪಾಠದ ಮುನ್ನಿನ ಕ್ವಿಜ್ಗಳನ್ನು ಪ್ರತಿದಿನ ಪ್ರಾರಂಭಿಸಿ, ಪಾಠಪುಸ್ತಕ ವाचन ಮಾಡಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥವನ್ನು ಪರಿಶೀಲಿಸಿ.
ನಿಮ್ಮ ಶಿಕ್ಷಣವನ್ನು ಮುಂದುವರೆಸಲು, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಅಧ್ಯಯನ ಸಾಮಗ್ರಿಗಳನ್ನು ಅನ್ವೇಷಿಸಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ.
ನಿಮ್ಮ ಕಲಿಕೆ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲು, ಯೋಜನೆಗಳ ಮೇಲೆ ಸಹಪಾಠಿಗಳೊಂದಿಗೆ ಸೇರಿ ಕೆಲಸ ಮಾಡಿರಿ! ಚರ್ಚೆಗಳನ್ನು ನಮ್ಮ [ಚರ್ಚಾ ವೇದಿಕೆಯಲ್ಲಿ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ಪ್ರೋತ್ಸಾಹಿಸಲಾಗುತ್ತದೆ, ಇಲ್ಲಿ ನಮ್ಮ ಮಧ್ಯಸ್ಥರು ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರ ನೀಡಲಿದ್ದಾರೆ.
### 📋 ನಿಮ್ಮ ಪರಿಸರವನ್ನು ಸೆಟ್ ಮಾಡಲಾಗಿದೆ
ನಿಮ್ಮ ಶಿಕ್ಷಣವನ್ನು ಮತ್ತಷ್ಟು ಸುಧಾರಿಸಲು, ನಾವು [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ಹೆಚ್ಚಿನ ಅಧ್ಯಯನ ಸಾಮಗ್ರಿಗಳನ್ನು ಅನ್ವೇಷಿಸಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ.
ಈ ಪಠ್ಯಕ್ರಮವು ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ಹೊಂದಿದೆ! ನೀವು ಪ್ರಾರಂಭಿಸಿದಾಗ, ನೀವು [Codespace](https://github.com/features/codespaces/) (ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಸ್ಥಾಪನೆ ಅವಶ್ಯಕವಿಲ್ಲದ ಪರಿಸರ) ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಮುಂತಾದ ಟೆಕ್ಸ್ಟ್ ಎಡಿಟರ್ ಬಳಸಿಕೊಂಡು ಪ್ರೋಗ್ರಾಮ್ ನಡೆಸಬಹುದು.
### 📋 ನಿಮ್ಮ ಪರಿಸರವನ್ನು ಸ್ಥಾಪಿಸುವುದು
#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯ ಪ್ರತಿಯನ್ನು ನಿಮ್ಮ ಖಾತೆಯಲ್ಲಿ ತಯಾರಿಸಿಕೊಳ್ಳುವುದು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಇದನ್ನು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಇರುವ **Use this template** ಬಟನ್ ಒತ್ತಿ ಮಾಡಬಹುದು. ಇದು ಪಠ್ಯಕ್ರಮದ ಪ್ರತಿಯನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರಿಪೊಸಿಟರಿಯನ್ನು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ರಚಿಸುತ್ತದೆ.
ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಿದ್ಧವಾಗಿದೆ! ಪ್ರಾರಂಭಿಸುವಾಗ ನೀವು [Codespace](https://github.com/features/codespaces/) (_ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಯಾವುದೇ ಇನ್ಸ್ಟಾಲ್ ಅಗತ್ಯವಿಲ್ಲದ ಪರಿಸರ_) ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ಂತಹ ಪಠ್ಯ ಸಂಪಾದಕ ಬಳಸಿಕೊಂಡು ಕಾರ್ಯಚರಣೆ ಆಯ್ಕೆ ಮಾಡಬಹುದು.
ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **Repositories ಫೋರ್ಕ್ ಮಾಡಿರಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದಲ್ಲಿ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲನ್ನು ರಚಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಿದೆಯೆ. ಇದನ್ನು ನೀವು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮಾಡಬಹುದು. ಇದು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮದ ನಕಲನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸುತ್ತದೆ.
#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ನಡೆಸುವುದು
ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:
1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ಭಾಗದ ಬಲಭಾಗದ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲಿನಲ್ಲಿ, **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆ ಮಾಡಿ. ಇದು ನಿಮಗಾಗಿ ಹೊಸ Codespace ರಚಿಸುತ್ತದೆ.
ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿ ಪ್ರತಿಯಲ್ಲಿ, **Code** ಬಟನ್ನುವೊಂದು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ಕೆಲಸ ಮಾಡಲು ಹೊಸ Codespace ರಚಿಸುತ್ತದೆ.
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡುವುದು
#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಾಲನೆ ಮಾಡುವುದು
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಲು, ನಿಮ್ಮ ಬಳಿ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಅಗತ್ಯವಿದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವಾಣಿಜ್ಯ ಉಪಕರಣಗಳ ಪರಿಚಯ](../../1-getting-started-lessons/1-intro-to-programming-languages) ನಿಮಗೆ ಪ್ರತಿಯೊಂದು ಈ ಉಪಕರಣಗಳ ಆಯ್ಕೆಗಳನ್ನು ಪರಿಚಯಿಸುವುದು.
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ನಡೆಸಲು, ಒಂದು ಟೆಕ್ಸ್ಟ್ ಎಡಿಟರ್, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಸಾಧನ ಬೇಕಾಗುತ್ತದೆ. ನಮ್ಮ ಪ್ರಥಮ ಪಾಠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages) ನೀವು ಆಯ್ಕೆಮಾಡಬಹುದಾದ ವಿವಿಧ ಸಾಧನಗಳ ಕುರಿತು ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತದೆ.
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ಸಂಪಾದಕವಾಗಿ ಉಪಯೋಗಿಸುವುದಾಗಿ ಇದೆ, ಇದು ಅಂತರ್ಗತ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಹೊಂದಿರುತ್ತದೆ. ನೀವು Visual Studio Code ಅನ್ನು ಇಲ್ಲಿ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. ನಿಮ್ಮ ಸಂಗ್ರಹಣೆಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದನ್ನು**Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು URL ನಕಲಿಸುವ ಮೂಲಕ ಮಾಡಬಹುದು:
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ನ್ನು ನಿಮ್ಮ ಎಡಿಟರ್ ಆಗಿ ಬಳಸುವುದು, ಇದು ಒಳಗೊಂಡಿರುವ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಹೊಂದಿದೆ. Visual Studio Codeನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು.
1. ನಿಮ್ಮ ರೆಪొಸಿಟರಿಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದರ ಬಗ್ಗೆ**Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲಿಸಬಹುದು:
[CodeSpace](./images/createcodespace.png)
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ, `<your-repository-url>` ಎಂಬುದನ್ನು ನೀವು ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಾಯಿಸಿ:
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ನೊಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಆಜ್ಞೆ ರನ್ ಮಾಡಿ, ಅಲ್ಲಿ `<your-repository-url>` ಅನ್ನು ನೀವು ಈಗ ನಕಲಿಸಿದ URL ನಿಂದ ಬದಲಾಯಿಸಿ:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತಾರಣೆಗಳು:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಬರೆಯುವುದನ್ನು ವೇಗಗೊಳಿಸಲು ಸಹಾಯಕ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeನಲ್ಲಿ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
## 📂 ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಕಲಿತದ್ದಾಗಿವೆ:
## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರಿದೆ:
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್
- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೊ
- ಪಾಠದ ಮುಂಚಿನ ವಾರ್ಮ್ ಅಪ್ ಕ್ವಿಜ್
- ಐಚ್ಛಿಕ ಸ್ಕೆಟ್ಟೀಚಿತ್ತ
- ಐಚ್ಛಿಕ ಪೂರಕ ವಿಡಿಯೋ
- ಪಾಠದ ಮುಂಚಿನ ತಯಾರಿ ಪ್ರಶ್ನೋತ್ತರ
- ಬರೆಯಲಾದ ಪಾಠ
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು
- ಜ್ಞಾಪಕ ತಪಾಸಣೆಗಳು
- ಒಂದು ಆವೃತ್ತಿ
- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಯೋಜನೆಯನ್ನು ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು
- ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು
- ಒಂದು ಚಾಲೆಂಜ್
- ಪೂರಕ ಓದು
- ಅಸೈನ್ಮೆಂಟ್
- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
- ನಿಯೋಜನೆ
- [ಪಾಠದ ನಂತರ ಪ್ರಶ್ನೋತ್ತರ](https://ff-quizzes.netlify.app/web/)
> **ಕ್ವಿಜ್ ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ಗಳು Quiz-app ಫೋಲ್ಡರ್ನಲ್ಲಿ ಇವೆ, 48 ಒಟ್ಟು ಕ್ವಿಜ್ಗಳು, ಪ್ರತಿ ಒಂದು ಮೂರು ಪ್ರಶ್ನೆಗಳಾಗಿವೆ. ಅವು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದ್ದು, ಕ್ವಿಜ್ ಆಪ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ; `quiz-app` ಫೋಲ್ಡರ್ನ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
> **ಪ್ರಶ್ನೋತ್ತರಗಳ ಬಗ್ಗೆ ಗಮನಿಕೆ**: ಎಲ್ಲಾ ಪ್ರಶ್ನೋತ್ತರಗಳು Quiz-app ಫೋಲ್ಡರ್ನೊಳಗೆ ಇವೆ, ಒಟ್ಟು 48 ಪ್ರಶ್ನೋತ್ತರಗಳು, ಪ್ರತಿ ಒಂದರಲ್ಲಿ ಮೂರು ಪ್ರಶ್ನೆಗಳು. ಅವುಗಳಿಗೆ [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದೆ. ಪ್ರಶ್ನೋತ್ತರ ಆಪ್ ಅನ್ನು ಲೋಕಲ್ನಲ್ಲಿ ಚಲಾಯಿಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್ನಲ್ಲಿರುವ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
## 🗃️ ಪಾಠಗಳು
| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಸಲಾದ ಧಾರಣೆಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಲಿಂಕ್ ಮಾಡಲಾದ ಪಾಠ | ಲೇಖಕ |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು | ಹೆಚ್ಚಿನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಹಿಂದೆ ಇರುವ ಮೂಲಭೂತ ತತ್ವಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ತಜ್ಞರಿಗಾಗಿ ಸಹಕಾರ ಮಾಡು ತ ಸಾಫ್ಟ್ವೇರ್ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಆಧಾರಗಳು, ತಂಡದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಮತ್ತು ಕೋಡ್ ಬೇಸ್ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಜೊತೆಯ ಕೆಲಸ ಮಾಡುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರಾಪ್ಯತೆ | ವೆಬ್ ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ | [ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ಮೂಲಭೂತಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ಮೂಲಭೂತಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ನ ತರ್ಕ ಪ್ರವರ್ತನೆಯನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | Jasmine ಮತ್ತು Christopher |
| 06 | JS ಮೂಲಭೂತಗಳು | JS ಸಹಾಯದಿಂದ ನಿರ್ಧಾರಗಳನ್ನು ಕೈಗೊಳ್ಳುವುದು | ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಪರಿಸ್ಥಿತಿಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಧಾರ ಕೈಗೊಳ್ಳುವುದು](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | JavaScript ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಬೇಸ್ CSS ಲಭ್ಯವಿದ್ದು ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವವುಗಳನ್ನೂ ಸೇರಿಸಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript Closures, DOM ತಿದ್ದುಪಡಿ | ಟೆರೇರಿಯಮ್ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಮುಖಪುಟದಂತೆ ಕಾರ್ಯತತ್ಥಗೊಳಿಸಲು JavaScript ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್ಗಳು ಮತ್ತು DOM ತಿದ್ದುಪಡಿಯಲ್ಲಿ ಕೇಂದ್ರೀಕರಿಸಿ | [JavaScript Closures, DOM ತಿದ್ದುಪಡಿ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಗೇಮ್ ನಿರ್ಮಿಸಿ | ಕ್ಲ್ಯುವರ್ಡ್ ಘಟನೆಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ JavaScript ಅಪ್ಲಿಕೇಶನ್ನ ತರ್ಕವನ್ನು ಚಾಲನೆ ಮಾಡುವ ವಿಧಾನವನ್ನು ಕಲಿಯಿರಿ | [ ಘಟನೆ ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಮೊದಲನೆಯ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಘಟಕಗಳನ್ನು ರಚಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಬ್ರೌಸರ್ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | форма ರಚನೆ, API ಕರೆಗೆ ಕರೆ ಮಾಡುವುದು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಪರಿವರ್ತನಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆ ಮಾಡಲು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ JavaScript ಘಟಕಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸಂಗ್ರಹಿಸಲಾದ ಪರಿವರ್ತನಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳಿ | [API ಗಳು, ಫಾರ್ಮ್ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಅನ್ವಯವಾಗಿ ಪರಿಣಾಮಕಾರಿತ್ವ ಹೆಚ್ಚಿಸಲು ತಂತ್ರಗಳು ಕಲಿಯಿರಿ | [ಹಿಂದೆಲೆ ಕೆಲಸಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸುಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಾರಸತ್ವವನ್ನೂ, ಪಬ್ಲಿಷ್/ಸಬ್ಸ್ಕ್ರೈಬ್ (Pub/Sub) ಮಾದರಿಯನ್ನು ಕಲಿಯಿರಿ, ಗೇಮ್ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆಗಾಗಿ | [ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಣ](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | ಪರದೆದ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು | ಕಾರ್ಟಿಸಿಯನ್ ಸಹಯೋಗಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಚಲನೆಯನ್ನು ಹೇಗೆ ಪಡೆಯುತ್ತವೆ ಎಂದು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಅಂಶಗಳನ್ನು ತಳ್ಳಿಕೊಂದುಕೊಳ್ಳಲು ಮತ್ತು ಪರಸ್ಪರ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ ಮಾಡಬೇಕು, ಕೀಲ್ಯುತಗಳ ಬಳಕೆಯಿಂದ ಮತ್ತು ಗೇಮ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಶಿಗಾರ ಕರ್ತವ್ಯವನ್ನು ಒದಗಿಸಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು | ಗೇಮ್ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ ಆಧರಿಸಿ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ಮಾಡಿ | [ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | ಗೇಮಿನ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭ | ಗೇಮ್ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭದ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವಿಕೆ ಮತ್ತು ವರಿಯೇಬಲ್ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | [ಮುಕ್ತಾಯ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗನಿರ್ದೇಶನೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳನ್ನು ಬಳಸಿ ಬಹುಪುಟ ವೆಬ್ಸೈಟ್ಗಳ ನೆಲಸೂರಿಯನ್ನು ರಚಿಸಲು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ರಚಿಸಿ | ಫಾರ್ಮ್ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಾಲಯಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಒಳಗೆ ಮತ್ತು ಹೊರಗೆ ಡೇಟಾ ಹೇಗೆ ಹರಿದುಹೋಗುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪಡೆಯುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ಹಾಳುಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | ಸ್ಥಿತಿಮಾಪನದ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಿತಿಯನ್ನು ಹೇಗೆ ಹಿಡಿದಿಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಸ್ಥಿತಿಮಾಪನ](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ| [VScode ಕೋವಿಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | Chris |
## 🏫 ಅಧ್ಯಾಪನಾ ವಿಧಾನಶಾಸ್ತ್ರ
ನಮ್ಮ ಪಠ್ಯಕ್ರಮವನ್ನು ಎರಡು ಪ್ರಮುಖ ಅಧ್ಯಾಪನಾ ಸಿದ್ಧಾಂತಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ:
* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ
* ನಿಯಮಿತ ಕ್ವಿಜ್ಗಳು
ಕಾರ್ಯಕ್ರಮವು JavaScript, HTML, ಮತ್ತು CSS ನ ಮೂಲಭೂತಗಳನ್ನು ಹಾಗೆಯೇ ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್ಗಳು ಬಳಸುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಮ್, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಬಾಹ್ಯಾಕಾಶ ಆಕ್ರಮಣದ ಶೈಲಿಯ ಗೇಮ್ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸಿ ಅನುಷ್ಠಾನಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುವ ಅವಕಾಶ ಹೊಂದಿದ್ದಾರೆ. ಸರಣಿ ಮುಗಿದ ಮೇಲೆ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಗಟ್ಟಿತನದ ತಿಳಿವಳಿಕೆ ಗಳಿಸಲಿದ್ದಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು Microsoft Learn ನಲ್ಲಿ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ರಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು!
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಮಾಡಿರುವುದರಿಂದ ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಜ್ಞಾಪಕವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ನಾವು ಕೆಲ ಸ್ಟಾರ್ಟರ್ ಪಾಠಗಳನ್ನು JavaScript ಮೂಲಭೂತಗಳಲ್ಲಿ ಬರೆಯುತ್ತೇವೆ, ಮತ್ತು "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೋ ಸರಣಿಯಿಂದ ಒಂದು ವೀಡಿಯೊ ಜೋಡಣೆ ಮಾಡಿದ್ದೇವೆ, ಅದರ ಕೆಲವು ರಚಯಿತೃಗಳು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಸಹಕೆಲಸ ಮಾಡಿದ್ದಾರೆ.
ಇಲ್ಲದೆ, ತರಗತಿಯ ಮೊದಲು ಒಂದು ಕಡಿಮೆ-ಪರಿಣಾಮದ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಆಸೆ ಪ್ರತಿಪಾದಿಸುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಮತ್ತು ತರಗತಿಯ ನಂತರ ಎರಡನೇ ಕ್ವಿಜ್ ಸ್ನಾಯಿಸಿದೆ ನಿರ್ಧರಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಅನುಕೂಲಕರ ಮತ್ತು ಮನರಂಜನೀಯವಾಗಿರುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. 12 ವಾರಗಳ ಚಕ್ರಾಂಬೆಲೆಲ್ಲಾ ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಸಣ್ಣದಾಗಿ ಪ್ರಾರಂಭವಾಗುವುದರಿಂದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತದೆ.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮಕೋರ್ಕ್ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್ಗೆ ಬೇಕಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಮುಗಿಸಲು ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ Node.js ಬಗ್ಗೆ ಇತರ ವೀಡಿಯೋಸರಣಿಯಿಂದ ಕಲಿಯುವುದಾಗಿದೆ: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
> ನಮ್ಮ [Code of Conduct](CODE_OF_CONDUCT.md) ಮತ್ತು [Contributing](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ರಚನೆಯಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು ಸ್ವಾಗತಿಸುತ್ತೇವೆ!
## 🧭 ಆಫ್ಲೈನ್ ಪ್ರವೇಶ
ನೀವು ಈ ದಾಖಲೆಗಳನ್ನು ಆಫ್ಲೈನ್ನಲ್ಲಿ [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೋವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್ಸ್ಟಾಲ್](https://docsify.js.org/#/quickstart) ಮಾಡಿ ಮತ್ತು ನಂತರ ಈ ರೆಪೋ ಮೂಲ ಫೋಲ್ಡರ್ನಲ್ಲಿ `docsify serve` ಬಳಸಿ ಟೈಪ್ ಮಾಡಿ. ವೆಬ್ಸೈಟ್ ಅನ್ನು ನಿಮ್ಮ ಲೋಕಲ್ಹೋಸ್ಟ್ನ 3000 ಪೋರ್ಟ್ ನಲ್ಲಿ ಸಾಗಿಸಲಾಗುತ್ತದೆ: `localhost:3000`.
| | ಯೋಜನೆ ಹೆಸರು | ಕಲಿಕೆಯ ತತ್ವಗಳು | ಕಲಿಕೆ ಗುರಿಗಳು | ಲಿಂಕ್ ಮಾಡಿದ ಪಾಠ | ಲೇಖಕ |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು ಮತ್ತು ವೃತ್ತಿಪರ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರಿಗೆ ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್ವೇರ್ಗಳ ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಭೂತ ಅಂಶಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಿಕೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ನ 어떻게 ಉಪಯೋಗಿಸುವುದು, ಕೋಡ್ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಡನೆ ಸಹಕಾರ ಹೇಗೆ ಮಾಡುವುದು | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಲಭ್ಯತೆ | ವೆಬ್ ಲಭ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್ ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ನಿಯಂತ್ರಣ ವಲಯವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳುವುದು | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ೊಂದಿಗೆ ನಿರ್ಧಾರಗಳು ತೆಗೆದುಕೊಳ್ಳುವುದು | ನಿರ್ಧಾರಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಷರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ಮೂಲಭೂತಗಳು | ಜೋಡಿಗಳು ಮತ್ತು ಪುನರಾವರ್ತನೆಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಜೋಡಿಗಳು ಮತ್ತು ಪುನರಾವರ್ತನೆಗಳೊಂದಿಗೆ ಡೇಟಾ ನಿರ್ವಹಿಸಿ | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ಕಾರ್ಯಾಚರಣೆ | ಆನ್ಲೈನ್ ಟೆರಾರಿಯನ್ ನಿರ್ಮಿಸಲು HTML ರಚಿಸಿ, ವಿನ್ಯಾಸ ಕಟ್ಟಳಿಕೆ ಮೇಲೆ ಗಮನಹರಿಸಿ | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ಕಾರ್ಯಾಚರಣೆ | ಆನ್ಲೈನ್ ಟೆರಾರಿಯನ್ನ್ನು ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಹೆಚ್ಚಾಗಿ ಉತ್ತರದಾಯಕ ಪುಟ ನಿರ್ಮಾಣಕ್ಕೆ ಸ್ನೇಹಪೂರಕ CSS ಅಂಶಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಜರ್ಗಳು, DOM ಸಂಚಲನ | ಟೆರಾರಿಯನ್ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರಚಿಸಿ, ಕ್ಲೋಜರ್ಗಳು ಮತ್ತು DOM ಸಂಚಲನದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಈವೆಂಟ್ಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ನ ಲಾಜಿಕ್ ಅನ್ನು ಕೊಂಡಾಡುವುದು ಕಲಿಯಿರಿ | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವರ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಕಲಿಯಿರಿ | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಿಸಲು, API ಕರೆ ಮಾಡಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ 변수ಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು | ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ರಚಿಸಿ API ಕರೆ ಮಾಡಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ ಸಂಗ್ರಹಿಸಿರುವ 변수ಗಳನ್ನು ಬಳಸಿರಿ | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಇನ್ನಷ್ಟು ಆಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸ್ಗಳ ಮತ್ತು ಕಾಂಪೋಸಿಷನ್ ಬಳಸಿ ವರ್ಗಾವಣೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ಪಬ್/ಸಬ್ ಮಾದರಿಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ, ಆಟವನ್ನು ನಿರ್ಮಿಸಲು ತಯಾರಿ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸುವುದಕ್ಕೆ ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆದ ಒಳಗಿನ ಅಂಶಗಳನ್ನು ಮುಂದುವರಿಸುವಿಕೆ | ಕಾರ್ಟೀಶಿಯನ್ ಸಂಯೋಜಕಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳಿಗೆ ಚಲನೆ ನೀಡುವುದನ್ನು ಗಮನಿಸಿ | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಸ್ಟಿಕ್ಕಾದ್ದರ ಪತ್ತೆ | ಕೀಲಿಮಣೆ ಒತ್ತುವಿಕೆಗಳನ್ನು ಬಳಸಿ ಅಂಶಗಳು ಪರಸ್ಪರ ತಗುಲುವಂತೆ ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯ ಖಾತರಿಗಾಗಿ ಶೀತಕಾಲ ಫಂಕ್ಷನ್ ಒದಗಿಸಿ | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ಇಟ್ಟುಕೊಳ್ಳುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಕೊನೆಗೊಳಿಸಿ ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸಿ | ಆಟವನ್ನು ಕೊನೆಗೊಳಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಅಂಶಗಳನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರಗಳ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದು | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ HTML ಟ್ಯಾಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳ ರಚನೆ | ಬಹುಪುಟದ ವೆಬ್ಸೈಟ್ ವಾಸ್ತುಶಿಲ್ಪವನ್ನು ಮಾರ್ಗ ಉಪಯೋಗಿಸಿ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳಿಂದ ಹೇಗೆ ರಚಿಸುವುದು ಕಲಿಯಿರಿ | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ಅಡಿಯಲ್ಲಿ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆಯ ನಿಯಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಉಪಯೋಗಿಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಹರಿಯುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯಬೇಕು, ಸಂಗ್ರಹಿಸಬೇಕು ಮತ್ತು ತ್ಯಜಿಸಬೇಕು ಎಂಬುದನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಇಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮಾಗವಾಗಿ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಕಲಿಯಿರಿ | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ಬ್ರೌಸರ್/VScode ಕೋಡ್](../../8-code-editor) | VScode ಜೊತೆಗೆ ಕೆಲಸ | ಕೋಡ್ ಎಡಿಟರ್ ಬಳಕೆ ಮಾಡುವುದು ಕಲಿಯಿರಿ| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI ಸಹಾಯಕರು](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕರನ್ನು ನಿರ್ಮಿಸುವುದು ಕಲಿಯಿರಿ | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 ಪಾಠಶಕ್ತಿ
ನಮ್ಮ ಪಠ್ಯಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶೈಲಿಜ್ಞಾನ ಪ್ರಿಂಸಿಪಲ್ಗಳ ಮೇಲೆ ನಿರ್ಮಿಸಲಾಗಿದೆ:
* ಯೋಜನೆ ಆಧಾರಿತ ಅಭ್ಯಾಸ
* ನಿಯಮಿತ ಪ್ರಶ್ನೋತ್ತರಗಳು
ಈ ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ನ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಸುತ್ತದೆ, ಮತ್ತು ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಬೆಳೆಸುತ್ತದೆ, ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್ಗಳು ಬಳಸುವಂತೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಆಟ, ವಾಸ್ತುಶಿಲ್ಪ ಟೆರಾರಿಯಂ, ಪರಿಸರಾನುಗ್ರಾಹಕ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್-ಇನ್ವೇಡರ್ ಶೈಲಿ ಆಟ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ ಅನ್ನು ನಿರ್ಮಿಸುವ ಮೂಲಕ ಪ್ರಾಯೋಗಿಕ ಅನುಭವ ಗಳಿಸುವ ಅವಕಾಶವನ್ನು ಹೊಂದಿದ್ದಾರೆ. ಸರಣಿಯ ಅಂತ್ಯದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ದೃಢವಾದ ತಿಳುವಳಿಕೆಯನ್ನು ಪಡೆದುಕೊಳ್ಳುತ್ತಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಪ್ರಥಮ ಕೆಲ ಪಾಠಗಳನ್ನು ಮائಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್ ನಲ್ಲಿ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ಆಗಿ ಪಡೆಯಬಹುದು!
ವಿಷಯವು ಯೋಜನೆಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಖಚಿತಪಡಿಸುವ ಮೂಲಕ, ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಸ್ಮರಣೆ ಹೆಚ್ಚುತ್ತದೆ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಭೂತಗಳಲ್ಲಿ ಹಲವಾರು ಆರಂಭಿಕ ಪಾಠಗಳನ್ನು ಬರೆದಿದ್ದೇವೆ, ಜೊತೆಗೆ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವಿಡಿಯೋ ಟ್ಯುಟೋರಿಯಲ್ ಸರಣಿಯಿಂದ ವಿಡಿಯೋ ಕೂಡ ವೀಕ್ಷಣೆ ಮಾಡಲಾಗಿದೆ, ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಕೆಲವು ಲೇಖಕರು ಸಹ ಕೊಡುಗೆ ನೀಡಿದ್ದಾರೆ.
ಇದೊಂದಿಗೇ, ತರಗತಿ ಆರಂಭದಲ್ಲಿ ಕಡಿಮೆ ಒತ್ತಡದ ಪ್ರಶ್ನೋತ್ತರವು ವಿದ್ಯಾರ್ಥಿಯ ಅಭಿಪ್ರಾಯವು ವಿಷಯವನ್ನು ಕಲಿಯಲು ಪ್ರೇರೇಪಿಸುತ್ತದೆ, ಮತ್ತು ತರಗತಿ ನಂತರ ಮತ್ತೊಂದು ಪ್ರಶ್ನೋತ್ತರವು ತತ್ವಗಳ ಮರುಪಠಣೆಯನ್ನು ಖಚಿತಪಡಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವು ಸುಗಮ ಮತ್ತು ಮನರಂಜನೆಯಾಗಿ ವಿನ್ಯಾಸಗೊಳ್ಳಿದ್ದು, ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗವಾಗಿ ಪಡೆಯಬಹುದು. ಯೋಜನೆಗಳು ಸಣ್ಣದಾಗಿ ಪ್ರಾರಂಭವಾಗಿ 12 ವಾರಗಳ ಚಕ್ರದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತವೆ.
ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್ವರ್ಕ್ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ಅಗತ್ಯವಿರುವ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿದ್ದೇವೆ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಉತ್ತಮ ಮುಂದುವರೆದ ಹಂತವು "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ಎಂಬ ಮತ್ತೊಂದು ವಿಡಿಯೋ ಸರಣಿಯಿಂದ Node.js ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳುವುದು ಆಗಿರುತ್ತದೆ.
> ನಮ್ಮ [Code of Conduct](CODE_OF_CONDUCT.md) ಮತ್ತು [Contributing](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ಸತಿಕೃತ ಅಭಿಪ್ರಾಯಗಳನ್ನು ಸ್ವಾಗತಿಸುತ್ತೇವೆ!
## 🧭 ಆಫ್ಲೈನ್ ಪ್ರವೇಶ
ನೀವು [Docsify](https://docsify.js.org/#/) ಉಪಯೋಗಿಸಿ ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ಆಫ್ಲೈನ್ನಲ್ಲಿ ರನ್ ಮಾಡಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ನ ಸ್ಥಾಪನೆ](https://docsify.js.org/#/quickstart) ಮಾಡಿ, ನಂತರ ಈ ರೆಪೊಬ ಹೊಸ ಮೂಲ ಫೋಲ್ಡರ್ನಲ್ಲಿ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್ಸೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್ಹೋಸ್ಟ್ನಲ್ಲಿ ಪೋರ್ಟ್ 3000 ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`.
## 📘 PDF
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು.
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು ನೀವು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು.
## 🎒 ಇತರೆ ಕೋರ್ಸುಗಳು
## 🎒 ಇತರ ಕೋರ್ಸ್ಗಳು
ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸುಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ:
ನಮ್ಮ ತಂಡ ಇತರ ಕೋರ್ಸ್ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -225,7 +205,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
### ಅಜುರ್ / ಎಡ್ಜ್ / MCP / ಏಜೆಂಟ್ಸ್
### Azure / Edge / MCP / Agents
[](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)
@ -233,7 +213,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### ಜನರೇಟಿವ್ AI ಸರಣಿ
### Generative AI Series
[](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)
@ -241,7 +221,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### ಮೂಲ ಅಧ್ಯಯನ
### ಕೋರ್ ಲರ್ನಿಂಗ್
[](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)
@ -252,7 +232,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
### ಕೋಪೈಲಟ್ ಸರಣಿ
### ڪوಪೈಲಟ್ ಸರಣಿ
[](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)
@ -260,21 +240,21 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
## ಸಹಾಯ ಪಡೆಯುವುದು
ನೀವು ಅಡಗಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ ಕಲಿಯುವವರೊಂದಿಗೆ ಮತ್ತು ಅನುಭವಿ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರೊಂದಿಗೆ ಸೇರಿಕೊಳ್ಳಿ. ಇದು ಪ್ರಶ್ನೆಗಳು ಸ್ವಾಗತಾರ್ಹವಾಗಿರುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೆ ಮಾಡಿಕೊಳ್ಳುವ ಬೆಂಬಲಿಸುವ ಸಮುದಾಯವಾಗಿದೆ.
ನೀವು ಅಡ್ಡಿಪಡಿಸಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ನಿರ್ಮಿಸುವ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ оқуಗರ ಮತ್ತು ಅನುಭವಸಂಪನ್ನ ಡೆವಲಪರ್ಗಳ ಜೊತೆ ಸೇರಿ. ಇದು ಪ್ರಶ್ನೆಗಳನ್ನು ಸ್ವಾಗತಿಸುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚುವ ಬೆಂಬಲದ ಸಮುದಾಯವಾಗಿದೆ.
ಈ ಸಂಗ್ರಹಣೆಯನ್ನು MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ.
ಈ ರೆಪೊಸಿಟರಿ MIT ಪರವಾನಗಿ ಅಡಿ ಪರವಾನಗಿಯಾಗುತ್ತದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫಯಲ್ ನೋಡಿ.
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಬ್ಯಾಜಪತ್ರ**:
ಈ ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಭಾಷಾಂತರ ಸೇವೆಯನ್ನು ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಿಖರತೆಯ ಕುರಿತು ನಾವು ಪ್ರಯತ್ನಿಸುವರೂ, ಸ್ವಯಂಕ್ರಿಯ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳಿರಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿರಲಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ವಿವರಗಳ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗಳ ಹೊಣೆಗಾರಿಕೆ ನಾವು ಹೊಂದಿಲ್ಲ.
**ತಪ್ಪು ನಿಬ್ಬೆರಗು**:
ಈ ದસ્તಾವೇಜು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗೆ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರುವ ಸಾಧ್ಯತೆ ಇದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ದಸ್ತಾವೇಜಿನ ಸ್ವಾಭಾವಿಕ ಭಾಷೆಯನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಗಂಭೀರ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಗುದ್ದಲಾಟ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಕ್ಕೆ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ.
**ನಿಬಂಧನೆ ಸಲ್ಲಿಸುವ ದಿನಾಂಕ [MM/YY]**: [ನಿಬಂಧನೆ ಹೆಸರು](assignment.md)
**ಕಾರ್ಯಾಚರಣೆಗೆ ಕೊನೆಯ ದಿನಾಂಕ [MM/YY]**: [ಕಾರ್ಯಾಚರಣೆ ಹೆಸರು](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಅತ್ಯಂತ ಜಾಗೃತಿ ಸೂಚನೆ**:
ಈ ದಾಖಲೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ ಏಐ ಅನುವಾದ ಸೇವೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಗೆ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ಮೂಲ ದಾಖಲೆ ನಂಬಲಾದ ಮೂಲಮಾಹಿತಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದದ ಬಳಕೆಯಿಂದ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಗಳಿಕೆಗಳಿಗೆ ಅಥವಾ ಅಸಮಜಿಕೆಗಳಿಗೆ ನಾವು ಹೊಣೆ ಹೊಳ್ಳುವುದಿಲ್ಲ.
**ತಡೆಹಿಡಿಯುವಿಕೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಸಮಗ್ರತೆಯಿಗಾಗಿ ಪ್ರಯತ್ನಿಸೋದಾದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇದ್ದೇಕಾದರೆ ಗೊತ್ತಿರಲಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ತನ್ನ ಸ್ಥಳೀಯ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ ಶ್ರೋತ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗೆ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದಂಟಾದ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಸಿಕೆಗಳ ಬಗ್ಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗುವುದಿಲ್ಲ.
ഈ പ്രോജക്ട് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ ആരംഭക്കാർക്ക് പഠിപ്പിക്കാൻ വേണ്ടി തയ്യാറാക്കിയ ഒരു വിദ്യാഭ്യാസ പാഠ്യവിഷയ രേഖകളുടെ സംഭരമാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റ്സ് വികസിപ്പിച്ചെടുത്ത 12 ആഴ്ചകളിലായി 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്ന സമഗ്ര കോഴ്സ് ഇത്, ജാവസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ ഉൾക്കൊള്ളുന്നു.
ഇത് ആരംഭികൾക്ക് വെബ് ഡെവലപ്മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിപ്പിക്കാൻ നിർമ്മിച്ച ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റിപ്പോസിറ്ററിയാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അവോകേറ്റേഴ്സ് വികസിപ്പിച്ചുള്ള ഈ പാഠ്യപരമായ കോഴ്സ് 24 ഹാൻഡ്സ്-ഓൺ പാഠങ്ങൾ ഉൾക്കൊണ്ട് ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ അടങ്ങിയ ഏകദേശം 12 ആഴ്ചകൾക്കുള്ള പാഠ്യപദ്ധതിയാണ്.
### പ്രധാന ഘടകങ്ങൾ
### Key Components
- **വിദiately**: പ്രോജക്ട് അടിസ്ഥാന മോഡ്യൂളുകളിൽ ക്രമീകരിച്ച 24 ഘടനയുള്ള പാഠങ്ങൾ
- **പ്രായോഗിക പ്രോജക്ടുകൾ**: ടെററിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിങ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്
- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റൻഷൻ ഡെവലപ്മെന്റ്
- `6-space-game/README.md` - കാൻവാസ് അടിസ്ഥാനത്തിലുള്ള ഗെയിം ഡെവലപ്മെന്റ്
- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്ട്
### മൊണൊറെപോ ഘടന
### Monorepo Structure
പാരമ്പര്യമുള്ള മൊണൊറെപോ ആയിരിക്കmasaില്ലെങ്കിലും, ഈ സംഭരത്തിൽ ഒട്ടനവധി സ്വതന്ത്ര പ്രോജക്ടുകൾ വേണ്ടിയാണ്:
- ഓരോ പാഠവും സ്വതന്ത്രമാണ്
- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കിടാറില്ല
- മറ്റുള്ളവയെ ബാധിക്കാതെ നേരിട്ട് ഓരോ പ്രോജക്ടിലും ജോലി ചെയ്യാം
- സമ്പൂർണ പാഠ്യാനുഭവത്തിനായിഹ് ഈ മുഴുവൻ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക
പാരമ്പര്യമായ മൊണോറെപ്പോ അല്ലെങ്കിലും, ഈ റിപ്പോസിറ്ററിയിൽ പല സ്വതന്ത്ര പ്രോജക്ടുകൾ അടങ്ങുന്നു:
- ഓരോ പാഠവും സ്വയം സാങ്കേതികമായി പൂർണ്ണമാണ്
- പ്രോജക്ടുകൾ ആശ്രിതങ്ങൾ പങ്കുവയ്ക്കുന്നില്ല
- വ്യത്യസ്ത പ്രോജക്ടുകളിൽ പരസ്പരം പ്രഭാവം ഇല്ലാതെ ജോലി ചെയ്യാം
- പൂർണ പാഠ്യകൂട്ടാനുഭവത്തിനായി മുഴുവൻ റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**പോരായ്മയൊപ്പമെന്ന് അറിയിപ്പ്**:
ഈ ഡോക്യൂമെന്റ് [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നാം കൃത്യതയ്ക്ക് പരിശ്രമിച്ചാലും, യന്ത്രം വിവർത്തനത്തിൽ പിഴവുകളോ നിർവചനഭ്രമങ്ങളോ ഉണ്ടാകാമെന്ന നിർദ്ദേശം മനസിലാക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള മൗലിക ഡോക്യുമെന്റ് മാത്രമാണ് വിശ്വസനീയമായ ഉറവിടം എന്നു കരുതേണ്ടതാണ്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിന് പശ്ചാത്തലത്തിൽ ഉണ്ടാകുന്ന ബോധക്കേടുകൾക്കും വ്യാഖ്യാനഭ്രമങ്ങൾക്കും നാം ഉത്തരവാദികളല്ല.
**അസ്വീകരണം**:
ഈ ഡോക്യുമെന്റ് AI പരിഭാഷാ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തു. നാം കൃത്യതയ്ക്കായി പരിശ്രമിക്കുന്നുണ്ടെങ്കിലും, സ്വയംഭരണ വിവർത്തനങ്ങളിലും പിശകുകൾ ഉണ്ടായിരിക്കാമെന്നത് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷയിലുള്ള യഥാർത്ഥ ഡോക്യുമെന്റ് അധികാരമുള്ള ഉറവിടമായിരിക്കണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം നടത്തുന്നതാണ് ഉത്തമം. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തിൽ നിന്നു് ഉണ്ടാകാവുന്ന അസംയോജനങ്ങളിലോ തെറ്റായ വ്യാഖ്യാനങ്ങളിലോ നാം ഉത്തരവാദിത്വം വഹിക്കുന്നില്ല.
# പുതിയവർക്കുള്ള വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി
# Web Development for Beginners - ഒരു പാഠ്യപദ്ധതി
Microsoft Cloud Advocates ഒരുക്കുന്ന 12-വാര വ്യാപ്തിയുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിലായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയെ ഇവിടെ തൊട്ടു പഠിക്കുന്ന പ്രാക്ടിക്കൽ പ്രോജക്ടുകൾ മുഖേന അടിയുറച്ചു പഠനമാണ്, ഉദാഹരണമായി ടെറേറിയം, ബ്രൗസർ എക്സടൻഷനുകൾ, സ്പേസ് ഗെയിംസ് എന്നിവ. ക്വിസുകൾ, സംവാദങ്ങൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളികളാകുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും നിങ്ങൾ പഠിച്ച കാര്യങ്ങൾ നല്ല രീതിയിൽ പകർന്നു വെക്കുകയും ചെയ്യുക നമ്മുടെ ഫലപ്രദമായ പ്രോജക്ട് അധിഷ്ഠിത പഠനരീതികൾ ഉപയോഗിച്ച്. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കൂ!
Microsoft Cloud Advocates ഒരുക്കുന്ന 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സിനൊപ്പം വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളുടെ ഓരോതും ടെറേറിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പേസ് ഗെയിമുകൾ പോലുള്ള പ്രായോഗിക പ്രോജക്ടുകൾ വഴിയുള്ള ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയിൽ ആഴത്തിലുള്ള പഠനം നൽകുന്നു. ക്വിസുകളും, ചർച്ചകളും, പ്രായോഗിക അസൈൻമെന്റുകളും നിങ്ങളെ സജീവമാക്കും. പ്രൊജക്ട് അടിസ്ഥാനമുള്ള ഈ പാഠരീതിയോടെ നിങ്ങളുടെ വിദ്യയുയർത്തി പരിപൂർണമായി മനസ്സിലാക്കുക. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കുക!
Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേർക്കുക
Azure AI Foundry Discord-ലേക്ക് ചേരുക, വിദഗ്ധരുമായും മറ്റ് ഡവലപ്പർമാരുമായും പരിചയപ്പെടുക.
> ഈ റിപോസിട്ടറിയിൽ 50-മായ ഭാഷാ തർജ്ജമകൾ ഉൾപ്പെടുത്തിയിരിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുതാണ്. തർജ്ജമകൾ ഒഴിവാക്കി ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
> ഈ റിപോസിറ്ററിയിൽ 50+ ഭാഷാ പരിഭാഷകളും അടങ്ങിയിട്ടുണ്ട്, ഇത് ഡൗൺലോഡ് വലിപ്പം വളരെയധികം വർദ്ധിപ്പിക്കുന്നു. പരിഭാഷകൾ ഇല്ലാതെ ക്ലോൺ ചെയ്യാൻ, സ്പാർസ് ചെക്ക്ഔട്ട് ഉപയോഗിക്കുക:
>
> **Bash / macOS / Linux:**
> ```bash
@ -48,175 +48,175 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> ഇതുകൊണ്ട് കോഴ്സിന്റെ പൂര്ത്തീകരണത്തിന് ആവശ്യമുള്ള എല്ലാം വളരെ വേഗത്തില് ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും.
> ഇത് നിങ്ങൾക്ക് കോഴ്സ് പൂർത്തിയാക്കാൻ വേണ്ടതെല്ലാം ഒരു വേഗത്തിലുള്ള ഡൗൺലോഡുമായി നൽകും.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**നിങ്ങൾക്ക് കൂടുതൽ തർജ്ജമാ ഭാഷകൾ വേണ്ടെങ്കിൽ അവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) പട്ടികപ്പെടുത്തിയിട്ടുണ്ട്**
**മേറെ വിവർത്തനങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, പിന്തുണയുള്ള ഭാഷകൾ ഇവിടെ കൊടുക്കപ്പെട്ടിരിക്കുന്നു. [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _നീങ്ങൾ വിദ്യാർത്ഥിയാണോ?_
#### 🧑🎓 _നിങ്ങൾ ഒരു വിദ്യാർത്ഥിയാണോ?_
[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കൂ, ഇവിടെ നിങ്ങൾക്ക് തുടക്കദിശാസൂചനുകൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചറുകൾ ലഭിക്കും. മാസത്തിലെ മാറ്റങ്ങൾക്കനുസരിച്ച് ഇതു താങ്കളുടെ ബുക്ക്മാർക്കാക്കി ഇടയ്ക്ക് പരിശോധിക്കേണ്ട ഈ പേജ് ആണ്.
[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അവിടെ നിങ്ങൾക്ക് തുടക്കക്കാരൻ ആയതിനുള്ള ഉറവിടങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, ഒപ്പം സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗചർ നേടാനുള്ള മാർഗങ്ങൾ ലഭിക്കും. ഓരോ മാസവും ഉള്ളടക്കം മാറ്റുമ്പോൾ ഇവിടെ ബുക്ക്മാർക്ക് ചെയ്യുകയും ഇടയ്ക്കിടെ പരിശോധിക്കുകയുമാണ് ഏറ്റവും നല്ലത്.
### 📣 പ്രഖ്യാപനം - പുതിയ GitHub Copilot Agent മോഡ് ചലഞ്ചുകൾ പൂർത്തിയാക്കണം!
പുതിയ വെല്ലുവിളി ചേർക്കപ്പെട്ടിരിക്കുന്നു, അധികം അധ്യായങ്ങളിൽ "GitHub Copilot Agent Challenge 🚀" എന്ന് നോക്കൂ. GitHub Copilot-ഉം Agent മോഡും ഉപയോഗിച്ച് പൂർത്തിയാക്കാവുന്ന പുതിയ വെല്ലുവിളിയാണ് ഇത്. Agent മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ വായിച്ച് നോക്കൂ, ഇത് ടെക്സ്റ്റ് സൃഷ്ടിക്കുന്നതിനുപുറവും ഫയലുകൾ സൃഷ്ടിക്കുകയും തിരുത്തുകയും കമാൻഡുകൾ चलിപ്പിക്കുകയും മുതലായവ ചെയ്യാൻ കഴിയും.
പുതിയ ചലഞ്ച് ചേർത്തിട്ടുണ്ട്, മിക്ക അധ്യായങ്ങളിലും "GitHub Copilot Agent Challenge 🚀" കാണുക. GitHub Copilot, Agent മോഡ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് പൂർത്തിയാക്കാനുള്ള പുതിയ ഒരു ചലഞ്ച് ആണ് ഇത്. Agent മോഡിന്റെ ഉപയോഗം ഇല്ലെങ്കിൽ, ഇത് തീരുവടക്കം എഴുത്ത് സൃഷ്ടിക്കുക മാത്രമല്ല, ഫയലുകൾ സൃഷ്ടിക്കുകയും എഡിറ്റ് ചെയ്യുകയും, കമാൻഡുകൾ ഓടിക്കുകയും മറ്റും ചെയ്യാൻ കഴിയും.
### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്ട് നിർമ്മിക്കൂ_
### 📣 പ്രഖ്യാപനം - _Generative AI ഉപയോഗിച്ച് നിർമ്മിക്കാനുള്ള പുതിയ പ്രോജക്ട്_
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പേസ്റ്റ് ചെയ്തിരിക്കുന്നു, [പ്രോജക്ട്](./9-chat-project/README.md) നിരീക്ഷിക്കുക
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് ചേർത്തിട്ടുണ്ട്, പരിശോധിക്കുക [project](./9-chat-project/README.md)
### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI-യ്ക്കായി ജാവാസ്ക്രിപ്റ്റ് പുതിയ പാഠ്യപദ്ധതി_
### 📣 പ്രഖ്യാപനം - _Generative AI-നുള്ള പുതിയ പാഠ്യപദ്ധതി_ ജാവാസ്ക്രിപ്റ്റിനായുള്ളത് പുറത്തിറങ്ങിയിരിക്കുന്നു
പുതിയ ജനറേറ്റീവ് AI പാഠ്യപദ്ധതി പുറത്തിറക്കി!
പുതിയ Generative AI പാഠ്യപദ്ധതി ഒഴിവാക്കേണ്ടതില്ല!
തുടങ്ങാൻ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) സന്ദർശിക്കൂ!
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) സന്ദർശിച്ച് തുടങ്ങിയെടുക്കുക!
ഓരോ പാഠത്തിലും അസൈൻമെന്റും, പരിജ്ഞാനപരിശോധനയും, വെല്ലുവിളിയും ഉണ്ട്, ഇരക്കുന്നതിൽ:
- പ്രോംപ്റ്റിംഗ്, പ്രോംപ്റ്റ് എന്ജിനീയറിംഗ്
- ടെക്സ്റ്റ്, ഇമേജ് ആപ്പ് സൃഷ്ടിക്കൽ
- സെർച്ച് ആപ്പുകൾ
ഓരോ പാഠവും ഒരു അസൈൻമെന്റ്, ഒരു വിജ്ഞാന പരിശോധന, ഒരു ചോദ്യോത്തര ചലഞ്ച് എന്നിവ ഉൾക്കൊള്ളുന്നു, പഠിക്കാനുള്ള വിഷയങ്ങൾ:
- പ്രോംപ്റ്റിങ്, പ്രോംപ്റ്റ് എഞ്ചിനീയറിംഗ്
- ടെക്സ്റ്റ്, ഇമേജ് ആപ് ജനറേഷൻ
- സെർച്ച് ആപ്ലിക്കേഷനുകൾ
തുടങ്ങാൻ സന്ദർശിക്കൂ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
[https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) സന്ദർശിച്ച് തുടങ്ങിയെടുക്കുക!
## 🌱 ആരംഭിക്കൽ
## 🌱 ആരംഭിക്കാം
> **ടീച്ചർമാർക്ക്**, ഈ പాఠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിൽ കുറച്ച് നിർദ്ദേശങ്ങളും ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [for-teachers.md](for-teachers.md). നിങ്ങളുടെ അഭിപ്രായങ്ങൾ [സംവാദ ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) പ്രതീക്ഷിക്കുന്നു!
> **അദ്ധ്യാപകർ**, ഈ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ [ഉൾപ്പെടുത്തിയിട്ടുണ്ട്](for-teachers.md). നിങ്ങളുടെ പ്രതികരണം [നമ്മുടെ ചർച്ച ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) നാം ആഗ്രഹിക്കുന്നു!
**[പഠിതാക്കൾ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠവും പ്രീ-ലെക്ചർ ക്വിസിലൂടെ തുടങ്ങുക, മുൻപിൽ നൽകുന്ന പാഠവസ്തു വായിച്ചുക, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി, പിന്നീട് പോസ്റ്റ്-ലെക്ചർ ക്വിസ് ചെയ്താൽ തിരിച്ചറിയൽ ഉറപ്പാക്കാം.
**[പഠിക്കുന്നവർ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠത്തിനും തുടക്കത്തിൽ ഒരു പ്രീ-ലെക്ചർ ക്വിസ് നടത്തുകയും പാഠഭാഗം വായിക്കുകയും വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കുകയും പോസ്റ്റ്-ലെക്ചർ ക്വിസ് വഴി മനസ്സിലാക്കിയ കാര്യങ്ങളെ പരിശോധിക്കുകയും ചെയ്യുക.
നിങ്ങളുടെ പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടരോടൊപ്പം ചേർന്നു പ്രോജക്ടുകൾ നിർവ്വഹിക്കൂ! സംവാദങ്ങൾക്ക് ഞങ്ങളുടെ [സംവാദ ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, അവിടെ ഞങ്ങളുടെ മോദറേറ്റിംഗ് ടീം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് മറുപടി നൽകുന്നതാണ്.
പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, സഹപാഠികളുമായി ചേർന്ന് പ്രോജക്ടുകൾ രൂപകരിക്കാൻ ശ്രമിക്കുക! ചർച്ചകൾക്ക് ഞങ്ങളുടെ [ചർച്ച ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, അവിടെ ഒരു നിരന്തരമായ നിരീക്ഷക സംഘം നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകാൻ സന്നദ്ധമാണ്.
കൂടുതൽ പഠനം ആഗ്രഹിക്കുന്നവർക്ക്, Microsoft Learn [ഇവിടെ](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് കൂടുതൽ പഠനപദ്ധതികൾ തേടാൻ ഞങ്ങൾ നിർദേശിക്കുന്നു.
കൂടുതൽ വിദ്യാഭ്യാസത്തിനും മൈക്രോസോഫ്റ്റ് ലേൺ ([Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon)) ഉപയോഗിച്ച് കൂടുതൽ പഠനസാധനങ്ങൾ തേടാൻ ഞങ്ങൾ ശക്തമായി നിർദ്ദേശിക്കുന്നു.
### 📋 നിങ്ങളുടെ പരിസരമൊരുക്കൽ
### 📋 നിങ്ങളുടെ പരിസ്ഥിതി സജ്ജീകരിക്കൽ
ഈ പാഠ്യപദ്ധതിക്ക് തയ്യാറായ വികസന പരിസരം ഉണ്ട്! തുടങ്ങുമ്പോൾ, ഇത് ഒരു [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അധിഷ്ഠിത, ഇൻസ്റ്റാൾ ആവശ്യമില്ലാത്ത പരിസരം_) എന്ന നിലയിൽ ഓടിക്കാൻ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് ലോക്കൽ ആയി ഓടിക്കാം.
ഈ പാഠ്യപദ്ധതിയിൽ വികസന പരിസ്ഥിതി തയ്യാറാണ്! പഠനം തുടങ്ങിയാൽ [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസറിലെ, ഇൻസ്റ്റാളേഷൻ ഇല്ലാതെ പ്രവർത്തിക്കുന്ന ഒരു പരിസ്ഥിതി_) അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രാദേശികമായി [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് കോഴ്സ് ഓടിക്കാം.
#### നിങ്ങളുടെ റിപോസിറ്ററി സൃഷ്ടിക്കുക
നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ ബുക്ക് ചെയ്യാൻ, ഈ റിപോസിറ്ററിയുടെ ഒരു കോപ്പി സൃഷ്ടിക്കാൻ ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ ഇത് നിങ്ങളുടെ GitHub അക്കൗട്ടിൽ പുതിയ റിപോസിറ്ററി സൃഷ്ടിക്കും, അതിൽ ഈ പാഠ്യപദ്ധതി ഉൾപ്പെടും.
നിങ്ങളുടെ പ്രവൃത്തി സ്ത്രസപ്പെടുത്താതെ സംരക്ഷിക്കാനായി, ഈ റെപ്പോസിറ്ററിയുടെ സ്വന്തം കോപ്പി സൃഷ്ടിക്കേണ്ടതുണ്ട്. പേജിന്റെ മുകളിലുള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്താൽ ഇത് നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ പുതിയ റിപോസിറ്ററി ആയി സൃഷ്ടിക്കും.
പടികൾ അനുസരിച്ച്:
1. **റിപോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിൽ വലത് കോണിൽ "Fork" ബട്ടണിൽ ക്ലിക്കുചെയ്യുക.
നിങ്ങൾ സൃഷ്ടിച്ച ഈ കോപ്പി റിപോസിറ്ററിയിൽ, **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുക, പിന്വീട് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ പ്രവർത്തനത്തിന് പുതിയ ഒരു Codespace സൃഷ്ടിക്കും.
നിങ്ങളുടെ സൃഷ്ടിച്ച കോപ്പിയിൽ, **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. ഇതു വഴി നിങ്ങൾക്കായി പുതിയ Codespace സൃഷ്ടിക്കപ്പെടും.
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലോക്കൽ ആയി പാഠ്യപദ്ധതി ഓടിക്കൽ
#### പ്രാദേശികമായി പാഠ്യപദ്ധതി ഓടിക്കുക
ഈ പാഠ്യപദ്ധതി ലോക്കലായി ഓടിക്കാൻ, നിങ്ങൾക്ക് ഒരു ടെക്സ്റ്റ് എഡിറ്ററും ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും ആവശ്യമാണ്. ആദ്യം പാഠം [Programming Languages and Tools of the Trade-ലേക്ക് പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages) എന്നതിൽ ഈ ഉപകരണങ്ങളിൽ നിന്നെ തിരഞ്ഞെടുക്കാനുള്ള വഴികൾ വിശദമാക്കും.
നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പാഠ്യപദ്ധതി ഓടിക്കാൻ, ഒരു ടെക്സ്റ്റ് എഡിറ്റർ, ഒരു ബ്രൗസർ, ഒരു കമാൻഡ് ലൈൻ ടൂൾ എന്നിവ ആവശ്യമാണ്. ആദ്യ പാഠം, [പ്രോഗ്രാമിംഗ് ഭാഷകളും ഉപകരണങ്ങളുമായുള്ള പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages) സഹായത്തോടെ എല്ലാ ടൂള് ഓപ്ഷനുകളും പരിചയപ്പെടാം, നിങ്ങൾക്ക് ഏറ്റവും അനുയോജ്യം തിരഞ്ഞെടുക്കാം.
ഞങ്ങളുടെ ശുപാർശ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, ഇതിൽ നിർമ്മിച്ച [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ഉണ്ട്. Visual Studio Code [ഇവിടെയായാണ് ഡൗൺലോഡ് ചെയ്യുക](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL കോപ്പി ചെയ്യാം:
ഞങ്ങളുടെ ശുപാർശ: [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, അതിൽ ഉൾക്കൊള്ളുന്ന [ടർമിനൽ](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) അനുബദ്ധമാണ്. Visual Studio Code [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) നിന്നും ഡൗൺലോഡ് ചെയ്യാം.
1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക. നിങ്ങൾക്ക് ഇത് **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL പകര്ത്തി ചെയ്യാം:
[CodeSpace](./images/createcodespace.png)
ശേഷം, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)ൽ ഉള്ള [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന് താഴെയുള്ള കമാൻഡ് പ്രവർത്തിപ്പിക്കുക, `<your-repository-url>` എന്നിടത്തു കോപ്പി ചെയ്ത URL അടിക്കുക:
പിന്നീട്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)–യിലെ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്നുകൊണ്ട്, മേൽപ്പറഞ്ഞാൽ URL ബଦലായി `<your-repository-url>` ഉപയോഗിച്ച് താഴെ പറയുന്ന കമാൻഡ് റൺ ചെയ്യുക:
```bash
git clone <your-repository-url>
```
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. ഇതിനു **File** > **Open Folder** ക്ലിക്ക് ചെയ്ത് നിങ്ങൾ നിലവിൽ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്താൽ മതി.
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്ത് **File** > **Open Folder** ക്ലിക്ക് ചെയ്യുക.
> ശുപാർശ ചെയ്യുന്ന Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ലുള്ള HTML പേജുകൾ സമീപകാലത്ത് കാണാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - നിങ്ങൾക്ക് പെട്ടെന്ന് കോഡ് എഴുതാൻ സഹായിക്കാൻ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതാൻ വേഗത കൂട്ടാൻ സഹായിക്കുന്നു
## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്:
- ഐച്ഛിക സ്കെച്నോട്ട്
- ഐച്ഛിക സവഹായ വീഡിയോ
- പാഠത്തിന് മുൻപ് വെയർം-അപ്പ് ക്വിസ്
- എഴുത്തുകാരന്റെ പാഠം
- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്ക്, പ്രോജക്ട് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായുള്ള മാർഗനിർദ്ദേശങ്ങൾ
- നോളേജ് ചെക്കുകൾ
- ഒരു ചാലഞ്ച്
- യാത്രക്കാർ വായന
- നിർബന്ധമല്ലാത്ത സ്കെച്ച് നോട്ട്
- നിർബന്ധമല്ലാത്ത സഹായക വീഡിയോ
- പാഠത്തിന് മുമ്പുള്ള വാര്മപ്പ് ക്വിസ്
- എഴുത്തുപരമായ പാഠം
- പ്രൊജക്റ്റ് അടിസ്ഥാനമാക്കിയുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് നിർമ്മിക്കാൻ ഘട്ടം ഘട്ടമായ മാർഗനിർദ്ദേശങ്ങൾ
- [പാഠത്തിന് ശേഷം ക്വിസ്](https://ff-quizzes.netlify.app/web/)
> **ക്വിസുകളുടെ കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ സമാഹരിച്ചിരിക്കുന്നു, മொത്തം 48 ക്വിസുകൾ, ഓരോത് മുക്കാൽ ചോദ്യങ്ങൾ ഉൾക്കൊണ്ട്. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്. ക്വിസ് ആപ്പ് ലോക്കലായി ഓടിക്കാനോ അഥവാ Azure-ലേക്കു ഡിപ്ലോയ്ചെയ്യാനോ കഴിയും; “quiz-app” ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക.
> **ക്വിസുകളെക്കുറിച്ച് ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ സഞ്ചയിച്ചിരിക്കുന്നു, മൂന്ന് ചോദ്യങ്ങളുള്ള 48 ക്വിസുകൾ. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്, ക്വിസ് ആപ്പ് ലോക്കലായി ഓടിക്കാനോ അല്ലെങ്കിൽ ആസ്യൂറിലേക്ക് വിന്യസ്തമാക്കാനോ കഴിയും; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പാലിക്കുക.
## 🗃️ പാഠങ്ങൾ
| | പ്രോജക്ട് പേര് | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപെട്ട പാഠം | എഴുത്തുകാരൻ |
| | പ്രോജക്റ്റ് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ട പാഠം | രചയിതാവ് |
| 01 | ആരംഭിക്കൽ | പ്രോഗ്രാമിങ്ങ് പരിചയം, തൊഴിലാളി ഉപകരണങ്ങൾ | മിക്ക പ്രോഗ്രാമിങ്ങ് ഭാഷകൾക്ക് അടിസ്ഥാനം തരും ആശയങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർക്കുള്ള സഹായകരമായ സോഫ്റ്റ്വെയർക്കുറിച്ച് അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | ആരംഭിക്കൽ | GitHub അടിസ്ഥാനങ്ങൾ, ടീമിൽ പ്രവർത്തിക്കലും | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാം, മറ്റുള്ളവരുമായി എങ്ങനെ ചേർന്ന് പ്രവർത്തിക്കാം | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 04 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ഫങ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലൊജിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫങ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ& ക്രിസ്റ്റോഫർ |
| 06 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനം എടുക്കൽ | decision making രീതികൾ ഉപയോഗിച്ച് കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | അറെയ്സ്, ലൂപ്പുകൾ | JS-യിൽ അറെയ്സും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ പ്രവർത്തനം | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | HTML പ്രായോഗികം | ഒരു ഓൺലൈൻ ടെറേറിയം രൂപപ്പെടുത്താനുള്ള HTML നിർമ്മാണം, ലേഔട്ടിനെ കേന്ദ്രീകരിച്ച് | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | CSS പ്രായോഗികം | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലിംഗിനു CSS നിർമ്മിക്കുക, പ്രധാനമായ CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആക്കൽ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മ্যানിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ് ഇൻറർഫേസ് ആകാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോഷറുകൾക്കും DOM-ഉം കേന്ദ്രീകരിച്ചുള്ള പ്രവർത്തനം | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവൃത്തി | ബ്രൗസറുകളും അവയുടെ ചരിത്രവും എങ്ങനെ പ്രവർത്തിക്കുന്നു, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ മുഖ്യ ഘടകങ്ങൾ നിർമ്മിക്കാനന്ത്രം | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിച്ച് API വിളിക്കുകയും ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സേവ് ചെയ്യുകയും ചെയ്യൽ | API-നെ വിളിക്കാൻ Local Storage-ൽ സൂക്ഷിച്ച വേരിയബിളുകൾ ഉപയോഗിച്ച് ബ്രൗസർ എക്സ്റ്റൻഷൻ ജാവാസ്ക്രിപ്റ്റ് വിഷയങ്ങൾ തയ്യാറാക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷനിന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും അതിന്റെ ഓപ്റ്റിമൈസേഷനുകളും അറിയുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് മെച്ചപ്പെട്ട ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനിൽ കാണപ്പെടുന്ന ഇൻഹെറിറ്റൻസ്, പബ്/സബ് പാറ്റേൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിനു തയ്യാറെടുക്കൽ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്ക്രീനിൽ എലമെന്റുകൾ നീക്കം ചെയ്യൽ | കോട്ടേഷ്യൻ Coordinates ഉപയോഗിച്ച് ഇലമെന്റുകൾക്ക് ചലനമുണ്ടാക്കാൻ പഠിക്കുക, Canvas API ഉപയോഗിച്ച് | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | തകരാഴ് കണ്ടെത്തൽ | കീപ്രസ്സ് മുഖാന്തിരം എലമെന്റുകൾ തമ്മിൽ തകരാറിലാക്കുകയും അവർ പരസ്പരം പ്രതികരിക്കുകയും ചെയ്യുക; ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ കൂള്ഡൗൺ ഫങ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്കോർ നൽകൽ | ഗെയിമിന്റെ സ്ഥിതി പ്രകാരം ഗണിത കണക്കുകൂട്ടലുകൾ ചെയ്യുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ, ആസ്തുക്കൾ സംസ്കരിക്കൽ, വേരിയബിൾ മൂല്യങ്ങൾ റീസെറ്റ് ചെയ്യൽ എന്നിവ പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടেম്പ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിംഗ് ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ സ്കാഫോൾഡ് നിർമ്മിക്കുന്നത്, HTML ടেম്പ്ലേറ്റുകൾ നിർമ്മിക്കുന്നത് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 22 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കുന്നതും വെരിഫിക്കേഷൻ നടപടിക്രമങ്ങളും കൈകാര്യം ചെയ്യുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റാ നേടുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നതിനുള്ള രീതികൾ | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുകയും പുറത്തുവിടുകയും ചെയ്യുന്നു, എങ്ങനെ ഡാറ്റ നേടുന്നു, സൂക്ഷിക്കുന്നു, ഒഴിവാക്കുന്നു രൂപം പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 24 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് എങ്ങനെ സ്റ്റേറ്റ് സൂക്ഷിക്കുന്നു, അത് പ്രോഗ്രാമാറ്റിക് ആയി എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു എന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് ജോലി | കോഡ് എഡിറ്റർ എങ്ങനെ ഉപയോഗിക്കുന്നത് | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI അസിസ്റ്റന്റുകൾ](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് എങ്ങനെ നിർമ്മിക്കാം | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠ്യരീതി
നമ്മുടെ പാഠക്രമം രണ്ട് പ്രധാന പാഠ്യേതര സിദ്ധാന്തങ്ങളാൽ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു:
* പ്രോജക്റ്റ് അടിസ്ഥാന പഠനം
* പലതവണ ക്വിസുകൾ നടത്തൽ
ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾ മാത്രമല്ല ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, ഇക്കോ-ഫ്രണ്ട്ലി ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സ് ലക്ഷ്യമിട്ടുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈയിൽ പ്രായോഗിക അനുഭവം നേടാൻ അവസരം ഉണ്ടായിരിക്കും. പരമ്പരയുടെ അവസാനം, വിദ്യാർത്ഥികൾക്ക് വെബ്ഡെവലപ്പ്മെന്റിന്റെ ഉറച്ച് മനസ്സിലാക്കൽ ഉണ്ടാകും.
> 🎓 Microsoft Learn-ൽ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) എന്നിങ്ങനെ ഈ പാഠ്യരീതി ആരംഭിക്കാൻ ആഗ്രഹിക്കുന്നവർക്ക് ഏതാനും പാഠങ്ങൾ തിരഞ്ഞെടുക്കാം!
പദ്ധതികളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുന്നതിനാൽ, വിദ്യാർത്ഥികൾക്ക് പഠന പ്രക്രിയ കൂടുതൽ ആകർഷകവും ആശയങ്ങളുടെ ദൃઢമായ നിലനിൽക്കും. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്താൻ ഞങ്ങൾ നിരവധി സ്റ്റാർട്ടർ പാഠങ്ങൾ തയ്യാറാക്കി, അവയ്ക്ക് "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ ട്യൂട്ടോർസിന്റെ വിഡിയോ കൂടെ നൽകിയിട്ടുണ്ട്. ഇതിലെ ചില രചയിതാക്കൾ ഈ പാഠകുറിപ്പ് രൂപകൽപ്പന ചെയ്യുന്നതിൽ പങ്കെടുത്തു.
ക്ലാസിന് മുൻപ് കുറുപ്പാം ക്വിസ് ഒരു വിഷയത്തിൽ വിദ്യാർഥിയുടെ മനോഭാവം സജ്ജമാക്കുകയും, ക്ലാസിന് ശേഷം സംഗ്രഹിക്കാനുള്ള രണ്ടാം ക്വിസ് ആശയം നിലനിർത്താൻ സഹായിക്കുകയും ചെയ്യും. ഈ പാഠ്യരീതി സൗകര്യപ്രദവും രസകരവുമായതാണ്, പൂർണ്ണമായി അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാം. പ്രോജക്റ്റുകൾ തുടക്കത്തിൽ ചെറിയതായിട്ട് ഒടുവിൽ കൂടുതൽ സങ്കീർണ്ണമാവും, 12 ആഴ്ചകളുടെ ചക്രത്തിൽ.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പരിചയപ്പെടുത്തലുകൾ ഉൾപ്പെടുത്താതെ വെബ് ഡെവലപ്പർക്ക് അ ബേസ്ലൈൻ സ്കിൽ കാത്തു നിൽക്കാൻ തയ്യാറായിട്ടുള്ള ഈ പാഠ്യക്രമം കഴിഞ്ഞ് അടുത്ത് പഠിക്കേണ്ടത് Node.js ജോലികൾ അറിയുന്നതിനായുള്ള "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ സ്കൂളാണ്.
> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) ഉം [Contributing](CONTRIBUTING.md) നയങ്ങളും സന്ദർശിക്കുക. നിങ്ങളുടെ സാമ്പത്തിക സംവൃത്തിക്കുള്ള നല്ല അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു!
| 01 | തുടങ്ങി കൊള്ളാം | പ്രോഗ്രാമിംഗിന്റെയും 工 herramientasതുൽനിൽപുകൾ പരിചയം | പല പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാനങ്ങളും പ്രൊഫഷണൽ വികസകരുടെ ജോലി സഹായിക്കുന്ന സോഫ്റ്റ്വെയർ പഠിക്കുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | തുടങ്ങി കൊള്ളാം | GitHub അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ ടീം പ്രവർത്തനം | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന് അറിയുക, മറ്റുമായി സഹകരിക്കൽ | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 03 | തുടങ്ങി കൊള്ളാം | പ്രാപ്യത | വെബ് പ്രാപ്യതയുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റോഫർ |
| 04 | JS അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 06 | JS അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ തീരുമാനമെടുക്കൽ രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS അടിസ്ഥാനങ്ങൾ | അറേസും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറേകളും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | പ്രായോഗികത്തിൽ HTML | ഓൺലൈൻ ടെറേറിയത്തിനായി HTML നിർമ്മിക്കുക, ലേയൗട്ട് നിർമ്മിക്കാൻ കേന്ദ്രീകരിക്കുന്നു | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | പ്രായോഗികത്തിൽ CSS | ഓൺലൈൻ ടെറേറിയത്തിന് മിക്കസിലായി CSS നിർമ്മിക്കുക, പേജ് റെസ്പോൺസീവ് ആക്കാൻ കേന്ദ്രസഹായം നൽകുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോസറുകൾ, DOM മാനിപ്പുലേഷൻ | ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ടെറേറിയം ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോസറുകളും DOM മാനിപ്പുലേഷനും കേന്ദ്രീകരിച്ച് | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [ടൈപ്പിങ് ഗേം](./4-typing-game/solution/README.md) | ഒരു ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിച്ച് ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലജിക് നിയന്ത്രിക്കുന്നത് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റോഫർ |
| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി ജോലിചെയ്യൽ | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവരുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷൻ ആദ്യ ഘടകങ്ങൾ നിർമ്മിക്കല് | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ഫോം പ്ലാൻ ചെയ്യൽ, API കോൾ ചെയ്യൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിളുകൾ സൂക്ഷിക്കൽ | ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ API കോൾ ചെയ്യാനും വേരിയബിളുകൾ ലോക്കൽ സ്റ്റോറേജിൽ സൂക്ഷിക്കാനും നിർമ്മിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രവർത്തനം | എക്സ്റ്റൻഷന്റെ ഐകോൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനം കുറിചറിയുക, ചില മെച്ചപ്പെടുത്തലുകൾ പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ചുള്ള ഉയർന്ന തലത്തിലുള്ള ഗെയിം വികസനം | ക്ലാസ്സുകളും കംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് പഠിക്കുക, പബ്ലിഷർ/സബ്സ്ക്രൈബർ പാറ്റേൺ പഠിച്ച് ഗെയിം നിർമ്മിക്കാൻ തയ്യാറെടുക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് ചിത്രങ്ങൾ ആകുക | സ്ക്രീനിൽ ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്ക്രീനിലുടനീളം ഘടകങ്ങൾ പ്രയാണം ചെയ്യൽ | ഘടകങ്ങൾ ചലിപ്പിക്കാൻ കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് API-യും ഉപയോഗിക്കുന്നത് അറിയുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഘടകങ്ങൾ കൂട്ടിയിടിക്കൽ | കീപ്രസ് ഉപയോഗിച്ച് ഘടകങ്ങൾ കൂട്ടിയിടിക്കാനും പ്രതികരിക്കാനും കളിയുടെ പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകാനും പഠിക്കുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്കോർ ക്രമീകരിക്കൽ | ഗെയിമിന്റെ നിലയും പ്രകടനവും അടിസ്ഥാനമാക്കിയുള്ള ഗണിത സൂചനകൾ നിർവഹിച്ചു പഠിക്കുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും വീണ്ടും തുടങ്ങുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുന്നതിനെക്കുറിച്ച് പഠിക്കുകയും അസറ്റുകൾ ശുചീകരിക്കുകയും വേരിയബിളുകൾ റീസെറ്റ് ചെയ്യുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ ഘടന സൃഷ്ടിക്കാൻ റൂട്ടിംഗും HTML ടെംപ്ലേറ്റുകളും ഉപയോഗിച്ച് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഗന് |
| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റ ഓങ്ങനെ സ്വീകരിക്കുകയും ഉപയോഗിക്കുകയോ | നിങ്ങളുടെ ആപ്പിലേക്ക് ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുന്നു, എങ്ങനെ സ്വീകരിക്കുന്നു, സംഭരിക്കുന്നു, നശിപ്പിക്കുന്നു പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഗന് |
| 24 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് സ്റ്റേറ്റ് എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു, പ്രോഗ്രാമാറ്റിക്കായി അതിനെ നിയന്ത്രിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഗന് |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode-ഉം ഉപയോഗിച്ച് ജോലി ചെയ്യൽ | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്നത് പഠിക്കുക| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI അസിസ്റ്റൻറുകൾ](./9-chat-project/README.md) | AI-യുമായി ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠശാസ്ത്രം
നമ്മുടെ പാഠ്യപദ്ധതി രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കിയാണ് രൂപകല്പന ചെയ്തിരിക്കുന്നത്:
* പ്രോജക്റ്റ്-ആധാരിത പഠനം
* തുടർച്ചയായ ക്വിസുകൾ
ജാവാസ്ക്രിപ്റ്റും HTML-ഉം CSS-ഉം ഉൾപ്പെടെയുള്ള അടിസ്ഥാനങ്ങൾ, ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും ഈ പ്രോഗ്രാം പഠിപ്പിക്കുന്നു. വിദ്യാര്ഥികൾ ടൈപ്പിങ് ഗെയിം, വിർച്വൽ ടെറേറിയം, പാരിസ്ഥിതിക സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇന്വേഡർ-ശൈലിയുടെ ഗെയിം, ബിസിനസ്സുകൾക്കുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ചുകൊണ്ട് പ്രായോഗിക പരിചയം നേടും. പരമ്പര അവസാനത്തിൽ, വിദ്യാർത്ഥികൾക്ക് വെബ് ഡെവലപ്മെന്റിന്റെ സുതാര്യമായ ബോധം ഉണ്ടാകും.
> 🎓 നിങ്ങൾക്ക് Microsoft Learn-ൽ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ആയി ഈ പാഠ്യപദ്ധതിയിലെ ആദ്യ പാഠങ്ങൾ സ്വീകരിക്കാൻ കഴിയും!
ഉള്ളടക്കം പ്രോജക്റ്റുകളുമായി സങ്കലിപ്പിക്കപ്പെട്ടിട്ടുള്ളതുകൊണ്ട് വിദ്യാര്ഥികൾക്ക് എളുപ്പത്തിലാണ് ആസ്വദിക്കാൻ സാധിക്കുന്നത്, ആശയങ്ങളുടെ ഉറപ്പുള്ള പകർത്തൽ ഉറപ്പാക്കുന്നു. കൂടാതെ ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനപരമായ ആശയങ്ങൾ പരിചയപ്പെടുത്താൻ വിവിധ തുടക്ക പാഠങ്ങൾ നമ്മൾ തയ്യാറാക്കിയിട്ടുണ്ട്, കൂടാതെ “[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)” വീഡിയോ ട്യൂട്ടോറിയലുകളിൽ നിന്നുള്ള ചില രചയിതാക്കൾ ഈ പാഠ്യപദ്ധതിയിൽ സംഭാവന നൽകിയിട്ടുണ്ട്.
ക്ലാസിനുമുന്പ് കുറഞ്ഞമാപ്പുള്ള ക്വിസ് ഒരു വിഷയം പഠിക്കാനുള്ള മനോഭാവം സജ്ജമാക്കുകയും, ക്ലാസിനുശേഷം രണ്ടാം ക്വിസ് അറിവിന്റെ ഉറപ്പാക്കൽ ഉറപ്പാക്കുകയും ചെയ്യുന്നു. ഈ പാഠ്യപദ്ധതി ലവണീയവും രസകരവും ആക്കാൻ രൂപകല്പന ചെയ്തതാണ്, മുഴുവനായോ ഭാഗങ്ങളായോ സ്വീകരിക്കാം. പ്രോജക്റ്റുകൾ ചെറിയതായിരിക്കുമ്പോഴുതന്നെ 12 ആഴ്ചകളുടെ കാലയളവിൽ അതിഗംഭീരമായി വികസിക്കുന്നു.
നാം ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക്സുകൾ നീക്കം ചെയ്യാതിരിക്കുകയാണ് വെബ് ഡെവലപ്പർക്ക് അഭ്യസിക്കേണ്ട അടിസ്ഥാന കഴിവുകൾക്ക് ആദ്യം ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ; ഈ പാഠ്യപദ്ധതി പൂര്ത്തിയാക്കിയതിന് പിന്മടങ്ങ്, Node.js പഠിക്കാനായി "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ ശേഖരം ഉപയോഗിച്ച് പഠനം തുടരുന്നത് നല്ലതാകും.
> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) മുറിച്ചു [Contributing](CONTRIBUTING.md) മാർഗനിർദ്ദേശങ്ങൾ സന്ദർശിക്കുക. നിങ്ങളുടെ നിർമാണാത്മക പ്രതികരണം സ്വീകരിക്കുന്നു!
## 🧭 ഓഫ്ലൈൻ ആക്സസ്
[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈൻ പ്രവർത്തിപ്പിക്കാം. ഈ റിപൊ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലൊക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ ചെയ്യുക](https://docsify.js.org/#/quickstart), പിന്നീട് ഈ റിപൊയുടെ മൂല ഫോൾഡറിൽ `docsify serve` എന്ന കമാൻഡ് ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് your localhost ൽ പോർട്ട് 3000ൽ ലഭിക്കും: `localhost:3000`.
[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈനായി റൺ ചെയ്യാം. ഈ റിപ്പോ ഫോർക്ക് ചെയ്യുക, നിങ്ങളുടെ ലോക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്യുക, തുടർന്ന് ഈ റിപ്പോയുടെ റൂട്ട് ഫോൾഡറിലേക്ക് പോയി `docsify serve` ടൈപ്പ് ചെയ്യുക. പോർട്ട് 3000-ൽ വെബ്സൈറ്റ് ലോക്കൽഹോസ്റ്റിൽ ലഭ്യമാകും: `localhost:3000`.
## 📘 PDF
എല്ലാ പാഠങ്ങളും അടങ്ങിയ ഒരു PDF ഇവിടെ ലഭ്യമാണ് [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
ഏതാനും പാഠങ്ങളുടെ PDF ഇവിടെ ലഭ്യമാണ് [here](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 മറ്റ് കോഴ്സുകൾ
ഞങ്ങളുടെ ടീം മറ്റ് കോഴ്സുകളും ഒരുക്കുന്നു! കാണുക:
നമ്മൾ മറ്റു കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -225,7 +225,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
[](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)
@ -233,7 +233,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
---
### Genเരative 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)
@ -241,7 +241,7 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
---
### കേർ ലേണിംഗ്
### കോർ ലേണിംഗ്
[](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)
@ -252,29 +252,29 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ
---
### കോപ്പൈലറ്റ് സീരീസ്
### കോപൈലറ്റ് സിരീസ്
[](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 -->
**സ്പഷ്ടികരണം**:
ഈ പ്രമാണം [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നമ്മൾ ക്രമാണുസൃതതയ്ക്ക് ശ്രമിച്ചിരുന്നാലും, സ്വയം പ്രവർത്തിക്കുന്ന വിവർത്തനങ്ങളിൽ തെറ്റുകൾ അല്ലെങ്കിൽ അശുദ്ധതകൾ ഉള്ളതായി ശ്രദ്ധിക്കുക. സ്വതന്ത്ര ഭാഷയിൽ ഉള്ള ഓരിജിനൽ പ്രമാണം പ്രാമാണിക ഉറവിടമായി വേണമെന്ന് കണ്ടവം പ്രധാനമാണ്. പ്രാധാന്യമർഹിക്കുന്ന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്കോ വ്യാഖ്യാനങ്ങളിലോ ഞങ്ങൾ ബാധ്യത വഹിക്കുന്നില്ല.
**പരിഭവം**:
ഈ പ്രമാണം AI വിവർത്തന സേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ചുകൊണ്ട് വിവർത്തനം ചെയ്തതാണ്. ഞങ്ങൾ ശുദ്ധതയ്ക്കായി പരിശ്രമിച്ചാലും, സ്വയംഘടിത വിവർത്തനത്തിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായവ ഉണ്ടാകാമെന്നും ദയവായി ശ്രദ്ധിക്കുക. പ്രമാണത്തിന്റെ മാതൃഭാഷയിലെ ആദ്യരൂപം തന്നെയാണ് സർവ്വ്വാധികാരSOURCE ആയി കണക്കാക്കേണ്ടത്. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയുന്നു. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തിൽ ഉണ്ടാകുന്ന തെറ്റായ മനസ്സിലാക്കലുകൾക്കോ തെറ്റായ വ്യാഖ്യാനങ്ങൾക്കോ നാം ഉത്തരവാദികളല്ല.

## 🎥 വീഡിയോ
## [പാഠത്തിന് മുമ്പുള്ള ക്വിസ്](../../../lesson-template/quiz-url)
> ഇവിടെ ഒരു ഇംബെഡഡ് വീഡിയോ അല്ലെങ്കിൽ പാഠ ലിങ്ക് ചേർക്കുക.
[നാം പഠിക്കാനുള്ളത് വിവരിക്കുക]
---
## പ്രീ-ലക്ചർ ക്വിസ്
> ലഭ്യമായപ്പോൾ ഇവിടെ ഒരു ക്വിസ് ലിങ്ക് ചേർക്കുക.
---
ഈ പാഠത്തിൽ വിദ്യാർത്ഥികൾ എന്തെന്ത് പഠിക്കുമെന്നും കുറിച്ച് ഒരു സംക്ഷിപ്ത അവലോകനം നൽകുക.
---
### പരിചയം
എന്തെന്താം വിഷയങ്ങൾ ഉൾപ്പെടുമെന്ന് വിവരിക്കുക
ഈ പാഠത്തിൽ എന്തെന്ത് ഉൾപ്പെടുന്നതെന്ന് വിശദീകരിക്കുന്ന ഒരു ലഘു പരിചയം നൽകുക.
> കുറിപ്പുകൾ
### മുൻഷരതുകൾ
---
### മുൻ знаний
ഈ പാഠത്തിനു മുമ്പായി ഏതെല്ലാം നടപടി ക്രമങ്ങൾ പൂർത്തിയാക്കണമായിരിക്കും?
ഈ പാഠം ആരംഭിക്കുന്നതിന് മുമ്പ് വിദ്യാർത്ഥികൾ അറിയിരിക്കേണ്ട ആശയങ്ങൾ അല്ലെങ്കിൽ വിഷയങ്ങൾ പട്ടികപ്പെടുത്തുക.
---
### തയ്യാറെടുപ്പ്
### ഒരുക്കം
ഈ പാഠം ആരംഭിക്കാൻ വേണ്ട തയ്യാറെടുപ്പ് നടപടികൾ
പാഠം തുടങ്ങുന്നതിനുമുമ്പ് ആവശ്യമുള്ള സജ്ജീകരണങ്ങളോ ടൂളുകളോ പട്ടികപ്പെടുത്തുക.
---
[തടങ്ങളായി ഉള്ളടക്കം പരിശോധിക്കുക]
### ഉള്ളടക്കം
സംരചിതമായ വിഭാഗങ്ങളായി പാഠത്തിന്റെ ഉള്ളടക്കം ക്രമീകരിച്ച് മുന്നോട്ടു പോകുക.
---
## [വിഷയം 1]
## വിഷയം 1
### താസ്ക്:
### തസ്തിക:
പങ്കിടപ്പെട്ട കോഡോടുകൂടി പ്രോജക്ട് നിർമ്മിക്കാൻ നിങ്ങളുടെ കോഡ്ബെയ്സ് ക്രമം ക്രമമായി മെച്ചപ്പെടുത്താൻ ഒത്തു ചേരുക:
പങ്കുവെക്കുന്ന കോഡുമായി ചേർന്ന് പ്രക്രിയാത്മകമായി നിങ്ങളുടെ കോഡ്ബേസ് മെച്ചപ്പെടുത്തുന്നതിലൂടെ പ്രോജക്റ്റ് നിർമ്മിക്കുക:
```html
code blocks
```
✅ അറിവ് പരിശോധന - തുറന്ന ചോദ്യംകൾ ഉപയോഗിച്ച് വിദ്യാർത്ഥികളുടെ അറിവ് വ്യാപിപ്പിക്കാൻ ഈ അവസരം ഉപയോഗിക്കൂ
✅ അറിവ് പരിശോധിക്കൽ
വിദ്യാർത്ഥികളുടെ അറിവ് പരീക്ഷിക്കാൻ ഈ സമയത്ത് തുറന്നചോദ്യങ്ങൾ ഉപയോഗിക്കുക.
## [വിഷയം 2]
## വിഷയം 2
## വിഷയം 3
## [വിഷയം 3]
🚀 ചലഞ്ച്
വിദ്യാർത്ഥികൾക്ക് പ്രോജക്റ്റ് മെച്ചപ്പെടുത്താൻ സഹായിക്കുന്ന ഒരു സഹകരണ ചലഞ്ച് ചേർക്കുക.
🚀 വെല്ലുവിളി: ക്ലാസിൽ സഹകരിച്ച് പ്രോജക്ട് മെച്ചപ്പെടുത്താൻ വിദ്യാർത്ഥികൾക്ക് വെല്ലുവിളി ചേർക്കുക
ആവശ്യമായ പക്ഷം: പൂർത്തിയാക്കിയ പാഠത്തിന്റെ UIയുടെ സ്ക്രീൻഷോട്ട് ചേർക്കുക.
ഓപ്ഷണൽ: പൂർത്തിയായ പാഠത്തിന്റെ UI-യുടെ സ്ക്രീൻഷോട്ട് ആവശ്യമായെങ്കിൽ ചേർക്കുക
## പോസ്റ്റ്-ലക്ചർ ക്വിസ്
## [പഠനത്തിന് ശേഷമുള്ള ക്വിസ്](../../../lesson-template/quiz-url)
പാഠം പൂർത്തിയായ ശേഷം ഇവിടെ ഒരു ക്വിസ് ലിങ്ക് ചേർക്കുക.
## അവലോകനം& സ്വയം പഠനം
## അവലോകനവും സ്വയം പഠനവും
**അസൈൻമെന്റ് സമർപ്പണ നിശ്ചിത തിയ്യതി [MM/YY]**: [അസൈൻമെന്റ് പേര്](assignment.md)
**അസൈൻമെന്റ് സമർപ്പിക്കേണ്ട തീയതി [മാസം/വർഷം]**: [അസൈൻമെന്റ് നാമം](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**അസാധുവാക്കൽ**:
ഈ രേഖ AI പരിഭാഷ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചാലും, യന്ത്രപരിഭാഷയിൽ പിഴവുകൾ അല്ലെങ്കിൽ അകുറ്റ സമയങ്ങൾ ഉണ്ടാകാമെന്ന് ശ്രദ്ധിക്കുക. യഥാർത്ഥ രേഖ അവരുടെ സ്വദേശഭാഷയിൽ ഉള്ളത് അവധാരിത ഉറവിടമായി കണക്കാക്കേണ്ടതാണ്. സുപ്രധാന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗത്തിൽ ഉണ്ടായ misunderstandings അല്ലെങ്കിൽ തെറ്റിദ്ധാരണകൾക്കെതിരെ ഞങ്ങൾ ഉത്തരവാദിത്തം ഏറ്റെടുക്കില്ല.
**ജാഗ്രതാ കുറിപ്പ്**:
ഈ രേഖ [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI പരിഭാഷാ സേവനം ഉപയോഗിച്ച് പരിഭാഷപ്പെടുത്തിയതാണ്. ഞങ്ങൾ ശരിയായ വിവർത്തനത്തിന് ശ്രമിക്കുന്നു, പക്ഷെ യാന്ത്രിക പരിഭാഷകളിൽ പിഴവുകൾ वा തെറ്റുകൾ ഉണ്ടാകാമെന്നുറപ്പാക്കുക. അതിന്റെ ദേശഭാഷയിലുള്ള മൗലിക രേഖയെ അതിന്റെ അധികാരമുള്ള ഉറവിടമായിരിക്കണമെന്ന് പരിഗണിക്കുക. പ്രധാന വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ പരിഭാഷ ഉപയോഗിക്കുന്നതിലൂടെ ഉണ്ടാകുന്ന ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്ക് ഞങ്ങൾ ഉത്തരവാദിത്തം സ്വീകരിക്കുന്നില്ല.
ఇది ప్రారంభదశల వారికి వెబ్ డెవలప్మెంట్ నైపుణ్యాలపై బోధన కోసం విద్యా పాఠ్యాంశ గ్రంథాలయము. ఈ పాఠ్యాంశం Microsoft Cloud Advocates తయారు చేసిన సమగ్ర 12-వారాల కోర్సు, ఇందులో JavaScript, CSS, మరియు HTML ని కవర్ చేసే 24 హ్యాండ్-ఆన్ పాఠాలు ఉన్నాయి.
ఇది ప్రారంభికులకు వెబ్ డెవలప్మెంట్ మౌలికాంశాలను బోధించడానికి విద్యావేత్తా పాఠ్యక్రమం రిపోజిటరీ. ఈ పాఠ్యక్రమం మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వొకేట్స్ అభివృద్ధి చేసిన సమగ్ర 12 వారాల కోర్సు, 24 ప్రాక్టికల్ పాఠాలు JavaScript, CSS, మరియు HTML ప్రస్తావిస్తూ ఉంటుంది.
### ముఖ్య భాగాలు
- **విద్యా విషయాలు**: 24 నిర్మిత పాఠాలు ప్రాజెక్ట్ ఆధారిత మాడ్యూల్స్ లో కూర్పుచేసినవి
- **ప్రాక్టికల్ ప్రాజెక్టులు**: టెర్రేరియం, టైపింగ్గాేమ్, బ్రౌజర్ ఎక్స్టెన్షన్, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ సహాయకుడు
- అదనపు కోర్సులు: Generative AI, Data Science, ML, IoT పాఠ్యక్రమాలు అందుబాటులో ఉన్నాయి
### ప్రత్యేక ప్రాజెక్టులతో పని
### నిర్దిష్ట ప్రాజెక్టులతో పని చేయడం
ప్రతి ప్రాజెక్టుకు సంబంధించిన స్పష్టమైన సూచనలకు దయచేసి README ఫైళ్లను చూడండి:
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `7-bank-project/README.md` - ఆథెంటికేషన్ సహా బ్యాంకింగ్ యాప్
- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్టెన్షన్ అభివృద్ధి
- `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్ అభివృద్ధి
వివరమైన సూచనల కోసం ప్రతి ప్రాజెక్ట్ README ఫైల్స్ చూడండి:
- `quiz-app/README.md` - Vue 3 quiz అప్లికేషన్
- `7-bank-project/README.md` - బ్యాంకింగ్ యాప్ ఆథెంటికేషన్ తో
- `5-browser-extension/README.md` - బ్రౌజర్ విస్తరణ అభివృద్ధి
- `6-space-game/README.md` - క్యాన్వాస్ ఆధారిత గేమ్ అభివృద్ధి
- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్
### మోనోరెపో నిర్మాణం
### మోనోరిపో నిర్మాణం
సంప్రదాయ మోనోరెపో అన్యాయం కాకపోయినా, ఈ రిపాజిటరీలో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వతంత్రంగా ఉంటుంది
- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకోను
- ఒక ప్రాజెక్ట్పై పని చేస్తారంటే ఇతర ప్రాజెక్టుల పనితీరు ప్రభావితమువనుకోదు
- పూర్తి కోర్సుకు పూర్తి రిపాజిటరీని క్లోన్ చేయండి
సాంప్రదాయ మోనోరిపో కాకపోయినా, ఈ రిపోజిటరీలో బహుళ స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠం స్వతంత్రం
- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకోరు
- ఇతర ప్రాజెక్టులను ప్రభావితం చేయకుండా వేరు వేరు ప్రాజెక్టులపై పని చేయండి
- పూర్తి పాఠ్యక్రమం అనుభవం కోసం మొత్తం రిపోజిటరీని clone చేయండి
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**అస్పష్టం**:
ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. నిజసంపూర్ణత కోసం మేము ప్రయత్నిస్తున్నా, ఆటోమేటెడ్ అనువాదాలలో తప్పిదాలు లేదా అసమర్థతలు ఉండవచ్చును. మూల పత్రం దాని స్వ దేశీ భాషలోనే అధికారిక మూలం గా పరిగణించాలి. కీలక సమాచారం కోసం, నిపుణుల చేత అనువాదం సిఫార్సు చేయబడుతుంది. ఈ అనువాదం వాడకంలో ప్రయోజనాలు లేదా తప్పు అవగాహనలపై మేము బాధ్యత పెట్టుకోము.
**అస्वीకారం**:
ఈ దస్తావేజును AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము ఖచ్చితత్వానికి ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటిక్ అనువాదంలో పొరపాట్లు లేదా అసమర్థతలు ఉండవచ్చు. మూల దస్తావేజు దాని స్వదేశీ భాషలో అధికారిక వనరుగా ఉండాలి. ముఖ్య సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సూచించబడింది. ఈ అనువాదాన్ని ఉపయోగించడంవల్ల కలిగే ఏవైనా అవగాహనలో పొరపాట్ల లేదా అపార్థాల కోసం మేము బాధ్యులు కాదు.
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ ద్వారా 12 వారాల సమగ్ర కోర్సుతో వెబ్ డెవలప్మెంట్ యొక్క మూలభూత విషయాలు నేర్చుకోండి. 24 పాఠాల ప్రతీది టెరేరియంలు, బ్రౌజర్ ఎక్స్టెన్షన్లు, స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్ట్ల ద్వారా జావాస్క్రిప్ట్, CSS, మరియు HTML లోకి లోతుగా ప్రవేశిస్తుంది. క్విజ్లు, చర్చలు మరియు వినియోగ విలువైన అసైన్మెంట్లలో పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్ ఆధారిత విద్యా విధానంతో మీ నైపుణ్యాలను మెరుగుపరుచుకొని, జ్ఞాన సంపాదనను ఉత్తమపరచండి. మీ కోడింగ్ ప్రయాణాన్ని ఈరోజే ప్రారంభించండి!
Microsoft Cloud Advocates ద్వారా మా 12-వారం సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మూలసూత్రాలను నేర్చుకోండి. 24 పాఠములలో JavaScript, CSS, మరియు HTML ని టెర్రేరియమ్స్, బ్రౌజర్ ఎక్స్టెన్షన్స్, మరియు స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకుంటారు. క్విజ్లు, చర్చలు, మరియు ప్రాక్టికల్ అసైన్మెంట్లతో జాగ్రత్తగా పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్-ఆధారిత పాఠ్య విధానం ద్వారా మీ నెపుణ్యాలను పెంపొందించుకుని జ్ఞానం నిల్వను మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ లో చేరండి
ఆజ్యూర్ AI Foundry Discord లో చేరి నిపుణులు మరియు విభిన్న డెవలపర్లను కలుసుకోండి.
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
>
> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమైన అన్ని ఫైళ్ళను వేగంగా డౌన్లోడ్ చేయడానికి సహాయపడుతుంది.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
>
> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమయ్యే ప్రతిదాన్ని తక్కువ సమయంతో డౌన్లోడ్ చేయడానికి సహాయపడుతుంది.
**మరింత అనువాద భాషలు మద్దతు కావాలంటే [ఇక్కడ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) చూడు**
**మీకు అదనపు అనువాదాలు కావాలనుకుంటే, మద్దతు పొందిన భాషల జాబితా ఇక్కడ ఉంది. [ఇక్కడ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _మీరు విద్యార్థి అయితే?_
#### 🧑🎓 _మీరు ఒక విద్యార్థినిగా ఉన్నారా?_
[**Student Hub పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ని దర్శించండి, అక్కడ మీరు ప్రారంభicke వనరులు, విద్యార్థి ప్యాక్లు మరియు మిద్దుకు ఉచిత సర్టిఫికెట్ వోచర్ పొందేందుకు మార్గాలును కనుగొనవచ్చు. ఈ పేజీని బుక్మార్క్ చేసి సమయంలోప్పుడు చూడండి, ఎందుకంటే మేము నెలవారీగా కాంటెంట్ మార్చిపోతుంటాము.
[**Student Hub పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ను సందర్శించండి, ఇక్కడ మీరు ప్రారంభ వనరులు, విద్యార్థి ప్యాక్లు మరియు ఉచిత సర్టిఫికెట్ వోచర్ పొందే మార్గాలను కనుగొనవచ్చు. ఇది మీరు బుక్మార్క్ చేసి నెలకూడా సమీక్షించదగ్గ పేజీ.
### 📣 ప్రకటన - GitHub Copilot Agent మోడ్ సవాళ్ళు పూర్తి చేయండి!
### 📣 ప్రకటనా - పూర్తి చేయాల్సిన కొత్త GitHub Copilot Agent మోడ్ సవాళ్లు!
కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయదగిన కొత్త సవాలు ఇది. మీరు Agent మోడ్ ఇప్పటివరకూ ఉపయోగించని ఉంటే, ఇది టెక్స్ట్ మాత్రమే ఉత్పత్తి చేయడానికి కాదు, ఫైల్లను సృష్టించడం, సవరించడం, కమాండ్లను నడవించడం కూడా చేయగలదు.
కొత్త సవాలు జోడించబడింది, చాలా అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. ఇది GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి మీరు పూర్తి చేయవలసిన కొత్త సవాల్లలో ఒకటి. మీరు ఇప్పుడివరకు Agent మోడ్ ఉపయోగించకపోయినా, ఇది కేవలం టెక్స్ట్ సృష్టించడమే కాకుండా ఫైళ్ళను సృష్టించడం, సవరించడం, ఆజ్ఞలు నడుపడం తదితరాలు చేయగలదు.
### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్టు నిర్మించండి_
### 📣 ప్రకటనా - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్ట్_
కొత్త AI అసిస్టెంట్ ప్రాజెక్టు జోడించబడింది, చూడండి [ప్రాజెక్టు](./9-chat-project/README.md)
కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ జోడించబడింది, దీన్ని చూడండి [ప్రాజెక్ట్](./9-chat-project/README.md)
### 📣 ప్రకటన - జావాస్క్రిప్ట్ కోసం Generative AI పై _కొత్త పాఠ్యక్రమం_ విడుదల
### 📣 ప్రకటనా - _Generative AI కోసం కొత్త పాఠ్యక్రమం_ జావాస్క్రిప్ట్ కి
మా కొత్త Generative AI పాఠ్యక్రమం మిస్ కాకుండా చూడండి!
> **ఉపాధ్యాయులు**, ఈ పాఠ్యక్రమాన్ని ఉపయోగించే కొన్ని సూచనలను [ఇక్కడ](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) మీరు ఈ పరికరాల ఎంపికకు సంబంధించిన వివిధ ఎంపికలను చూపిస్తుంది.
ఈ పాఠ్యక్రమాన్ని మీ కంప్యూటర్లో నడపడానికి, మీకు ఒక టెక్స్ట్ ఎడిటర్, బ్రౌజర్ మరియు కమాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), మీరు ఎంపిక చేసుకునే ప్రతి టూల్ కోసం వివిధ ఆప్షన్లను చూపిస్తుంది.
మా సిఫార్సు [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ని ఎడిటర్ గా ఉపయోగించడం, ఇది బిల్ట్-ఇన్ [టెర్మినల్](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) సౌకర్యం కలిగి ఉంటుంది. Visual Studio Code ని [ఇక్కడ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) నుండి డౌన్లోడ్ చేసుకోవచ్చు.
1. మీ రిపాజిటరీని మీ కంప్యూటర్కు క్లోన్ చేయండి. దీన్ని మీరు **Code** బటన్పై క్లిక్ చేసి URLను కాపీచేయడం ద్వారా చేయవచ్చు:
మా సిఫార్సు [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ను ఎడిటర్గా ఉపయోగించడం, దీనిలో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) కూడా అంతర్బురించినది. మీరు Visual Studio Code [ఇక్కడ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) నుండి డౌన్లోడ్ చేసుకోవచ్చు.
1. మీ రెపోజిటరీని మీ కంప్యూటర్కు క్లోన్ చేయండి. మీరు దీన్ని **Code** బటన్ పై క్లిక్ చేయడం ద్వారా మరియు URL ని కాపీ చేయడం ద్వారా చేయవచ్చు:
[CodeSpace](./images/createcodespace.png)
తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)ని తెరిచి, మీరు కాపీ చేసిన URLను `<your-repository-url>` గా బదిలీచేసి క్రింది కమాండ్ను నడపండి:
తర్వాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ను తెరచి, మీరు కాపీ చేసిన URLతో `<your-repository-url>` ను మ replacesి కింద ఇచ్చిన కమాండ్ రన్ చేయండి:
```bash
git clone <your-repository-url>
```
2. Visual Studio Codeలో ఫోల్డర్ను తెరవండి. మీరు క్లోన్ చేసిన ఫోల్డర్ను ఎంపిక చేసుకోవడానికి **File** > **Open Folder** పై క్లిక్ చేయండి.
2. Visual Studio Code లో ఫోల్డరును తెరవండి. మీరు దీన్ని **File** > **Open Folder** క్లిక్ చేసి మీరు క్లోన్ చేసిన ఫోల్డరును ఎన్నుకోవడం ద్వారా చేయవచ్చు.
> సూచించబడిన Visual Studio Code విస్తరణలు:
> సిఫార్సు చేసబడిన Visual Studio Code పొడిగింపులు:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeలో HTML పేజీలను ప్రివ్యూకు
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ను మరింత వేగంగా రాయడంలో సహాయం
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeలో HTML పేజీలను ప్రివ్యూ చేయడానికి
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ రాయడంలో వేగవంతం చేయడానికి
## 📂 ప్రతి పాఠంలో ఉంటుంది:
## 📂 ప్రతి పాఠంలో ఉన్నాయి:
- ఐచ్ఛిక స్కెచ్నోట్
- ఐచ్ఛిక అనుబంధ వీడియో
- పాఠానికి ముందు వేడి పరించుకొనే క్విజ్
- వ్రాసిన పాఠం
- ప్రాజెక్ట్-ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ని నిర్మించడానికి స్టెప్-బై-స్టెప్ మార్గదర్శకాలు
- విజ్ఞాన పరీక్షలు
- ఐచ్ఛిక స్కెచ్ నోటు
- ఐచ్ఛిక సప్లిమెంటల్ వీడియో
- పాఠం ముందు వార్మప్ క్విజ్
- రాసిన పాఠం
- ప్రాజెక్ట్ ఆధారిత పాఠాల్లో, ప్రాజెక్ట్ ని నిర్మించడానికి దశల వారీ మార్గదర్శకాలు
- [పాఠం తర్వాత క్విజ్](https://ff-quizzes.netlify.app/web/)
> **క్విజ్లు గురించి ఒక గమనిక**: అన్ని క్విజ్లు Quiz-app ఫোল్డర్ లో ఉంటాయి, 48 మొత్తం క్విజ్లు ఒక్కో మూడు ప్రశ్నలతో కూడాయి. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉంటాయి. క్విజ్ అప్లికేషన్ను స్థానికంగా నడిపించవచ్చు లేదా Azureకు పంపించవచ్చు; `quiz-app` ఫోల్డర్లో ఉన్న సూచనలను అనుసరించండి.
> **క్విజ్ల గురించి ఒక గమనిక**: అన్ని క్విజ్లు Quiz-app ఫోల్డర్ లో ఉన్నాయి, 48 మొత్తం క్విజ్లు, ప్రతి ఒక్కటి మూడు ప్రశ్నలతో. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉన్నాయి; క్విజ్ యాప్ స్థానికంగా రన్ చేయవచ్చు లేదా Azure కు పంపవచ్చు; `quiz-app` ఫోల్డరులో సూచనలనే అనుసరించండి.
## 🗃️ పాఠాలు
| | ప్రాజెక్ట్ పేరు | బోధించే భావాలు | నేర్చుకునే విషయాలు | లింక్ చేసిన పాఠం | రచయిత |
| | ప్రాజెక్ట్ పేరు | నేర్పే భావనలకు సంబంధించినవి | అభ్యసన లక్ష్యాలు | లింక్ చేసిన పాఠం | రచయిత |
| 01 | ప్రారంభం అవుతున్నది | ప్రోగ్రామింగ్ పరిచయం మరియు ఉపకరణాలు | ఎక్కువ భాగం ప్రోగ్రామింగ్ భాషల ఆధారాలు మరియు ప్రొఫెషనల్ డెవలపర్లు తమ పనులు చేయడానికి సహాయకంగా ఉండే సాఫ్ట్వేర్ గురించి తెలుసుకోండి | [ప్రోగ్రామింగ్ భాషలకు మరియు ఉపకరణాలకు పరిచయం](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ప్రారంభం అవుతున్నది | GitHub యొక్క ప్రాధమికాలు, టీంతో సహకారం | మీ ప్రాజెక్టులో GitHubని ఎలా ఉపయోగించాలో, కోడ్ బేస్పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోవడం | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ప్రారంభం అవుతున్నది | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలను తెలుసుకోవడం | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాల | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్స్ | ప్రోగ్రాం లాజిక్ ఫ్లో నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine మరియు Christopher |
| 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | మీ కోడులో షరతులను ఎలా సృష్టించాలో నిర్ణయాలు తీసుకునే పద్ధతులు ఉపయోగించి తెలుసుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ప్రాథమికాలు | అర్రాలు మరియు లూపులు | JavaScriptలో అర్రాలు మరియు లూపులతో డేటాతో పని చేయడం | [అర్రాలు మరియు లూపులు](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ఆచరణలో | ఆన్లైన్ టెర్రేరియం సృష్టించడానికి HTMLని నిర్మించడం, లేఅవుట్ నిర్మాణంపై దృష్టి పెట్టడం | [HTMLకి పరిచయం](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ఆచరణలో | ఆన్లైన్ టెర్రేరియం స్టైల్ చేయడానికి CSS నిర్మించడం, CSS ప్రాథమికాలు మరియు పేజీని రిస్పాన్స్వ్గా చేసుకోవడం | [CSSకి పరిచయం](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్గా టెర్రేరియం పనిచేసేలా JavaScript నిర్మించడం, క్లోజర్లు మరియు DOM మానిప్యులేషన్పై దృష్టి పెట్టడం | [JavaScript క్లోజర్స్, DOM మానిప్యులేషన్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ నిర్మించడం | కీబోర్డ్ ఈవెంట్లను ఉపయోగించి మీ JavaScript యాప్లో లాజిక్ను నడిపించడం | [ఈవెంట్-డ్రివెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లతో పని చేయడం | బ్రౌజర్లు ఎలా పనిచేస్తాయో, వాటి చరిత్ర మరియు బ్రౌజర్ ఎక్స్టెన్షన్ మొదటి ఆవృతాలను ఎలా స్కాఫోల్డ్ చేయాలో తెలుసుకోవడం | [బ్రౌజర్ల గురించి](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫామ్ నిర్మించడం, API కాలింగ్ మరియు స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేసి APIకి కాల్ చేయడానికి మీ బ్రౌజర్ ఎక్స్టెన్షన్ యొక్క JavaScript మూలకాలను నిర్మించడం | [APIs, ఫారమ్లు మరియు స్థానిక నిల్వ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లో బ్యాక్గ్రౌండ్ ప్రాసెస్లు, వెబ్ పనితీరు | ఎక్స్టెన్షన్ ఐకాన్ను నిర్వహించడానికి బ్రౌజర్ యొక్క బ్యాక్గ్రౌండ్ ప్రాసెస్లు ఉపయోగించడం; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోవడం | [బ్యాక్గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScriptతో మరింత ఉన్నత స్థాయి గేమ్ డెవలప్మెంట్ | క్లాసులూ మరియు కంపోజిషన్ను ఉపయోగించి ఇన్హెరిటెన్స్ మరియు Pub/Sub నమూనా గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడంతో | [అధిక స్థాయి గేమ్ డెవలప్మెంట్ పరిచయం](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | కేన్వాస్ ఆ పైకి డ్రాయింగ్ | స్క్రీన్పై మూలకాలను గీయడానికి ఉపయోగించే Canvas API గురించి తెలుసుకోండి | [కేన్వాస్కు డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ మూలకాలను కదిలించడం | కార్టెసియన్ కోఆర్డినేట్లు మరియు Canvas API ఉపయోగించి మూలకాలు ఎలా కదులుతున్నాయో తెలుసుకోండి | [మూలకాలు కదిలించడం](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ఢీకొట్టే గుర్తింపు | కీలను ఉపయోగించి మూలకాలు ఎలా ఢీకొంటున్నాయో మరియు పరస్పరం చర్యలు తీసుకుంటాయో గేమ్ పనితీరు కాపాడడానికి కూల్డౌన్ ఫంక్షన్ను ఎలా ఇవ్వాలో చేయడం | [ఢీకొట్టే గుర్తింపు](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోరు గమనించడం | గేమ్ పరిస్థితి మరియు పనితీపై ఆధారంగా గణనలు నిర్వహించడం | [స్కోరు గమనించడం](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు మళ్లీ ప్రారంభించడం | గేమ్ ముగింపు మరియు మళ్లీ ప్రారంభించడంపై తెలుసుకోండి, ఆస్తులను క్లీనప్ చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం | [ముగింపు షరతు](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్లో HTML టెంప్లేట్లు మరియు రూట్లు | బహుముఖ పేజీల వెబ్ సైట్ నిర్మాణానికి స్కాఫోల్డ్ తయారు చేయడం రూటింగ్ మరియు HTML టెంప్లేట్ల ద్వారా | [HTML టెంప్లేట్లు మరియు రూట్లు](./7-bank-project/1-template-route/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటా పొందుట మరియు ఉపయోగించుట యొక్క విధానాలు | మీ యాప్లో డేటా ఎలా ప్రవహిస్తున్నదీ, దాన్ని ఎలా పొందాలి, నిల్వ చేయాలి మరియు తొలగించాలి తెలుసుకోండి | [డేటా](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ భావనలు | మీ యాప్ స్టేట్ను ఎలా నిలుపుకుంటుంది మరియు దాన్ని ప్రోగ్రామాటిక్గా ఎలా నిర్వహించాలో తెలుసుకోండి | [స్టేట్ మేనేజ్మెంట్](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeతో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా నేర్చుకోవాలి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AIతో పని చేయడం | మీ సొంత AI అసిస్టెంట్ను ఎలా నిర్మించాలో నేర్చుకోండి | [AI అసిస్టెంట్ ప్రాజెక్ట్](./9-chat-project/README.md) | Chris |
| 01 | Getting Started | ప్రోగ్రామింగ్ ప్రవేశం మరియు వృత్తి పనికి ఉపయోగించే టూల్స్ | ఎక్కువ ప్రోగ్రామింగ్ భాషల వెనుక ఉన్న ఆధారాలను మరియు ప్రొఫెషనల్ డెవలపర్స్ తమ పనులు చేయడానికి సహాయపడే సాఫ్ట్వేర్ గురించి నేర్చుకోండి | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | Getting Started | GitHub యొక్క ప్రాథమికాలు, టీమ్ తో కలిసి పనిచేసే విధానం | మీ ప్రాజెక్ట్లో GitHub ను ఎలా ఉపయోగించాలో, కోడ్ బేస్పై ఇతరులతో ఎలా కలిసి పనిచేసాలో నేర్చుకోండి | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | Getting Started | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ యొక్క ప్రాథమికాలు నేర్చుకోండి | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS Basics | JavaScript డేటా రకాలు | JavaScript డేటా రకాల ప్రాథమికాలు | [Data Types](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS Basics | ఫంక్షన్స్ మరియు మెథడ్స్ | అప్లికేషన్ యొక్క లాజిక్ ఫ్లోని నిర్వహించడానికి ఫంక్షన్స్ మరియు మెథడ్స్ గురించి నేర్చుకోండి | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 06 | JS Basics | JS తో నిర్ణయాలు తీసుకోవడం | కోడ్లో షరతులు సృష్టించడానికి నిర్ణయ తీసుకోవడం పద్ధతులు నేర్చుకోండి | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS Basics | ఎర్రేస్ మరియు లూప్స్ | JavaScript లో డేటాతో పని చేయడానికి ఎర్రేస్ మరియు లూప్స్ ఉపయోగించండి | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ఆచరణలో | ఒక ఆన్లైన్ తెర్రేరియం సృష్టించేందుకూ HTML ను నిర్మించండి, లేఅవుట్ నిర్మాణంపై దృష్టి కేంద్రీకరించండి | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ఆచరణలో | ఆన్లైన్ తెర్రేరియానికి శైలి ఇవ్వడానికి CSS సృష్టించండి, ప్రతిస్పందించే పేజీ చేయటం సహా CSS ప్రాథమికాలు నేర్చుకోండి | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | తెర్రేరియాన్ని డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్గా పనిచేయించేలా JavaScript సృష్టించండి, క్లోజర్స్ మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టండి | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ సృష్టించడం | కీబోర్డ్ ఈవెంట్లను ఉపయోగించి మీ JavaScript యాప్ యొక్క లాజిక్ ని ఎలా నడిపించాలో నేర్చుకోండి | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లు ఎలా పనిచేస్తాయి | బ్రౌజర్లు ఎలా పని చేస్తాయి, వాటి చరిత్ర, మరియు బ్రౌజర్ ఎక్స్టెన్షన్ యొక్క మొదటి అంశాలను ఎలా సృష్టించాలో నేర్చుకోండి | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫారం సృష్టించడం, API ను కాల్ చేయడం మరియు స్థానిక నిల్వలో వేరియబుల్స్ నిల్వ చేయడం | API ని కాల్ చేయడానికి బ్రౌజర్ ఎక్స్టెన్షన్ యొక్క JavaScript అంశాలను నిర్మించండి, స్థానిక నిల్వలో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్ బ్యాక్గ్రౌండ్ ప్రాసెస్లు, వెబ్ పనితీరు | ఎక్స్టెన్షన్ యొక్క చిహ్నాన్ని నిర్వహించడానికి బ్రౌజర్ బ్యాక్గ్రౌండ్ ప్రాసెస్లను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | JavaScript తో మరింత అధునాతన గేమ్ అభివృద్ధి | క్లాసులు మరియు కంపోజిషన్ ఉపయోగించి వారసత్వం, మరియు Pub/Sub నమూనా గురించి నేర్చుకోండి, గేమ్ ప్రాజెక్ట్ కోసం సిద్ధం అవ్వండి | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [Space Game](./6-space-game/solution/README.md) | కాన్వాస్కు డ్రాయింగ్ | స్క్రీన్పై అంగుళాలను చిత్రించడానికి ఉపయోగించే కాన్వాస్ API గురించి నేర్చుకోండి | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్లో అంగుళాల చలనం | కార్టీసియన్ కోఆర్డినేట్లు మరియు కాన్వాస్ API ఉపయోగించి అంగుళాలకు చలనం ఎలా వస్తుందో తెలుసుకోండి | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [Space Game](./6-space-game/solution/README.md) | ఘర్షణ గుర్తింపు | కీప్రెస్సులను ఉపయోగించి అంగుళాలు ఒకదానితో ఒకటి టकरించడం మరియు స్పందించడం చేయండి; గేమ్ పనితీరు కోసం కోల్డౌన్ ఫంక్షన్ ఇవ్వండి | [Collision Detection](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోర్ నిర్వహణ | గేమ్ స్థితి మరియు పనితీరుపై ఆధారంగా గణిత గణనలను చేయండి | [Keeping Score](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు పునఃప్రారంభం | గేమ్ ముగింపులు మరియు పునఃప్రారంభం, అసెట్స్ క్లీనప్ చేయడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం గురించి నేర్చుకోండి | [The Ending Condition](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్లో HTML టెంప్లేట్లు మరియు మార్గాలు | మార్గదర్శకాలు మరియు HTML టెంప్లేట్లను ఉపయోగించి బహుళ పేజీల వెబ్సైట్ నిర్మాణాన్ని సృష్టించడం నేర్చుకోండి | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మించడం | ఫారాలు రూపొందించడం మరియు ధృవీకరణ రొటీన్ల నిర్వహణ గురించి నేర్చుకోండి | [Forms](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటా తీసుకోవడం మరియు ఉపయోగించే పద్ధతులు | డేటా ఎలా మీ యాప్ లో ప్రవేశించి, నిల్వ చేయబడుతుందో మరియు తొలగించబడుతుందో తెలుసుకోండి | [Data](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ భావన | మీ యాప్ ఎలా స్టేట్ ని నిర్వహిస్తుందో, ప్రోగ్రామ్ ద్వారా దాన్ని ఎలా నియంత్రించాలో నేర్చుకోండి | [State Management](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeతో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం నేర్చుకోండి| [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI అసిస్టెంట్ ని ఎలా నిర్మించాలో నేర్చుకోండి | [AI Assistant project](./9-chat-project/README.md) | Chris |
## 🏫 విధాన శాస్త్రం
## 🏫 విద్యాశాస్త్రం
మా పాఠ్యक्रमం రెండు ముఖ్యమైన విద్యా సూత్రాలతో రూపొందించబడింది:
* ప్రాజెక్ట్-ఆధారిత అధ్యయనం
* తరచూ క్విజ్లు
మా విద్యాదర్శనం రెండు ముఖ్యమైన విద్యాశాస్త్ర సిద్ధాంతాలతో రూపొందించబడింది:
* ప్రాజెక్ట్ఆధారిత అధ్యయనం
* తరచైన క్విజ్లు
ప్రోగ్రామ్ JavaScript, HTML మరియు CSS యొక్క ప్రాథమికాలను, అలాగే నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ టెర్రేరియం, పర్యావరణహిత బ్రౌజర్ ఎక్స్టెన్షన్, స్పేస్-ఇన్వేడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ వంటి అనుభవాలు అభివృద్ధి చేసుకునే అవకాశం ఉంటుందని ఉంటుంది. సిరీస్ చివరికి, విద్యార్థులు వెబ్ డెవలప్మెంట్పై గట్టైన అవగాహన పొందుతారు.
ఈ ప్రోగ్రామ్ JavaScript, HTML, CSS యొక్క ప్రాథమికాలు మరియు నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను నేర్పుతుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ తెర్రేరియం, పర్యావరణ అనుకూల బ్రౌజర్ ఎక్స్టెన్షన్, స్పేస్-ఇన్ వాడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ తయారుచేసేందుకు అనుభవాన్ని పొందడానికి అవకాశం కలుగుతుంది. సిరీస్ ముగింపులో, విద్యార్థులు వెబ్ అభివృద్ధిపై బలమైన అవగాహన పొందుతారు.
> 🎓 మీరు ఈ పాఠ్యక్రమంలో మొదటి కొన్ని పాఠాలను Microsoft Learnలోని [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon)గా తీసుకోవచ్చు!
> 🎓 మీరు ఈ పాఠ్యక్రమంలో మొదటి కొన్ని పాఠాలను Microsoft Learnలో [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) గా అందుబాటులో ఉన్నాయి!
విషయాలు ప్రాజెక్టులకు సరిపోలేలా ఉండటంతో, విద్యార్థులకు మరింత ఆసక్తికరం అయ్యి, భావాల నిలుపుదల మెరుగుపడుతుంది. మేము JavaScript ప్రాథమికాల్లో కొంత ప్రారంభ పాఠాలు కూడా రాశాము మరియు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ నుండి ఒక వీడియోతో జతచేసాము, ఆ కొంత రచయితలు ఈ పాఠ్యక్రమానికి తోడ్పడారు.
ప్రాజెక్ట్ లతో విద్యా విషయాలు అనుసరిస్తే, విద్యార్థులందరికీ ప్రాసెస్ మరింత ఆసక్తికరంగా మారుతుంది మరియు భావనలు మరింత కాలం నిలిచి ఉంటాయి. మేము JavaScript ప్రాథమికాలను పరిచయం చేయడానికి కొన్ని ప్రారంభ పాఠాలు కూడా వ్రాశాము, వీటితోపాటు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ సేకరణలోని వీడియోలు జత చేసాము, ఇందులో కొన్ని రచయితలు ఈ పాఠ్యక్రమానికి సహాయం చేశారు.
అదేవిధంగా, తరగతికి ముందు ఒక తక్కువ-మప్కు క్విజ్ విద్యార్థి అభ్యాసం మీద దృష్టి పెట్టేలా మార్గదర్శనం చేస్తుంది, తరగతి తర్వాత రెండవ క్విజ్ భావాల నిలుపుదలని పెంచుతుంది. ఈ పాఠ్యక్రమం సౌకర్యవంతంగా మరియు హస్యం కలిగించాలనే ఉద్దేశంతో రూపొందించబడింది మరియు మొత్తం లేదా భాగంగా తీసుకోవచ్చు. ప్రాజెక్టులు చిన్నవిగా మొదలుకొని 12 వారాల చక్రం చివరికి క్రమంగా క్లిష్టమవతాయి.
క్లాస్ ప్రారంభంలో తక్కువ-పెట్టుబడి క్విజ్ ద్వారా విద్యార్థి ఆ విషయం నేర్చుకోవాలనుకునే ఉద్దేశ్యాన్ని సెట్ చేస్తారు, తరగతి అనంతరం మరొక క్విజ్ మరింత శ్రేణి నిలిపే సహాయపడుతుంది. ఈ పాఠ్యక్రమం అనువైనదిగా, సరదాగా ఉండేలా రూపొందించబడింది మరియు మొత్తంగా లేదా కొంత భాగంగా చేపట్టవచ్చు. ప్రాజెక్ట్లు చిన్నవి మరియు 12 వారాల చక్రం చివరికి సుదీర్ఘంగా కష్టతరంగా మారతాయి.
మేము జావాస్క్రిప్ట్ ఫ్రేమ్వర్క్లను ఉద్దేశపూర్వకంగా పరిచయం చేయకుండా ఉంచాము, ఒక వెబ్ డెవలపర్గా అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడానికి ఫ్రేమ్వర్క్ను అనుసరించే ముందు; ఈ పాఠ్యక్రమాన్ని పూర్తి చేయడానికి బాగా ఉన్నతమైన తదుపరి దశగా, ఇంకొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా Node.jsని నేర్చుకోవడం ఉంటుంది.
మేము ఉద్దేశపూర్వకంగా JavaScript ఫ్రేమ్వర్క్లను పరిచయం చేయకుండా వదిలివేస్తూ, ఒక ఫ్రేమ్వర్క్ అవలంబించే ముందు ఒక వెబ్ డెవలపర్ కావాల్సిన బేసిక్ నైపుణ్యాలపై దృష్టి పెట్టాము, దీని తర్వాతి మంచి దశ Node.js గురించి తెలుసుకోవడం, మరో వీడియో సిరీస్ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా.
> మాకు [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు ఉన్నాయి. మీ నిర్మాణాత్మక అభిప్రాయాన్ని మేము స్వాగతిస్తున్నాము!
> మా [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు చూడండి. మీ నిర్మాణాత్మక అభిప్రాయాలను స్వాగతిస్తాము!
## 🧭 ఆఫ్లైన్ ಪ್ರವೇಶం
## 🧭 ఆఫ్లైన్ యాక్సెస్
[Docsify](https://docsify.js.org/#/) ఉపయోగించి మీరు ఈ డాక్యుమెంటేషన్ను ఆఫ్లైన్లో నడపవచ్చు. ఈ రెపోను ఫోర్క్ చేసుకోండి, మీ స్థానిక मशीनలో [Docsifyని ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేయండి, తదుపరి ఈ రెపో యొక్క రూట్ ఫోల్డర్లో `docsify serve` టైప్ చేయండి. వెబ్సైట్ 3000 పోర్ట్పై మీ లోకల్ హోస్ట్లో అందుబాటులో ఉంటుంది: `localhost:3000`.
మీరు ఈ డాక్యుమెంటేషన్ ను ఆఫ్లైన్ లో [Docsify](https://docsify.js.org/#/) ఉపయోగించి నడిపించవచ్చు. ఈ రిపోజిటరీని ఫోర్క్ చేసి, మీ స్థానిక పరికరంలో [Docsify ను ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేసి, తరువాత ఈ రిపోజిటరీ యొక్క రూట్ ఫోల్డరులో `docsify serve` టైపు చెయ్యండి. వెబ్సైట్ మీ లోకల్హోస్టు: 3000 పోర్ట్ లో సర్వ్ అవుతుంది: `localhost:3000`.
అన్ని పాఠాల యొక్క PDF ను [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) చూసుకోవచ్చు.
## 🎒 ఇతర కోర్సులు
మా బృందం ఇతర కోర్సులు కూడా తయారుచేస్తోంది! చూడండి:
మన టీమ్ ఇతర కోర్సులకు సంబంధించినవి కూడా తయారు చేస్తుంది! వాటిని చూడండి:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
@ -229,7 +215,7 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల
---
### Generative AI శ్రేణి
### Generative AI సిరీస్
[](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)
@ -248,7 +234,7 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల
---
### కోపిలట్ శ్రేణి
### కాపైలట్ సిరీస్
[](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)
@ -256,21 +242,21 @@ Azure AI Foundry డిస్కోర్డ్ కమ్యూనిటీ ల
## సహాయం పొందడం
మీరు అడ్డుకట్ట పడితే లేదా 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) ఉపయోగించి అనువదించబడింది. మేము సరిగ్గా ఉండేందుకు ప్రయత్నించగా, ఆటోమేటిక్డ్ అనువాదాలు తప్పులు లేదా అస్పష్టతలు కలిగి ఉండవచ్చు అని గమనించండి. స్థానిక భాషలో ఉన్న మౌలిక డాక్యుమెంట్ అధికారిక మూలంగా పరిగణించవలెను. ముఖ్యమైన సమాచారం కోసం, ప్రొఫెషనల్ మానవ అనువాదం సూచించబడుతుంది. ఈ అనువాదం వాడకం వల్ల వచ్చే ఏ శంకరింపులు లేదా తప్పుదారితీసిన అర్థమాలకి మేము బాధ్యత వహించము.

## 🎥 వీడియో
## [పాఠం ముందు క్విజ్](../../../lesson-template/quiz-url)
> ఇక్కడ ఒక ఎంబెడెడ్ వీడియో లేదా పాఠం లింక్ జోడించండి.
[మేము ఏమి నేర్చుకునామో వివరించండి]
---
## పాఠం ముందటి ప్రశ్నోత్తరము
> అందుబాటులో ఉన్నప్పుడు ఇక్కడ ఒక ప్రశ్నోత్తర లింక్ జోడించండి.
---
ఈ పాఠంలో విద్యార్థులు నేర్చుకునే విషయముల దారితీసే సంక్షిప్త అవలోకనం ఇవ్వండి.
---
### పరిచయం
ఏమి కవర్ అవుతుందో వివరించండి
ఈ పాఠంలో ఏమి చర్చించబడబోతుందో వివరిస్తూ చిన్న పరిచయాన్ని ఇవ్వండి.
> గమనికలు
### ముందు అవసరం
---
### ముందస్తు జ్ఞానం
ఈ పాఠానికి ముందు ఏ దశలను చేపట్టాలి?
ఈ పాఠాన్ని ప్రారంభించే ముందు విద్యార్థులు తెలుసుకుని ఉండవలసిన సిద్దాంతాలు లేదా విషయాల జాబితా ఇవ్వండి.
---
### సిద్ధం
### సిద్ధమయ్యేందుకు
ఈ పాఠాన్ని ప్రారంభించడానికి సిద్ధం చర్యలు
పాఠం మొదలుపెట్టేముందు అవసరమైన ఏర్పాట్లు లేదా ఉపకరణాల జాబితా ఇవ్వండి.
---
[అంశాలను బ్లాక్లుగా దశలవారీగా మంచి]
### విషయము
పాఠం విషయాన్ని నిర్మితమైన భాగాలుగా ముందుకు తీసుకువెళ్లండి.
---
## [విషయం 1]
## విషయం 1
### పని:
### పనులు:
మీ కోడ్బేస్ను పాఠాన్ని పంచుకున్న కోడ్తో కలిపి ప్రాజెక్ట్ను నిర్మించేందుకు కలిసి పనిచేయండి:
మీ కోడ్ బేస్ను క్రమంగా మెరుగుపరచి, పంచుకున్న కోడ్తో ప్రాజెక్ట్ను నిర్మించడం కోసం కలిసి పని చేయండి:
```html
code blocks
```
✅ జ్ఞాన పరీక్ష - ఓపెన్ ప్రశ్నలతో విద్యార్థుల జ్ఞానాన్ని పరీక్షించడానికి ఈ సమయాన్ని ఉపయోగించండి
✅ జ్ఞాన పరీక్ష
పాఠ్యాంశం ప్రకృతి బట్టి విద్యార్థుల జ్ఞానాన్ని తెగువచోట్లు ఉన్న ప్రశ్నల ద్వారా పరీక్షించండి.
## [విషయం 2]
## విషయం 2
## విషయం 3
## [విషయం 3]
🚀 సవాలు
విద్యార్థులకు ప్రాజెక్టును మెరుగుపరచడానికి సహకార సవాలు జోడించండి.
🚀 సవాలు: తరగతిలో విద్యార్థులతో కలిసి పనిచేస్తూ ప్రాజెక్ట్ను మెరుగుపర్చేందుకు ఒక సవాలును జత చేయండి
ఐచ్ఛికం: పూర్తయిన పాఠం UI యొక్క స్క్రీన్షాట్ అవసరమైతే జోడించండి.
ఐచ్ఛికం: పూర్తి అయిన పాఠం UI యొక్క స్క్రీన్షాట్ అవసరమైతే జత చేయండి
## పాఠం తర్వాత ప్రశ్నోత్తరము
## [పాఠం తర్వాత క్విజ్](../../../lesson-template/quiz-url)
పాఠం పూర్తయిన తర్వాత ఇక్కడ ప్రశ్నోత్తర లింక్ జోడించండి.
## సమీక్ష & స్వీయ అధ్యయనం
**అస్సైన్మెంట్ సమయం [MM/YY]**: [అస్సైన్మెంట్ పేరు](assignment.md)
**అసైన్మెంట్ సమర్పణ తేదీ [MM/YY]**: [అసైన్మెంట్ పేరు](assignment.md)
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**డిస్క్లైమర్**:
ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా ఉండేందుకు ప్రయత్నిస్తున్నా, ఆటోమేటెడ్ అనువాదాలలో తప్పులు లేదా లోపాలు ఉండవచ్చు. మౌలిక భాషలో ఉన్న అసలు పత్రం అధికారిక మూలంగా పరిగణించాలి. ముఖ్యమైన సమాచారానికి, వృత్తిపరమైన మానవ అనువాదాన్ని అంచనా వేయడం మేలైనది. ఈ అనువాదం వాడకంలో ఏర్పడే ఏవైనా అవగాహన లోపాలు లేదా తప్పుడు అర్థాలు మాకు బాధ్యత లేదు.
**అవసర సూచన**:
ఈ పత్రం AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ద్వారా అనువదించబడింది. మేము సరిగా అనువదించేందుకు శ్రమిస్తున్నా, ఆటోమేటెడ్ అనువాదాలలో తప్పులు లేదా అసమ్మతులు ఉండవచ్చు గమనించండి. అసలు పత్రం దాని మాతృ భాషలోని అధికారిక రిపోర్టుగా పరిగణించాలి. ముఖ్యమైన సమాచారానికి, ప్రొఫెషనల్ మానవ అనువాదం చేయించుకోవడం ఉత్తమం. ఈ అనువాదం వాడడంవల్ల కలిగే ఏదైనా భ్రమలు లేదా తప్పుదోవలోకి తీసుకెళ్లే వివరాల కోసం మేము బాధ్యత తీసుకోము.