ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಸಲು ಶಿಕ್ಷಣ ಕಾರ್ಯಕ್ರಮ ರೆಪೊಸಿಟರಿಯಾಗಿದೆ. ಕಾರ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ അഡ್ವೊಕೇಟ್ಸ್ দ্বারা ಅಭಿವೃದ್ಧಿಪಡಿಸಲಾದ ಸಮಗ್ರ 12 ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಕೈಗಾರಿಕಾ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಇವುಗಳಲ್ಲಿ JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ.
ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಸುವ ಶಿಕ್ಷಣ ವೇಳಾಪಟು ಸಂಗ್ರಹವಾಗಿದೆ. ಈ ಕಾರಿಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಮೂಲಕ ಅಭಿವೃದ್ಧಿಪಡಿಸಲ್ಪಟ್ಟ 12-ವಾರಗಳ ವ್ಯಾಪಕ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಪ್ರಾಯೋಗಿಕ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ ಮತ್ತು JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ.
### Key Components
### ಪ್ರಮುಖ ಅಂಶಗಳು
- **ಶೈಕ್ಷಣಿಕ ವಿಷಯ**: 24 ರಚಿಸಿದ ಪಾಠಗಳು ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಘಟಕಗಳಾಗಿ ಆಯೋಜಿಸಲಾಗಿದೆ
- **ಶಿಕ್ಷಣಾತ್ಮಕ ವಿಷಯ**: ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಮಾಲಾಳುಗಳಲ್ಲಿ ವಿಂಗಡಿಸಲಾದ 24 ಸಂರಚಿತ ಪಾಠಗಳು
- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳು**: ಟೆರಾರಿಯಂ, ಟೈಪಿಂಗ್ ಗೇಮ್, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಗೇಮ್, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳು**: ಟೆರೇರಿಯಂ, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಆಟ, ಬ್ಯಾಂಕು ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಸಂಪಾದಕ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ
- **ಇಂಟರ್ಯಾಕ್ಟಿವ್ ಕ್ವಿಜ್ಗಳು**: 48 ಕ್ವಿಜ್ಗಳು, ಪ್ರತಿಯೊಂದು 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ (ಪಾಠದ ಪೂರ್ವ/ಪರೀಕ್ಷೆಗಳು)
- **ಪಾಲುಗೊಳ್ಳುವ ಪ್ರಶ್ನೋತ್ತರಗಳು**: ಪ್ರತಿ ಪಾಠದ ಮುಂಚಿತ/ಕಳೆದ 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ 48 ಪ್ರಶ್ನೋತ್ತರಗಳು
- **ಬಹು-ಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು
- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub ಕ್ರಿಯೆಗಳ ಮೂಲಕ 50+ ಭಾಷೆಗಳ ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರ
- `7-bank-project/README.md` - ನಂಬಿಕೊಳ್ ಬ್ರೋಕಾರಿಕರಣದೊಂದಿಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲিকೇಶನ್
- `7-bank-project/README.md` - ಪ್ರಮಾಣೀಕರಣ ಹೊಂದಿದ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್
- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ
- `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಗೇಮ್ ಅಭಿವೃದ್ಧಿ
- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್-ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್
- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್
### Monorepo Structure
### ಮೋನೊರೆಪೊ ಸೌಕರ್ಯ
ಸಾಂಪ್ರದಾಯಿಕ ಮോണೋರೆಪೊ ಅಲ್ಲವಾದರೂ, ಈ ರೆಪೊ ಅನೇಕ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:
ಪಾರಂಪರಿಕ ಮೋನೊರೆಪೊ ಅಲ್ಲದಿದ್ದರೂ, ಈ ಸಂಗ್ರಹವು ಅನೇಕ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳನ್ನು ಹೊಂದಿದೆ:
- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರ
- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿರುತ್ತದೆ
- ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
- ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ
- ಪ್ರತಿ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ ಸ್ವತಂತ್ರವಾಗಿ ಕೆಲಸ ಮಾಡಿ, ಇತರರ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರದೇ
- ಬೇರೆ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೇಲೆ ಪ್ರಭಾವ ಬೀರುದೆಂಬಿಲ್ಲದೆ ವೈಯಕ್ತಿಕ ಕಾರ್ಯ ಮಾಡಬಹುದು
- ಪೂರ್ಣ ಕಾರ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ
- ಸಂಪೂರ್ಣ ಕಾರಿಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ಸಂಗ್ರಹವನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಅस्वೀಕಾರಿಕೆ**:
**ನೇಪಥ್ಯ ಮತ್ತು ಜವಾಬ್ದಾರಿ ತಿರಸ್ಕರಣೆ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆಯಾದ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ಧತೆಯನ್ನು ಸಾಧಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸಮರ್ಪಕತೆಗಳು ಇರಬಹುದೆಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯ ಮೂಲಸೂತ್ರವೆಂದೇ ವಿಧೇಯತೆಯುತ ಮೂಲವಾಗಿರಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿ ಗಳಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವನ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸುವ ಮೂಲಕ ಆಗುವ ಯಾವುದೇ ತಪ್ಪು להבין ಅಥವಾ ತಪ್ಪಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಬಗ್ಗೆ ನಾವು ಹೊಣೆಗಾರರಲ್ಲ.
ಈ ದಾಖಲೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಅನುವಾದ ಸೇವೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಾವು ಶುದ್ದತೆಯತ್ತ ಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ತಪ್ಪುಗಳು ಇರಬಹುದು ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯ ಆಸಲಿ ದಾಖಲೆ ನಂಬಿಗಸ್ತ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕಾಗಿದೆ. ಮಹತ್ವದ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಗೊಂದಲಗಳು ಅಥವಾ ತಪ್ಪು ವಿವರಣೆಗಳಿಗಾಗಿ ನಾವು ಜವಾಬ್ಧಾರರಲ್ಲ.
Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಮಗ್ರ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ನ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಟೆರೆರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಸ್ಪೇಸ್ ಆಟಗಳಂತಹ ಕೈಯಲ್ಲಿ ಮಾಡುವ ಯೋಜನೆಗಳ ಮೂಲಕ ಆಳವಾಗಿ ಅನ್ವೇಷಿಸಲಾಗುತ್ತದೆ. ಪ್ರಶ್ನೋತ್ತರಗಳ, ಚರ್ಚೆಗಳ ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ಕಾರ್ಯಗಳು ಸಹ ಭಾಗವಹಿಸಿ. ನಿಮ್ಮ ನಿಪುಣತೆಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ ವಿಧಾನದಿಂದ ನುಡಿಗಾಣಿಕೆಯನ್ನು ಉತ್ತಮಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಯಾತ್ರೆಯನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
Microsoft Cloud Advocates ರ 12-ವಾರಗಳ ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ನೊಂದಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಕಿರಿ. 24 ಪಾಠಗಳ ಪ್ರತಿ JavaScript, CSS, ಮತ್ತು HTML ಅನ್ನು ರೈತ ಸ್ಟಾರ್ಟಿ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೂಲಕ ಸಂಯೋಜಿಸುತ್ತದೆ, ಉದಾ: ಟೆರೆರಿ Homes, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಅಂತರಿಕ್ಷ ಆಟಗಳು. ಕುಯಿಜ್ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ನಿಯೋಜನೆಗಳ ಜೊತೆಗೆ ನಿರಂತರ ತೊಡಗಿಸಿಕೊಳ್ಳಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಹೆಚ್ಚಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಶಿಕ್ಷಣ ವಿಧಾನದಿಂದ ನಿಮ್ಮ ಜ್ಞಾನವನ್ನು ಗರಿಷ್ಠಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ!
> ಈ ರೆಪೋಸ್ಟೋರಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದ್ದು, ಇದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ಗಣನೀಯವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ:
> ಈ ರಿಪೊಸಿಟರಿಯಲ್ಲಿ 50 ಕ್ಕೂ ಅಧಿಕ ಭಾಷಾಂತರಗಳು ಒಳಗೊಂಡಿದ್ದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ಭಾಷಾಂತರಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ:
>
>
> **Bash / macOS / Linux:**
> **Bash / macOS / Linux:**
> ```bash
> ```bash
@ -48,174 +48,175 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
> ```
>
>
> ಇದರಿಂದ ನೀವು ಕೋರ್ಸ್ವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ವಸ್ತುಗಳನ್ನು Much ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು.
> ಇದು ನಿಮಗೆ ಕೋರ್ಸ್ ಪೂರ್ಣಗೊಳಿಸಲು ಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ಬಹಳ ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಬಯಸಿದರೆ ಅವುಗಳನ್ನು ಇಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
**ನಿಮಗೆ ಹೆಚ್ಚುವರಿ ಭಾಷಾಂತರ ಬೆಂಬಲ ಬೇಕಾದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯಲ್ಲಿವೆ**
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
[](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 ಏಜೆಂಟ್ ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿ!
### 📣 ಪ್ರಕಟಣೆ - ಹೊಸ GitHub Copilot Agent ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿರಿ!
ಹೊಸ ಸವಾಲಾಗಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ. ಇದು GitHub Copilot ಮತ್ತು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಪೂರೈಸಬೇಕಾದ ಹೊಸ ಸವಾಲಾಗಿದೆ. ನೀವು ಮೊದಲು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿರದಿದ್ದರೆ, ಇದು ಕೇವಲ ಪಠ್ಯವನ್ನು ತಯಾರಿಸುವಷ್ಟಷ್ಟೇ ಅಲ್ಲ; ಕಡತಗಳನ್ನು ರಚಿಸುವುದೂ, ಸಂಪಾದಿಸುವುದೂ, ಆಸ್ಥಿತ್ಬಂಧಾನದ ಆಜ್ಞೆಗಳನ್ನು ಅನ್ನು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು.
ಹೊಸ ಸವಾಲು ಸೇರಿಸಲಾಗಿದೆ, ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಎನ್ನುವದು ನೋಡಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿ ಪೂರ್ಣಗೊಳಿಸುವ ಹೊಸ ಸವಾಲು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಬಳಸಿಲ್ಲದಿದ್ದರೆ ಅದು ಪಠ್ಯ ರಚನೆಯ ಜೊತೆಗೆ ಫೈಲ್ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಕಮಾಂಡ್ಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಸಾಧ್ಯ.
### 📣 ಘೋಷಣೆ - _Generative AI ಬಳಸಿ ನಿರ್ಮಿಸಲು ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್_
### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ_
ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸದ್ಯದಲ್ಲೇ ಸೇರಿಸಲಾಗಿದೆ, ಅದನ್ನು ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md)
ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md)
### 📣 ಘೋಷಣೆ - _JavaScript ಗಾಗಿ Generative AI ಬಗ್ಗೆ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ ಬಿಡುಗಡೆಯಾಗಿದೆ
### 📣 ಪ್ರಕಟಣೆ - _ಜನರೇಟಿವ್ AI ಕುರಿತಲ್ಲಿನ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ JavaScript ಗಾಗಿ ಬಿಡುಗಡೆಯಾಗಿದೆ
ನಮ್ಮ ಹೊಸ Generative AI ಪಠ್ಯಕ್ರಮವನ್ನು ಮಿಸ್ ಮಾಡಿಕೊಳ್ಳಬೇಡಿ!
ನಮ್ಮ ಹೊಸ ಜನರೇಟಿವ್ AI ಪಠ್ಯಕ್ರಮವನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಡಿ!
ಪ್ರತಿ ಪಾಠವು పూర్తి ಮಾಡಲು ನಿಯೋಜನೆ, ಜ್ಞಾನ ಮೌಲ್ಯಮಾಪನ ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಕಲಿಕೆಯ ವಿಷಯಗಳು:
- ಪ್ರಾಂಪ್ಟ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಎಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ಸೃಷ್ಟಿ
- ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ಗಳು
ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಅನುಭವ, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ಸವಾಲು ಒಳಗೊಂಡಿದೆ, ಮತ್ತು ಕೆಳಗಿನ ವಿಷಯಗಳನ್ನು ಕಲಿಯಲು ಮಾರ್ಗದರ್ಶನ ಮಾಡುತ್ತದೆ:
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)!
- ಪ್ರಾಂಪ್ಟಿಂಗ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್
- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ತಯಾರಿಕೆ
- ಶೋಧ ಅಪ್ಲಿಕೇಶನ್ಗಳು
ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)
## 🌱 ಪ್ರಾರಂಭ
## 🌱 ಪ್ರಾರಂಭಿಸುವುದು
> **ಶಿಕ್ಷಕರು**, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದಾಗಿ ನಾವು ಕೆಲವು [ಸೂಚನೆಗಳನ್ನು](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), ಈ ಉಪಕರಣಗಳ ಯಶಸ್ವಿಯಾದ ಆಯ್ಕೆಗಳ ಬಗ್ಗೆ ನಿಮಗೆ ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತದೆ.
ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಲು, ನಿಮ್ಮ ಬಳಿ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಅಗತ್ಯವಿದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವಾಣಿಜ್ಯ ಉಪಕರಣಗಳ ಪರಿಚಯ](../../1-getting-started-lessons/1-intro-to-programming-languages) ನಿಮಗೆ ಪ್ರತಿಯೊಂದು ಈ ಉಪಕರಣಗಳ ಆಯ್ಕೆಗಳನ್ನು ಪರಿಚಯಿಸುವುದು.
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಬಳಕೆ ಮಾಡುವುದು. ಇದರಲ್ಲಿ ಒಳಗೊಂಡ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸೌಲಭ್ಯವೂ ಇದೆ. Visual Studio Code ಅನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು.
ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ಸಂಪಾದಕವಾಗಿ ಉಪಯೋಗಿಸುವುದಾಗಿ ಇದೆ, ಇದು ಅಂತರ್ಗತ [ಟರ್ಮಿನಲ್](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸಹ ಹೊಂದಿರುತ್ತದೆ. ನೀವು Visual Studio Code ಅನ್ನು ಇಲ್ಲಿ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. ನಿಮ್ಮ ರೆಪೊಜಿಟೋರಿಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರಿಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದನ್ನು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲು ಮಾಡುವ ಮೂಲಕ ಮಾಡಬಹುದು:
1. ನಿಮ್ಮ ಸಂಗ್ರಹಣೆಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದನ್ನು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು URL ನಕಲಿಸುವ ಮೂಲಕ ಮಾಡಬಹುದು:
[CodeSpace](./images/createcodespace.png)
[CodeSpace](./images/createcodespace.png)
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ರನ್ ಮಾಡಿ, `<your-repository-url>` ಅನ್ನು ನೀವು ಇದೀಗ ನಕಲು ಮಾಡಲಾದ URL ನಿಂದ ಬದಲಿ ಮಾಡಿ:
ನಂತರ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಒಳಗಿನ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಕೆಳಗಿನ ಕಮಾಂಡ್ ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ, `<your-repository-url>` ಎಂಬುದನ್ನು ನೀವು ನಕಲಿಸಿದ URL ಮೂಲಕ ಬದಲಾಯಿಸಿ:
```bash
```bash
git clone <your-repository-url>
git clone <your-repository-url>
```
```
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು.
> ಶಿಫಾರಸು ಮಾಡಿದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು:
>
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದರ್ಶನ ಮಾಡಲು
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದೃಶ್ಯ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಬರೆಯುವುದನ್ನು ವೇಗಗೊಳಿಸಲು ಸಹಾಯಕ
## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠವು ಒಳಗೊಂಡಿದೆ:
## 📂 ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಕಲಿತದ್ದಾಗಿವೆ:
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್
- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ನೋಟ್
- ಐಚ್ಛಿಕ ಸಂಯೋಜಿತ ವೀಡಿಯೊ
- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೊ
- ಪಾಠಕ್ಕೆ ಮುಂಚಿತ ತಯಾರಿ ಕ್ವಿಜ್
- ಪಾಠದ ಮುಂಚಿನ ವಾರ್ಮ್ ಅಪ್ ಕ್ವಿಜ್
- ಬರೆದ ಪಾಠ
- ಬರೆಯಲಾದ ಪಾಠ
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣದ ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶನಗಳು
- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಲು ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು
- ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು
- ಜ್ಞಾಪಕ ತಪಾಸಣೆಗಳು
- ಒಂದು ಸವಾಲು
- ಒಂದು ಆವೃತ್ತಿ
- ಸಂಯೋಜಿತ ಓದು
- ಪೂರಕ ಓದು
- ಅಸೈನ್ಮೆಂಟ್
- ಅಸೈನ್ಮೆಂಟ್
- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
- [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/)
> **ಕ್ವಿಜ್ ಗಳು ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ ಗಳು Quiz-app ಫೋಲ್ಡರ್ ಒಳಗಿವೆ, ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳ 48 ಒಟ್ಟು ಕ್ವಿಜ್ ಗಳು. ಅವುಗಳನ್ನು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿರುತ್ತವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್ ಒಳಗಿನ ಸೂಚನೆಗಳು ಅನುಸರಿಸಿ.
> **ಕ್ವಿಜ್ ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ಗಳು Quiz-app ಫೋಲ್ಡರ್ನಲ್ಲಿ ಇವೆ, 48 ಒಟ್ಟು ಕ್ವಿಜ್ಗಳು, ಪ್ರತಿ ಒಂದು ಮೂರು ಪ್ರಶ್ನೆಗಳಾಗಿವೆ. ಅವು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿದ್ದು, ಕ್ವಿಜ್ ಆಪ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ; `quiz-app` ಫೋಲ್ಡರ್ನ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ.
## 🗃️ ಪಾಠಗಳು
## 🗃️ ಪಾಠಗಳು
| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಕೆಗಳು ಕಲಿಸಲಾಗಿದೆ | ಕಲಿಕೆ ಗುರಿಗಳು | ಕೊಂಡಿ ಪಾಠ | ಲೇಖಕ |
| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಸಲಾದ ಧಾರಣೆಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಲಿಂಕ್ ಮಾಡಲಾದ ಪಾಠ | ಲೇಖಕ |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವೃತ್ತಿಪರ ಸಾಧನಗಳು | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್ ಗಳಿಗೆ ನೆರವಾಗುವ ಸಾಫ್ಟ್ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಸಾಧನಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜೇಸ್ಮಿನ್ |
| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು | ಹೆಚ್ಚಿನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಹಿಂದೆ ಇರುವ ಮೂಲಭೂತ ತತ್ವಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ ಮತ್ತು ತಜ್ಞರಿಗಾಗಿ ಸಹಕಾರ ಮಾಡು ತ ಸಾಫ್ಟ್ವೇರ್ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸಮಾಡುವುದು | ಗಿಟ್ಹಬ್ ಅನ್ನು ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ ಹೇಗೆ ಬಳಸಿ, ಕೋಡ್ ಬೇಸ್ ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಹೇಗೆ ಸಹಕರಿಸುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ |
| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಆಧಾರಗಳು, ತಂಡದಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಮತ್ತು ಕೋಡ್ ಬೇಸ್ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಜೊತೆಯ ಕೆಲಸ ಮಾಡುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶಾರ್ಹತೆ | ವೆಬ್ ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲ ತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ |
| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರಾಪ್ಯತೆ | ವೆಬ್ ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ | [ಪ್ರಾಪ್ಯತೆಯ ಮೂಲಭೂತಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲವೇದಿಕೆ | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜೇಸ್ಮಿನ್ |
| 04 | JS ಮೂಲಭೂತಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳು | JavaScript ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ಮೂಲಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಫ್ಲೋ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜೇಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೋಫರ್ |
| 05 | JS ಮೂಲಭೂತಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ನ ತರ್ಕ ಪ್ರವರ್ತನೆಯನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | Jasmine ಮತ್ತು Christopher |
| 06 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ನಿರ್ಣಯ ಮಾಡುವುದು | ನಿರ್ಣಯ ಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡುವುದು](./2-js-basics/3-making-decisions/README.md) | ಜೇಸ್ಮಿನ್ |
| 06 | JS ಮೂಲಭೂತಗಳು | JS ಸಹಾಯದಿಂದ ನಿರ್ಧಾರಗಳನ್ನು ಕೈಗೊಳ್ಳುವುದು | ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ಪರಿಸ್ಥಿತಿಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಧಾರ ಕೈಗೊಳ್ಳುವುದು](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ಮೂಲಗಳು | ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕಾರ್ಯನಿರ್ವಹಿಸು | [ಅರೆಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜೇಸ್ಮಿನ್ |
| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | JavaScript ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ HTML | ಆನ್ಲೈನ್ ಟ್ರೇರಿಯಂ ನಿರ್ಮಿಸಲು HTML ರಚಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ಅನ್ವಯ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಮ್ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | Jen |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ CSS | ಆನ್ಲೈನ್ ಟ್ರೆರಿಯಂ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವ ಆಧಾರಗತ ಸೂತ್ರಗಳ ಮೇಲೆ ಗಮನವಿಟ್ಟು | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ |
| 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) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ಗಳು, DOM ಮಾನಿಪ್ಯುಲೇಶನ್ | ಟ್ರೆರಿಯಂ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ, ಕ್ಲೋಶರ್ಗಳು ಮತ್ತು DOM ಮಾನಿಪ್ಯುಲೇಶನ್ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜਾਵಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ಗಳು, DOM ಮಾನಿಪ್ಯುಲೇಶನ್](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ |
| 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 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಪ್ನ ಲಾಜಿಕ್ ಚಾಲನೆಗೆ ಕೀಲಿಬೋರ್ಡ್ ಈವೆಂಟ್ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು | [ಈವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಗೇಮ್ ನಿರ್ಮಿಸಿ | ಕ್ಲ್ಯುವರ್ಡ್ ಘಟನೆಗಳನ್ನು ಬಳಸಿ ನಿಮ್ಮ JavaScript ಅಪ್ಲಿಕೇಶನ್ನ ತರ್ಕವನ್ನು ಚಾಲನೆ ಮಾಡುವ ವಿಧಾನವನ್ನು ಕಲಿಯಿರಿ | [ ಘಟನೆ ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | Christopher |
| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ ಗಳು ಹೇಗೆ ಕೆಲಸಮಾಡುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲಿನ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರೂಪಿಸಬೇಕು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಬ್ರೌಸರ್ಗಳು ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ಗಳೊಂದಿಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಮೊದಲನೆಯ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಘಟಕಗಳನ್ನು ರಚಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಬ್ರೌಸರ್ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | Jen |
| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ ವ್ಯತ್ಯಯಗಳನ್ನು ಸೇವಿಸುವುದು | API ಕರೆ ಮಾಡಲಾಗುವ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿರುವ ವ್ಯತ್ಯಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು | [API ಗಳು, ಫಾರ್ಮ್ಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ |
| 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 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಣೆಗೆ ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳು ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಅನ್ವಯವಾಗಿ ಪರಿಣಾಮಕಾರಿತ್ವ ಹೆಚ್ಚಿಸಲು ತಂತ್ರಗಳು ಕಲಿಯಿರಿ | [ಹಿಂದೆಲೆ ಕೆಲಸಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಪ್ರಗತಿಪರ ಆಟಾಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಬಳಸಿಕೊಂಡು ವಾರಸತ್ವದ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಆಟ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆ | [ಅಧುನಿಕ ಆಟಾಭಿವೃದ್ಧಿ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ |
| 15 | [Space Game](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿ | ಕ್ಲಾಸುಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಾರಸತ್ವವನ್ನೂ, ಪಬ್ಲಿಷ್/ಸಬ್ಸ್ಕ್ರೈಬ್ (Pub/Sub) ಮಾದರಿಯನ್ನು ಕಲಿಯಿರಿ, ಗೇಮ್ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆಗಾಗಿ | [ಮುಂದಿನ ಹಂತದ ಗೇಮ್ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | Chris |
| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಿಸುವುದು | ಪರದೆಗೆ ಆಬ್ಜೆಕ್ಟ್ ಗಳು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಿಸುವುದು](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ |
| 16 | [Space Game](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಣ | ಪರದೆಗೆ ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್ಗೆ ಚಿತ್ರಣ](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸಲು | ಕಾರ್ಟೇಶಿಯನ್ ಸಂಯೋಜನೆಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳ ಚಲనం ಹೇಗೆ ಆಗುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ |
| 17 | [Space Game](./6-space-game/solution/README.md) | ಪರದೆದ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು | ಕಾರ್ಟಿಸಿಯನ್ ಸಹಯೋಗಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಚಲನೆಯನ್ನು ಹೇಗೆ ಪಡೆಯುತ್ತವೆ ಎಂದು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | Chris |
| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಕೀಲಿಪಟದ ಬಳಕೆಯಿಂದ ಅಂಶಗಳು ಪರಸ್ಪರ ಘರ್ಷಣೆ ಮಾಡವೆಂದು ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆ ತುರ್ತು ವಿಶ್ರಾಂತಿಯನ್ನು ಒದಗಿಸುವ ಕಾರ್ಯವನ್ನು ನೀಡಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ |
| 18 | [Space Game](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಅಂಶಗಳನ್ನು ತಳ್ಳಿಕೊಂದುಕೊಳ್ಳಲು ಮತ್ತು ಪರಸ್ಪರ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ ಮಾಡಬೇಕು, ಕೀಲ್ಯುತಗಳ ಬಳಕೆಯಿಂದ ಮತ್ತು ಗೇಮ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಶಿಗಾರ ಕರ್ತವ್ಯವನ್ನು ಒದಗಿಸಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | Chris |
| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಆಧಾರಿತ ಗಣಿತ ಲೆಕ್ಕಾಚಾರ ಮಾಡಿರಿ | [ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ |
| 19 | [Space Game](./6-space-game/solution/README.md) | ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು | ಗೇಮ್ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ ಆಧರಿಸಿ ಗಣಿತ ಲೆಕ್ಕಾಚಾರಗಳನ್ನು ಮಾಡಿ | [ಅಂಕೆಯನ್ನು ಕಾಯ್ದಿರಿಸುವುದು](./6-space-game/5-keeping-score/README.md) | Chris |
| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದು | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದನ್ನು, ಸಂಪತ್ತಿನ ಸ್ವಚ್ಛತೆ ಮತ್ತು ವ್ಯತ್ಯಯ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ಆಡುವುದಿನ ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ |
| 20 | [Space Game](./6-space-game/solution/README.md) | ಗೇಮಿನ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭ | ಗೇಮ್ ಮುಕ್ತಾಯ ಮತ್ತು ಮರುಪ್ರಾರಂಭದ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವಿಕೆ ಮತ್ತು ವರಿಯೇಬಲ್ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಒಳಗೊಂಡಿದೆ | [ಮುಕ್ತಾಯ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | Chris |
| 21 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗಸೂಚಿ ಹಾಗೂ HTML ಟೆಂಪ್ಲೇಟ್ಗಳನ್ನು ಉಪಯೋಗಿಸಿ ಬಹು-ಪುಟಗಳ ವೆಬ್ಸೈಟ್ನ ಸ್ಥಾಪನೆಯ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ |
| 21 | [Banking App](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗನಿರ್ದೇಶನೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳನ್ನು ಬಳಸಿ ಬಹುಪುಟ ವೆಬ್ಸೈಟ್ಗಳ ನೆಲಸೂರಿಯನ್ನು ರಚಿಸಲು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಸ್ ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | Yohan |
| 22 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಫಾರ್ಮ್ ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ರಚಿಸಿ | ಫಾರ್ಮ್ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಾಲಯಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | Yohan |
| 23 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ಕ್ರಮಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ಗೆ ಡೇಟಾ ಹೇಗೆ ನುಗ್ಗುತ್ತದೆ ಮತ್ತು ಹೊರಟೆರುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯುವದು, ಸಂಗ್ರಹಿಸುವದು ಮತ್ತು ತ್ಯಜಿಸುವದು ಎಂಬುದನ್ನು ಕಲೆಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಒಳಗೆ ಮತ್ತು ಹೊರಗೆ ಡೇಟಾ ಹೇಗೆ ಹರಿದುಹೋಗುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪಡೆಯುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ಹಾಳುಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | Yohan |
| 24 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಯಾವಂತೆ ರಾಜ್ಯವನ್ನು ಹಿಡಿದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ |
| 24 | [Banking App](./7-bank-project/solution/README.md) | ಸ್ಥಿತಿಮಾಪನದ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಿತಿಯನ್ನು ಹೇಗೆ ಹಿಡಿದಿಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಸ್ಥಿತಿಮಾಪನ](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [ಬ್ರೌಸರ್/VScode ಕೋಡ್](../../8-code-editor) | ವಿಎಸ್ಕೋಡ್ ಜೊತೆ ಕೆಲಸ | ಕೋಡ್ ಸಂಪಾದಕರನ್ನು ಬಳಸುವುದು ಕಲಿಯಿರಿ | [ವಿಎಸ್ಕೋಡ್ ಕೋಡ್ ಎಡಿಟರ್ ಬಳಸಿ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ| [VScode ಕೋವಿಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI ಸಹಾಯಕರು](./9-chat-project/README.md) | AI ಜೊತೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸಲು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | ಕ್ರಿಸ್ |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | Chris |
## 🏫 ಪಠ್ಯಶಾಸ್ತ್ರ
## 🏫 ಅಧ್ಯಾಪನಾ ವಿಧಾನಶಾಸ್ತ್ರ
ನಮ್ಮ ಪಠ್ಯಕ್ರಮ ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರೀಯ ತತ್ವಗಳನ್ನು ಗಮನದಲ್ಲಿಟ್ಟುಕೊಂಡು ರೂಪಿಸಲಾಗಿದೆ:
ನಮ್ಮ ಪಠ್ಯಕ್ರಮವನ್ನು ಎರಡು ಪ್ರಮುಖ ಅಧ್ಯಾಪನಾ ಸಿದ್ಧಾಂತಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ:
* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಕಲಿಕೆ
* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಅಧ್ಯಯನ
* ನಿತ್ಯ ಕ್ವಿಜ್ಗಳು
* ನಿಯಮಿತ ಕ್ವಿಜ್ಗಳು
ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ನ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್ ಗಳು ಬಳಸುವ ಆಧುನಿಕ ಸಾಧನಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟ್ರೆರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್-ಇನ್ವೇಡರ್ ಹೋಲಿನ ಆಟ ಮತ್ತು ವ್ಯಾಪಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸುವ ಮೂಲಕ ಕಾರ್ಯಾನ್ವಯ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಕೊನೆಯ ಭಾಗದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ನಲ್ಲಿ ದೃಢವಾದ ಅರ್ಥವನ್ನು ಪಡೆಯುತ್ತಾರೆ.
ಕಾರ್ಯಕ್ರಮವು JavaScript, HTML, ಮತ್ತು CSS ನ ಮೂಲಭೂತಗಳನ್ನು ಹಾಗೆಯೇ ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್ಗಳು ಬಳಸುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಮ್, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಬಾಹ್ಯಾಕಾಶ ಆಕ್ರಮಣದ ಶೈಲಿಯ ಗೇಮ್ ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸಿ ಅನುಷ್ಠಾನಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುವ ಅವಕಾಶ ಹೊಂದಿದ್ದಾರೆ. ಸರಣಿ ಮುಗಿದ ಮೇಲೆ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಗಟ್ಟಿತನದ ತಿಳಿವಳಿಕೆ ಗಳಿಸಲಿದ್ದಾರೆ.
> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದಲ್ಲಿನ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು [ಕಲಿಯುವ ದಾರಿ](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) ರಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು!
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಸರಿಹೊಂದುವುದರಿಂದ, ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗಾಗಿ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಮೇಲೆ ಹಿಡಿತ ಹೆಚ್ಚಾಗುತ್ತದೆ. ನಾವು ಹಲವಾರು ಪ್ರಾಥಮಿಕ ಪಾಠಗಳನ್ನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲತತ್ವಗಳಲ್ಲಿ ಬರೆದಿದ್ದು, ವೀಡಿಯೊ ಸಹಾಯದಿಂದ "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ಹಾಲು-ಠಂಗಿ ಸಹಾಯವಿದೆ, ಕೆಲವು ಲೇಖಕರಾದವರು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಕೊಡುಗೆ ಹಾಕಿದ್ದಾರೆ.
ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ಮಾಡಿರುವುದರಿಂದ ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಜ್ಞಾಪಕವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ನಾವು ಕೆಲ ಸ್ಟಾರ್ಟರ್ ಪಾಠಗಳನ್ನು JavaScript ಮೂಲಭೂತಗಳಲ್ಲಿ ಬರೆಯುತ್ತೇವೆ, ಮತ್ತು "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೋ ಸರಣಿಯಿಂದ ಒಂದು ವೀಡಿಯೊ ಜೋಡಣೆ ಮಾಡಿದ್ದೇವೆ, ಅದರ ಕೆಲವು ರಚಯಿತೃಗಳು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಸಹಕೆಲಸ ಮಾಡಿದ್ದಾರೆ.
ಚಿತ್ರವರಣವಾಗಿ, ತರಗತಿಯ ಮೊದಲಿಗೆ ಕಡಿಮೆ-ಅಂಕಿತ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಉದ್ದೇಶವನ್ನು ಹೂಡುತ್ತದೆ, ಹಾಗೂ ತರಗತಿ ಮುಗಿದ ಮೇಲೆ ಇನ್ನುೊಂದು ಕ್ವಿಜ್ ಕೌಶಲ್ಯ ಸ್ಥಿರಗೊಳಿಸುವುದಕ್ಕೆ ಸಹಾಯಕ. ಈ ಪಠ್ಯಕ್ರಮ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದ್ದು ಸಡಿಲ ಮತ್ತು ಆನಂದಕರವಾಗಿದ್ದು ಸಂಪೂರ್ಣವಾಗಿ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಪ್ರಾಜೆಕ್ಟ್ ಗಳು ಚಿಕ್ಕದಾಗಿ ಪ್ರಾರಂಭಿಸಿ 12 ವಾರಗಳ ಚಕ್ರದ ಕೊನೆಗೆ ಜಟಿಲತೆಯತ್ತ ಸಾಗುತ್ತವೆ.
ಇಲ್ಲದೆ, ತರಗತಿಯ ಮೊದಲು ಒಂದು ಕಡಿಮೆ-ಪರಿಣಾಮದ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಆಸೆ ಪ್ರತಿಪಾದಿಸುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಮತ್ತು ತರಗತಿಯ ನಂತರ ಎರಡನೇ ಕ್ವಿಜ್ ಸ್ನಾಯಿಸಿದೆ ನಿರ್ಧರಿಸುತ್ತದೆ. ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಅನುಕೂಲಕರ ಮತ್ತು ಮನರಂಜನೀಯವಾಗಿರುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. 12 ವಾರಗಳ ಚಕ್ರಾಂಬೆಲೆಲ್ಲಾ ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಸಣ್ಣದಾಗಿ ಪ್ರಾರಂಭವಾಗುವುದರಿಂದ ಕೊನೆಯಲ್ಲಿ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತದೆ.
ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೆ임್ವರ್ಕ್ಗಳನ್ನು ಪರಿಚಯಿಸದಿದ್ದರೂ, ಫ್ರೆ임್ವರ್ಕ್ ಒಪ್ಪಿಕೊಳ್ಳುವುದಕ್ಕಿಂತ ಮುಂಚೆ ಅಗತ್ಯವಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳನ್ನು ಸಂಕೇತಗಳೊಳಗೆ ಕೇಂದ್ರೀಕರಿಸಲಾಗಿದೆ, ಈ ಪಠ್ಯಕ್ರಮದ ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ ಬೇರೆ ವೀಡಿಯೊಗಳ ಸರಣಿಯಿಂದ Node.js ನ ಬಗ್ಗೆ ಕಲಿಯುವುದು: "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮಕೋರ್ಕ್ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ತಪ್ಪಿಸಿ, ವೆಬ್ ಡೆವಲಪರ್ಗೆ ಬೇಕಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಮುಗಿಸಲು ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ 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.md) ಹಾಗೂ [ಕೊಡುಗೆ ಮುಡಿಪು](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಸ್ವಾಗತಿಸುತ್ತೇವೆ!
> ನಮ್ಮ [Code of Conduct](CODE_OF_CONDUCT.md) ಮತ್ತು [Contributing](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ರಚನೆಯಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು ಸ್ವಾಗತಿಸುತ್ತೇವೆ!
## 🧭 ಆಫ್ಲೈನ್ ಪ್ರವೇಶ
## 🧭 ಆಫ್ಲೈನ್ ಪ್ರವೇಶ
ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ಆಫ್ಲೈನ್ನಲ್ಲಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೋವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್ಸ್ಟಾಲ್ ಮಾಡಿ](https://docsify.js.org/#/quickstart), ಮತ್ತು ಈ ರೆಪೋ ಮೂಲ ಫೋಲ್ಡರ್ನಲ್ಲಿ `docsify serve` ನಮಿಸಿ. ವೆಬ್ಸೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್ಹೋಸ್ಟ್ನಲ್ಲಿ 3000 ಪೋರ್ಟ್ ಮೇಲೆ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`.
ನೀವು ಈ ದಾಖಲೆಗಳನ್ನು ಆಫ್ಲೈನ್ನಲ್ಲಿ [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೋವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್ಸ್ಟಾಲ್](https://docsify.js.org/#/quickstart) ಮಾಡಿ ಮತ್ತು ನಂತರ ಈ ರೆಪೋ ಮೂಲ ಫೋಲ್ಡರ್ನಲ್ಲಿ `docsify serve` ಬಳಸಿ ಟೈಪ್ ಮಾಡಿ. ವೆಬ್ಸೈಟ್ ಅನ್ನು ನಿಮ್ಮ ಲೋಕಲ್ಹೋಸ್ಟ್ನ 3000 ಪೋರ್ಟ್ ನಲ್ಲಿ ಸಾಗಿಸಲಾಗುತ್ತದೆ: `localhost:3000`.
## 📘 PDF
## 📘 PDF
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಇವು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಲಭ್ಯವಿದೆ.
ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಅನ್ನು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಕಾಣಬಹುದು.
## 🎒 ಇತರೆ ಕೋರ್ಸ್ಗಳು
## 🎒 ಇತರೆ ಕೋರ್ಸುಗಳು
ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸ್ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ನೋಡಿ:
ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸುಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ಪರಿಶೀಲಿಸಿ:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
### LangChain
@ -224,7 +225,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
---
### Azure / Edge / MCP / Agents
### ಅಜುರ್ / ಎಡ್ಜ್ / MCP / ಏಜೆಂಟ್ಸ್
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[](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/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@ -232,7 +233,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
---
### Generative AI Series
### ಜನರೇಟಿವ್ AI ಸರಣಿ
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](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)
[-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)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@ -240,7 +241,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
---
### ಕೋರ್ ಲರ್ನಿಂಗ್
### ಮೂಲ ಅಧ್ಯಯನ
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](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/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -251,7 +252,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
---
---
### ಕೊಪೈಲಟ್ ಸೀರಿಸ್
### ಕೋಪೈಲಟ್ ಸರಣಿ
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](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)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
@ -259,21 +260,21 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ
## ಸಹಾಯ ಪಡೆಯುವುದು
## ಸಹಾಯ ಪಡೆಯುವುದು
ನೀವು ಸಿಲುಕಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್ಗಳ ನಿರ್ಮಾಣ ಕುರಿತು ಯಾವುದಾದರೂ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಅನುಭವಜ್ಞರೊಂದಿಗೆ ಸೇರಿ. ಇದು ಸಹಾಯಕ ಸಮುದಾಯವಾಗಿದ್ದು, ಪ್ರಶ್ನೆಗಳಿಗೆ ಸ್ವಾಗತ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುತ್ತದೆ.
ನೀವು ಅಡಗಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ ಕಲಿಯುವವರೊಂದಿಗೆ ಮತ್ತು ಅನುಭವಿ ಅಭಿವೃದ್ಧಿಪಡಿಸುವವರೊಂದಿಗೆ ಸೇರಿಕೊಳ್ಳಿ. ಇದು ಪ್ರಶ್ನೆಗಳು ಸ್ವಾಗತಾರ್ಹವಾಗಿರುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೆ ಮಾಡಿಕೊಳ್ಳುವ ಬೆಂಬಲಿಸುವ ಸಮುದಾಯವಾಗಿದೆ.
ಈ ರೆಪೊಸಿಟರಿ MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಯಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗೆ [LICENSE](../../LICENSE) ಫೈಲ್ ನೋಡಿ.
ಈ ಸಂಗ್ರಹಣೆಯನ್ನು MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ.
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ನಿರಾಕರಣಾ ಪ್ರಕಟಣೆ**:
**ಬ್ಯಾಜಪತ್ರ**:
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅದೃಷ್ಟ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ աղբಾರಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಮಹತ್ವಪೂರ್ಣ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸುಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಪೂರ್ಣತೆಗೆ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ.
ಈ ದಸ್ತಾವೇಜು [Co-op Translator](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಭಾಷಾಂತರ ಸೇವೆಯನ್ನು ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಿಖರತೆಯ ಕುರಿತು ನಾವು ಪ್ರಯತ್ನಿಸುವರೂ, ಸ್ವಯಂಕ್ರಿಯ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳಿರಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿರಲಿ. ಮೂಲ ಭಾಷೆಯ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ವಿವರಗಳ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗಳ ಹೊಣೆಗಾರಿಕೆ ನಾವು ಹೊಂದಿಲ್ಲ.
ഇത് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ തുടങ്ങുന്നവർക്കായി പാഠ്യപദ്ധതി പഠിപ്പിക്കുന്ന ഒരു വിദ്യാഭ്യാസ കോഴ്സ് റിപ്പോസിറ്ററിയാണ്. Microsoft Cloud Advocates വികസിപ്പിച്ച 12-ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സ്, 24 ഹസ്തസംവൃദ്ധ പാഠങ്ങൾ ഉൾപ്പെടുത്തുകയും ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML മുകളിൽ കാര്യക്ഷമമായി പഠിപ്പിക്കുകയും ചെയ്യുന്നു.
എല്ലാ തലമുറക്കാരുടെയും വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിപ്പിക്കുന്നതിനുള്ള ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റീപോസിറ്ററി ആണ് ഇത്. ഈ പാഠ്യപദ്ധതി മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റുകൾ രൂപകൽപ്പനചെയ്ത ഒരു സമഗ്രമായ 12 ആഴ്ചവരെയുള്ള കോഴ്സാണ്, കൂടാതെ ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവ ഉൾപ്പെടുന്ന 24 ഹാൻഡ്സ്-ഓൺ പാഠങ്ങൾ ഉൾക്കൊള്ളുന്നു.
### Key Components
### പ്രധാന ഘടകങ്ങൾ
- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പ്രോജക്റ്റ് അടിസ്ഥാനമാക്കി ക്രമീകരിച്ച 24 പാഠങ്ങൾ
- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പ്രോജക്റ്റ് അടിസ്ഥാന മോഡ്യൂളുകളായി ക്രമീകരിച്ച 24 ഘടനയുള്ള പാഠങ്ങൾ
- **പ്രായോഗിക പ്രോജക്റ്റുകൾ**: ടെറേറിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിംഗ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്
- **പ്രായോഗിക പ്രോജക്റ്റുകൾ**: ടെറാരിയം, ടൈപ്പിംഗ് ഗെയിം, ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പെയ്സ് ഗെയിം, ബാങ്കിംഗ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ്
- `7-bank-project/README.md` - ഓത്ഥന്റിക്കേഷൻ ഉള്ള ബാങ്കിംഗ് അപ്ലിക്കേഷൻ
- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റൻഷൻ വികസനം
- `5-browser-extension/README.md` - ബ്രൗസർ എക്സ്റ്റൻഷൻ ഡെവലപ്മെന്റ്
- `6-space-game/README.md` - ക്യാൻവാസ് ഗെയിം ഡെവലപ്പ്മെന്റ്
- `6-space-game/README.md` - ക്യാൻവാസ് അടിസ്ഥാന ഗെയിം ഡെവലപ്മെന്റ്
- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്റ്റ്
- `9-chat-project/README.md` - AI ചാറ്റ് അസിസ്റ്റന്റ് പ്രോജക്റ്റ്
### Monorepo Structure
### മോനോറിപോ ഘടന
ഇത് പരവും മേഖലകളും തമ്മിൽ സംയോജിതമല്ലാത്ത, പല സ്വതന്ത്ര പ്രോജക്റ്റുകൾ അടങ്ങിയൊരു റിപ്പോസിറ്ററിയാണ്:
പരമ്പരാഗത മോനോറിപോ അല്ലെങ്കിലും ഈ റീപോസിറ്ററിയിൽ നിരവധി സ്വതന്ത്ര പ്രോജക്റ്റുകൾ ഉണ്ട്:
- ഓരോ പാഠവും സ്വയം പരിപൂർണമാണ്
- ഓരോ പാഠവും സ്വയംപര്യാപ്തമാണ്
- പ്രോജക്റ്റുകൾ തമ്മിൽ ഡിപ്പെൻഡൻസി പങ്കിടുന്നില്ല
- പ്രോജക്റ്റുകൾ തമ്മിൽ ഡിപ്പെൻഡൻസികൾ പങ്കിടുന്നില്ല
- മറ്റുള്ളവരുടെ പ്രവർത്തനങ്ങളെ ബാധിക്കാതെ വ്യക്തിഗത പ്രോജക്റ്റുകളിൽ ജോലി ചെയ്യാം
- വ്യക്തിഗത പ്രോജക്റ്റുകളിൽ ജോലി ചെയ്യുന്നത് മറ്റുള്ളവയ്ക്ക് ബാധകമല്ല
- പൂർണ്ണ കോഴ്സ് അനുഭവത്തിനായി മുഴുവൻ റിപ്പോസിറ്ററിയും ക്ലോൺ ചെയ്യുക
- പൂർണ്ണ പാഠ്യപദ്ധതി അനുഭവിക്കുന്നതിന് മുഴുവൻ റീപോസിറ്ററിയും ക്ലോൺ ചെയ്യുക
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**വിവരണക്കുറിപ്പ്**:
**പരാമർശം**:
ഈ പ്രമാണം AI വിവര്ത്തന സേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവര്ത്തനം ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിക്കുന്നതായിരുന്നാലും, സ്വയം നിന്നു ചെയ്ത വിവര്ത്തനത്തില് പിഴവുകളും അപ്പെടുൾപ്പെടുന്നതായുസംബന്ധമായ തെറ്റുകളും ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. സവിശേഷമായ ഭാഷയിൽ ഉള്ള ആദിത്യ പ്രമാണം വിശ്വസനീയമായ ഉറവിടമായി കണക്കാക്കേണ്ടതാണ്. പ്രാധാന്യമുള്ള വിവരങ്ങൾക്കായി, പ്രൊഫഷണൽ മനുഷ്യ വിവര്ത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവര്ത്തനത്തിന്റെ ഉപയോഗത്തിൽ ഉണ്ടാകാവുന്ന തെറ്റുപറയലുകൾക്കും അർത്ഥലാപന തകരാറുകൾക്കും ഞങ്ങൾ ഉത്തരവാദിത്തം ആശ്രയിക്കുന്നില്ല.
ഈ രേഖ AI പരിഭാഷ സേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷപ്പെടുത്തിയതാണ്. നാം കൃത്യതയ്ക്ക് ശ്രമിച്ചിട്ടുണ്ടെങ്കിലും, സ്വയംപ്രവർത്തിക്കുന്ന പരിഭാഷകളിൽ പിശകുകളും അശുദ്ധികളുമുണ്ടാകാം എന്ന് ദയവായി ശ്രദ്ധിക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള സത്യവാനും അധികാരമുള്ള ഉറവിടമായുള്ള أصل രേഖയെ അടിസ്ഥാനമാക്കണം. നിർണായകമായ വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യ പരിഭാഷ ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ പരിഭാഷയുടെ ഉപയോഗത്തിൽ ഉണ്ടായോ അറിവില്ലാത്തതോ തെറ്റായ വ്യാഖ്യാനങ്ങളിൽ നിന്നും നാം ഉത്തരവാദിത്വം വൈകുന്നു.
# തുടക്കക്കാർക്ക് വെള്ളിപ്പ് വികസനം - ഒരു പാഠ്യപദ്ധതി
# പുതിയവർക്കുള്ള വെബ് ഡെവലപ്പ്മെന്റ് - ഒരു പാഠ്യപദ്ധതി
മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കറ്റുകളുടെ 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സ് വഴി വെബ് ഡെവലപ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക. 24 പാഠങ്ങളിലൂടെയാണ് ജാവാസ്ക്രിപ്റ്റ്, സി.എസ്.എസ്., എച്ച്ടിഎംഎൽ എന്നിവ കൈകൊണ്ടു പ്രവർത്തിക്കുന്ന പ്രോജക്ടുകളിലൂടെ, ഉദാഹരണത്തിന് ടെററിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പേസ് ഗെയിമുകൾ. ക്വിസുകൾ, ചര്ച്ചകൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളിയാവുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്താനായി പ്രോജക്ട് അധിഷ്ഠിത പഠനരീതി ഉപയോഗിച്ച് അറിവ് ഉറപ്പുവരുത്തുക. ഇന്നെത്തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കുക!
Microsoft Cloud Advocates ഒരുക്കുന്ന 12-വാര വ്യാപ്തിയുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് ഡെവലപ്പ്മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിലായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML എന്നിവയെ ഇവിടെ തൊട്ടു പഠിക്കുന്ന പ്രാക്ടിക്കൽ പ്രോജക്ടുകൾ മുഖേന അടിയുറച്ചു പഠനമാണ്, ഉദാഹരണമായി ടെറേറിയം, ബ്രൗസർ എക്സടൻഷനുകൾ, സ്പേസ് ഗെയിംസ് എന്നിവ. ക്വിസുകൾ, സംവാദങ്ങൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളികളാകുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്തുകയും നിങ്ങൾ പഠിച്ച കാര്യങ്ങൾ നല്ല രീതിയിൽ പകർന്നു വെക്കുകയും ചെയ്യുക നമ്മുടെ ഫലപ്രദമായ പ്രോജക്ട് അധിഷ്ഠിത പഠനരീതികൾ ഉപയോഗിച്ച്. ഇന്ന്തന്നെ നിങ്ങളുടെ കോഡിംഗ് യാത്ര ആരംഭിക്കൂ!
Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേരുക
Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേർക്കുക
> **സ്ഥാനികമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുണ്ടോ?**
> **ഏകദേശം ക്ലോൺ ചെയ്യാൻ ആഗ്രഹമുണ്ടോ?**
>
>
> ഈ റിപ്പോസിറ്ററി 50+ ഭാഷാ വിവർത്തനങ്ങൾ ഉൾക്കൊള്ളുന്നു, ഇത് ഡൗൺലോഡ് വലുപ്പം പരമാവധി വർദ്ധിപ്പിക്കും. വിവർത്തനങ്ങൾ ഒഴിച്ച് ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
> ഈ റിപോസിട്ടറിയിൽ 50-മായ ഭാഷാ തർജ്ജമകൾ ഉൾപ്പെടുത്തിയിരിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുതാണ്. തർജ്ജമകൾ ഒഴിവാക്കി ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക:
>
>
> **Bash / macOS / Linux:**
> **Bash / macOS / Linux:**
> ```bash
> ```bash
@ -48,175 +48,175 @@ Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേരു
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
> ```
>
>
> ഈ വഴി കോഴ്സ് പൂർത്തിയാക്കുന്നതിനുവേണ്ടി നിങ്ങൾге ആവശ്യമായ എല്ലാ കാര്യങ്ങളും വേഗം ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും.
> ഇതുകൊണ്ട് കോഴ്സിന്റെ പൂര്ത്തീകരണത്തിന് ആവശ്യമുള്ള എല്ലാം വളരെ വേഗത്തില് ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**കൂടത്തന്ന് വിവർത്തന ഭാഷകൾക്ക് പിന്തുണ ലഭിക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഇവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ഉണ്ട**
**നിങ്ങൾക്ക് കൂടുതൽ തർജ്ജമാ ഭാഷകൾ വേണ്ടെങ്കിൽ അവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) പട്ടികപ്പെടുത്തിയിട്ടുണ്ട്**
[](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 Challenge 🚀" പല അധ്യായങ്ങളിലും കാണുക. GitHub Copilot and Agent മോഡ് ഉപയോഗിച്ച് പൂർത്തിയാക്കാനുള്ള പുതിയ ചലഞ്ചാണിത്. നിങ്ങൾ Agent മോട് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ, ഇത് വെറും ടെക്സ്റ്റ് ജനറേറ്റ് ചെയ്യുന്നതല്ല, ഫയലുകൾ സൃഷ്ടിക്കാനും എഡിറ്റ് ചെയ്യാനും, കമാൻഡുകൾ പ്രവർത്തിക്കാനും കഴിയും.
പുതിയ വെല്ലുവിളി ചേർക്കപ്പെട്ടിരിക്കുന്നു, അധികം അധ്യായങ്ങളിൽ "GitHub Copilot Agent Challenge 🚀" എന്ന് നോക്കൂ. GitHub Copilot-ഉം Agent മോഡും ഉപയോഗിച്ച് പൂർത്തിയാക്കാവുന്ന പുതിയ വെല്ലുവിളിയാണ് ഇത്. Agent മോഡ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ വായിച്ച് നോക്കൂ, ഇത് ടെക്സ്റ്റ് സൃഷ്ടിക്കുന്നതിനുപുറവും ഫയലുകൾ സൃഷ്ടിക്കുകയും തിരുത്തുകയും കമാൻഡുകൾ चलിപ്പിക്കുകയും മുതലായവ ചെയ്യാൻ കഴിയും.
### 📣 അറിയിപ്പ് - _പുതിയ പ്രോജക്ട് ജെനറേറ്റീവ് AI ഉപയോഗിച്ച് നിർമ്മിക്കുക_
### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI ഉപയോഗിച്ച് പുതിയ പ്രോജക്ട് നിർമ്മിക്കൂ_
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് ചേർത്തിട്ടുണ്ട്, [project](./9-chat-project/README.md) പരിശോധിക്കുക
പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പേസ്റ്റ് ചെയ്തിരിക്കുന്നു, [പ്രോജക്ട്](./9-chat-project/README.md) നിരീക്ഷിക്കുക
### 📣 അറിയിപ്പ് - _ജെനറേറ്റീവ് AI-യുടെ പുതിയ പാഠ്യപദ്ധതി ജാവാസ്ക്രിപ്റ്റിനു വേണ്ടി_
### 📣 പ്രഖ്യാപനo - _ജനറേറ്റീവ് AI-യ്ക്കായി ജാവാസ്ക്രിപ്റ്റ് പുതിയ പാഠ്യപദ്ധതി_
ഞങ്ങളുടെ പുതിയ ജെനറേറ്റീവ് 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)
- പ്രോംപ്റ്റിംഗ്, പ്രോംപ്റ്റ് എന്ജിനീയറിംഗ്
- ടെക്സ്റ്റ്, ഇമേജ് ആപ്പ് സൃഷ്ടിക്കൽ
- സെർച്ച് ആപ്പുകൾ
തുടങ്ങാൻ സന്ദർശിക്കൂ [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](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) ഉപയോഗിച്ചുള്ള ലോക്കൽ പരിസ്ഥിതി ഉപയോഗിച്ചോ ഓടിക്കാമെന്നു തിരഞ്ഞെടുക്കാം.
### 📋 നിങ്ങളുടെ പരിസരമൊരുക്കൽ
#### നിങ്ങളുടെ റിപ്പോസിറ്ററി സൃഷ്ടിക്കുക
ഈ പാഠ്യപദ്ധതിക്ക് തയ്യാറായ വികസന പരിസരം ഉണ്ട്! തുടങ്ങുമ്പോൾ, ഇത് ഒരു [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അധിഷ്ഠിത, ഇൻസ്റ്റാൾ ആവശ്യമില്ലാത്ത പരിസരം_) എന്ന നിലയിൽ ഓടിക്കാൻ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) പോലുള്ള ടെക്സ്റ്റ് എഡിറ്റർ ഉപയോഗിച്ച് ലോക്കൽ ആയി ഓടിക്കാം.
നിങ്ങൾക്ക് നിങ്ങളുടെ ജോലി എളുപ്പത്തിൽ സംരക്ഷിക്കാൻ, ഈ റിപ്പോസിറ്ററിയുടെ ഒരു സ്വയം കോപ്പി സൃഷ്ടിക്കണമെന്ന് ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്താൽ, നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ പുതിയ ഒരു റിപ്പോസിട്ടറി ഈ പാഠ്യപദ്ധതിക്കുള്ള കോപ്പി ഉണ്ടാക്കും.
ഈ പ്രക്രിയ പിന്തുടരുക:
#### നിങ്ങളുടെ റിപോസിറ്ററി സൃഷ്ടിക്കുക
1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിൽ വലത്തുഭാഗത്തെ "Fork" ബട്ടൺ അമർത്തുക.
നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ ബുക്ക് ചെയ്യാൻ, ഈ റിപോസിറ്ററിയുടെ ഒരു കോപ്പി സൃഷ്ടിക്കാൻ ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ ഇത് നിങ്ങളുടെ GitHub അക്കൗട്ടിൽ പുതിയ റിപോസിറ്ററി സൃഷ്ടിക്കും, അതിൽ ഈ പാഠ്യപദ്ധതി ഉൾപ്പെടും.
നിങ്ങളുടെ കോപ്പിയിലുള്ള റിപ്പോസിറ്ററിയിൽ **Code** ബട്ടൺ ക്ലിക്കുചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. ഈ വഴി നിങ്ങൾക്ക് പുതിയ Codespace സൃഷ്ടിക്കും.
#### Codespace-ലാണ് പാഠ്യപദ്ധതി ഓടിക്കൽ
നിങ്ങൾ സൃഷ്ടിച്ച ഈ കോപ്പി റിപോസിറ്ററിയിൽ, **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുക, പിന്വീട് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. നിങ്ങളുടെ പ്രവർത്തനത്തിന് പുതിയ ഒരു Codespace സൃഷ്ടിക്കും.
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലൈവായി കോഴ്സ് ഓടിക്കൽ
#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലോക്കൽ ആയി പാഠ്യപദ്ധതി ഓടിക്കൽ
ലോക്കൽ പാർപ്പിണിയിൽ ഈ കോഴ്സ് ഓടിക്കാൻ, ടെക്സ്റ്റ് എഡിറ്റർ, ബ്രൗസർ, കമാൻഡ് ലൈൻ ഉപകരണം എന്നിവ വേണം. നമ്മുടെ ആദ്യ പാഠം, [പ്രോഗ്രാമിംഗ് ഭാഷകളും ട്രേഡ് ടൂൾസുകളും പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages), നിങ്ങളെ അവിവിധ ഓപ്ഷനുകളിലൂടെ നയിക്കും.
ഈ പാഠ്യപദ്ധതി ലോക്കലായി ഓടിക്കാൻ, നിങ്ങൾക്ക് ഒരു ടെക്സ്റ്റ് എഡിറ്ററും ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും ആവശ്യമാണ്. ആദ്യം പാഠം [Programming Languages and Tools of the Trade-ലേക്ക് പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages) എന്നതിൽ ഈ ഉപകരണങ്ങളിൽ നിന്നെ തിരഞ്ഞെടുക്കാനുള്ള വഴികൾ വിശദമാക്കും.
വിശേഷിച്ച്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) എഡിറ്ററായി ഉപയോഗിക്കാൻ നാം ശുപാർശ ചെയ്യുന്നു, ഇത് [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ഉൾക്കൊള്ളുന്നതും കൂടയാണെന്ന് ശ്രദ്ധിക്കുക. Visual Studio Code ഈ ലിങ്കിൽ നിന്നും ഡൗൺലോഡ് ചെയ്യാം [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
ഞങ്ങളുടെ ശുപാർശ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, ഇതിൽ നിർമ്മിച്ച [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ഉണ്ട്. Visual Studio Code [ഇവിടെയായാണ് ഡൗൺലോഡ് ചെയ്യുക](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക. ഇതിന് **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുകയും URL നകಲെടുക്കുകയും ചെയ്യാം:
1. നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. ഇത് ചെയ്യാൻ **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് URL കോപ്പി ചെയ്യാം:
[CodeSpace](./images/createcodespace.png)
[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) തുറന്ന് താഴെയുള്ള കമാൻഡ് പ്രവർത്തിപ്പിക്കുക, `<your-repository-url>` എന്നിടത്തു കോപ്പി ചെയ്ത URL അടിക്കുക:
```bash
```bash
git clone <your-repository-url>
git clone <your-repository-url>
```
```
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. **File** > **Open Folder** ക്ലിക്കുചെയ്ത് നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കുക.
2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. ഇതിനു **File** > **Open Folder** ക്ലിക്ക് ചെയ്ത് നിങ്ങൾ നിലവിൽ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുത്താൽ മതി.
> ശുപാർശ ചെയ്ത Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
> ശുപാർശ ചെയ്യുന്ന Visual Studio Code എക്സ്റ്റൻഷനുകൾ:
>
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ലുള്ള HTML പേജുകൾ സമീപകാലത്ത് കാണാൻ
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതുന്നതിൽ സഹായിക്കുന്നതിന്
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - നിങ്ങൾക്ക് പെട്ടെന്ന് കോഡ് എഴുതാൻ സഹായിക്കാൻ
> **ക്വിസുകളെ കുറിച്ചുള്ള കുറിപ്പ്**: എല്ലാ ക്വിസുകളും 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 | Getting Started | പ്രോഗ്രാമിംഗിലേക്കുള്ള വരവറിയിപ്പ്, ഉപകരണങ്ങളുടെ പരിചയം | കൂടുതലായി ഉപയോഗിക്കുന്ന പ്രോഗ്രാമിംഗുഭാഷകളുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുകയും, പ്രൊഫഷണൽ ഡവലപ്പർമാർക്ക് സഹായകമായ സോഫ്റ്റ്വെയറുകളുടെ പരിചയം നേടുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 01 | ആരംഭിക്കൽ | പ്രോഗ്രാമിങ്ങ് പരിചയം, തൊഴിലാളി ഉപകരണങ്ങൾ | മിക്ക പ്രോഗ്രാമിങ്ങ് ഭാഷകൾക്ക് അടിസ്ഥാനം തരും ആശയങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർക്കുള്ള സഹായകരമായ സോഫ്റ്റ്വെയർക്കുറിച്ച് അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ |
| 02 | Getting Started | GitHub അടിസ്ഥാനങ്ങൾ, സംഘത്തിൽ പ്രവർത്തിക്കൽ ഉൾപ്പെടെ | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub ഉപയോഗിക്കാനുള്ള രീതിയും, കോഡ് ബേസിൽ മറ്റവരുമായി സഹകരിക്കുന്ന വിധവും നൽകുന്നു | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 02 | ആരംഭിക്കൽ | GitHub അടിസ്ഥാനങ്ങൾ, ടീമിൽ പ്രവർത്തിക്കലും | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാം, മറ്റുള്ളവരുമായി എങ്ങനെ ചേർന്ന് പ്രവർത്തിക്കാം | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ |
| 03 | Getting Started | ആക്സസ്സിബിലിറ്റി | വെബ് ആക്സസ്സിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങള് പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ |
| 04 | JS Basics | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങള് | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 04 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ |
| 05 | JS Basics | ഫംഗ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലോഗിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫംഗ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ |
| 05 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | ഫങ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലൊജിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫങ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റോഫർ |
| 06 | JS Basics | ജെഎസ് ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കുക | നിങ്ങളുടെ കോഡിൽ തീരുമാനങ്ങൾ എടുക്കാനുള്ള രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 06 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | JS ഉപയോഗിച്ച് തീരുമാനം എടുക്കൽ | decision making രീതികൾ ഉപയോഗിച്ച് കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാൻ പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ |
| 07 | JS Basics | അറെയുകളും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറെയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 07 | ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ | അറെയ്സ്, ലൂപ്പുകൾ | JS-യിൽ അറെയ്സും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ പ്രവർത്തനം | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ |
| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയം നിർമ്മിക്കാൻ HTML നിർമ്മിക്കുക, ലേഔട്ട് നിർമ്മിക്കみに ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 08 | [ടെറേറിയം](./3-terrarium/solution/README.md) | HTML പ്രായോഗികം | ഒരു ഓൺലൈൻ ടെറേറിയം രൂപപ്പെടുത്താനുള്ള HTML നിർമ്മാണം, ലേഔട്ടിനെ കേന്ദ്രീകരിച്ച് | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ |
| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയത്തിന് CSS ഉപയോഗിച്ച് സ്റ്റൈൽ ചെയ്യുക, CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആകുന്ന വിധം നിർമ്മിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 09 | [ടെറേറിയം](./3-terrarium/solution/README.md) | CSS പ്രായോഗികം | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലിംഗിനു CSS നിർമ്മിക്കുക, പ്രധാനമായ CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആക്കൽ | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ |
| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മാനിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമിക്കുക, ക്ലോഷറുകളും DOM മാനിപ്പുലേഷനിലും ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 10 | [ടെറേറിയം](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മ্যানിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ് ഇൻറർഫേസ് ആകാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമ്മിക്കുക, ക്ലോഷറുകൾക്കും DOM-ഉം കേന്ദ്രീകരിച്ചുള്ള പ്രവർത്തനം | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ |
| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലൊജികിന് കീബോർഡ് ഇവന്റുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ |
| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായുള്ള പ്രവർത്തനം | ബ്രൗസറുകളുടെ പ്രവർത്തനം, ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷനുകളുടെ ആദ്യം ഘടകങ്ങൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 12 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവൃത്തി | ബ്രൗസറുകളും അവയുടെ ചരിത്രവും എങ്ങനെ പ്രവർത്തിക്കുന്നു, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ മുഖ്യ ഘടകങ്ങൾ നിർമ്മിക്കാനന്ത്രം | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ |
| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മാണം, API വിളിക്കൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സേവ് ചെയ്യൽ | API വിളിക്കാൻ ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സ്ഥാപിച്ചാണ് | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ |
| 13 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./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 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐകൺ മാനേജ് ചെയ്യാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും ചില ഓപ്ടിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 14 | [ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷനിന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും അതിന്റെ ഓപ്റ്റിമൈസേഷനുകളും അറിയുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ |
| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ ആധുനിക ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനും ഉപയോഗിക്കുന്ന ഇന്ഹെറിറ്റൻസ്, പബ്ലിഷ്/സബ്സ് പാറ്റർൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിൽ സഹായകമായി | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 15 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് മെച്ചപ്പെട്ട ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനിൽ കാണപ്പെടുന്ന ഇൻഹെറിറ്റൻസ്, പബ്/സബ് പാറ്റേൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിനു തയ്യാറെടുക്കൽ | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് |
| 16 | [Space Game](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് വരയ്ക്കൽ | സ്ക്രീൻവരെയുള്ള ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് APIയെക്കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് |
| 17 | [Space Game](./6-space-game/solution/README.md) | സ്ക്രീനിലൂടെ ഘടകങ്ങൾ നീക്കുന്നു | കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് APIയും ഉപയോഗിച്ച് ഘടകങ്ങൾക്ക് ചലനം എങ്ങനെ ലഭിക്കാമെന്ന് പഠിക്കുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 17 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്ക്രീനിൽ എലമെന്റുകൾ നീക്കം ചെയ്യൽ | കോട്ടേഷ്യൻ Coordinates ഉപയോഗിച്ച് ഇലമെന്റുകൾക്ക് ചലനമുണ്ടാക്കാൻ പഠിക്കുക, Canvas API ഉപയോഗിച്ച് | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് |
| 18 | [Space Game](./6-space-game/solution/README.md) | കൂട്ടിയിടി തിരിച്ചറിയൽ | ഘടകങ്ങൾ തമ്മിൽ കൂട്ടിയിടുന്നതും കീപ്രസുകളിലൂടെ പ്രതികരിക്കുന്നതും പഠിച്ചു, ഗെയിമിന്റെ പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 18 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | തകരാഴ് കണ്ടെത്തൽ | കീപ്രസ്സ് മുഖാന്തിരം എലമെന്റുകൾ തമ്മിൽ തകരാറിലാക്കുകയും അവർ പരസ്പരം പ്രതികരിക്കുകയും ചെയ്യുക; ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ കൂള്ഡൗൺ ഫങ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് |
| 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ നിലനിർത്തൽ | ഗെയിമിന്റെ നിലയിലും പ്രകടനത്തിലും അടിസ്ഥാനപ്പെടുത്തി കണക്ക് നടത്തി | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 19 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | സ്കോർ നൽകൽ | ഗെയിമിന്റെ സ്ഥിതി പ്രകാരം ഗണിത കണക്കുകൂട്ടലുകൾ ചെയ്യുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് |
| 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുക | ഗെയിം തുടങ്ങുന്നത്, അവസാനിപ്പിക്കുന്നത്, അസറ്റുകൾ ക്ലീൻ ചെയ്യുകയും വേരിയബിൾ റീസെറ്റ് ചെയ്യുകയും ചെയ്യാനുള്ള രീതി പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 20 | [സ്പേസ് ഗെയിം](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യൽ | ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ, ആസ്തുക്കൾ സംസ്കരിക്കൽ, വേരിയബിൾ മൂല്യങ്ങൾ റീസെറ്റ് ചെയ്യൽ എന്നിവ പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് |
| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിങ്, HTML ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റ് ആർക്കിടെക്ചർ സൃഷ്ടിക്കുന്ന രീതി പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 21 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടেম്പ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിംഗ് ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റിന്റെ സ്കാഫോൾഡ് നിർമ്മിക്കുന്നത്, HTML ടেম്പ്ലേറ്റുകൾ നിർമ്മിക്കുന്നത് പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ |
| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കുക | ഫോം നിർമ്മാണവും ഒന്നിച്ച് വാലിഡേഷൻ നടത്തുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 22 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കൽ | ഫോമുകൾ നിർമ്മിക്കുന്നതും വെരിഫിക്കേഷൻ നടപടിക്രമങ്ങളും കൈകാര്യം ചെയ്യുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ |
| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ വീണ്ടും എടുത്തെടുക്കൽ, ഉപയോഗം | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുന്നു, പോവുന്നു; എടുക്കാനുള്ള, സേവ് ചെയ്യാനുള്ള, ഒഴിവാക്കാനുള്ള രീതി | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 23 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | ഡാറ്റാ നേടുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നതിനുള്ള രീതികൾ | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ പ്രവേശിക്കുകയും പുറത്തുവിടുകയും ചെയ്യുന്നു, എങ്ങനെ ഡാറ്റ നേടുന്നു, സൂക്ഷിക്കുന്നു, ഒഴിവാക്കുന്നു രൂപം പഠിക്കുക | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ |
| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | സ്റ്റേറ്റ് നിലനിർത്തുന്ന വിധവും, പ്രോഗ്രാമാറ്റിക്കായി സ്റ്റേറ്റ് എങ്ങനെ മാനേജ് ചെയ്യാമെന്നും പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ |
| 24 | [ബാങ്കിംഗ് ആപ്പ്](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് എങ്ങനെ സ്റ്റേറ്റ് സൂക്ഷിക്കുന്നു, അത് പ്രോഗ്രാമാറ്റിക് ആയി എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു എന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ചുള്ള പ്രവർത്തനം | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് ജോലി | കോഡ് എഡിറ്റർ എങ്ങനെ ഉപയോഗിക്കുന്നത് | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് |
| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിക്കുന്നത് | നിങ്ങളുടെ സ്വന്തം AI സഹായിയെ നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
| 26 | [AI അസിസ്റ്റന്റുകൾ](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് ജോലി ചെയ്യൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് എങ്ങനെ നിർമ്മിക്കാം | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് |
## 🏫 പാഠശാസ്ത്രം
## 🏫 പാഠ്യരീതി
ഞങ്ങളുടെ പാഠ്യക്രമം രണ്ട് പ്രധാന പാഠശാസ്ത്ര തത്വങ്ങൾ അടിസ്ഥാനമാക്കി രൂപകൽപ്പന ചെയ്യപ്പെട്ടതാണ്:
നമ്മുടെ പാഠക്രമം രണ്ട് പ്രധാന പാഠ്യേതര സിദ്ധാന്തങ്ങളാൽ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു:
* പ്രോജക്റ്റ്-ആധാരിത പഠനം
* പ്രോജക്റ്റ് അടിസ്ഥാന പഠനം
* നിരന്തര ക്വിസുകൾ
* പലതവണ ക്വിസുകൾ നടത്തൽ
ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നീ അടിസ്ഥാനങ്ങൾപറഞ്ഞ് ഇന്നത്തെ വെബ് ഡവലപ്പർമാർ ഉപയോഗിക്കുന്ന പുതിയ ഉപകരണങ്ങളും സാങ്കേതികതകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾ ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഇന്വേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സുകൾക്ക് വേണ്ടി ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈထുടക്കുന്ന അനുഭവം സമ്പാദിക്കും. പരമ്പരയുടെ ഒടുവിൽ വിദ്യാർത്ഥികൾക്ക് വെബ് ഡെവലപ്പ്മെന്റ് വിഷയത്തിൽ ഉറച്ച അറിവ് ലഭിക്കും.
ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾ മാത്രമല്ല ഇന്നത്തെ വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതിക വിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, ഇക്കോ-ഫ്രണ്ട്ലി ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ്-ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സ് ലക്ഷ്യമിട്ടുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈയിൽ പ്രായോഗിക അനുഭവം നേടാൻ അവസരം ഉണ്ടായിരിക്കും. പരമ്പരയുടെ അവസാനം, വിദ്യാർത്ഥികൾക്ക് വെബ്ഡെവലപ്പ്മെന്റിന്റെ ഉറച്ച് മനസ്സിലാക്കൽ ഉണ്ടാകും.
> 🎓 ഈ പാഠ്യക്രമത്തിലെ ആദ്യ ചില പാഠങ്ങൾ മൈക്രോസോഫ്റ്റ് ലേണിൽ ഒരു [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ആയി സ്വീകരിക്കാം!
> 🎓 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)" വിഡിയോ ട്യൂട്ടോറിയൽ കलेक്ഷനിൽ നിന്നുള്ള വിഡിയോ മറ്റിനാരും പങ്കുവെച്ചു.
പദ്ധതികളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുന്നതിനാൽ, വിദ്യാർത്ഥികൾക്ക് പഠന പ്രക്രിയ കൂടുതൽ ആകർഷകവും ആശയങ്ങളുടെ ദൃઢമായ നിലനിൽക്കും. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്താൻ ഞങ്ങൾ നിരവധി സ്റ്റാർട്ടർ പാഠങ്ങൾ തയ്യാറാക്കി, അവയ്ക്ക് "[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 പഠിക്കുക.
ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക് പരിചയപ്പെടുത്തലുകൾ ഉൾപ്പെടുത്താതെ വെബ് ഡെവലപ്പർക്ക് അ ബേസ്ലൈൻ സ്കിൽ കാത്തു നിൽക്കാൻ തയ്യാറായിട്ടുള്ള ഈ പാഠ്യക്രമം കഴിഞ്ഞ് അടുത്ത് പഠിക്കേണ്ടത് 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` എന്ന കമാൻഡ് ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് your localhost ൽ പോർട്ട് 3000ൽ ലഭിക്കും: `localhost:3000`.
## 📘 പിഡിഎഫ്
## 📘 PDF
പാഠങ്ങളൊക്കെ ഉള്ള ഒരു PDF [ഇവിടെ](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 -->
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
### LangChain
@ -225,23 +225,23 @@ Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേരു
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
---
### Azure / Edge / MCP / ഏജന്റുകൾ
### Azure / Edge / MCP / Agents
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[](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/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
---
### ജനറേറ്റീവ് AI സീരീസ്
### Genเരative AI Series
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](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)
[-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)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
---
### കോർ ലേണിങ്
### കേർ ലേണിംഗ്
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](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/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -251,30 +251,30 @@ Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേരു
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
---
### കോപൈലറ്റ് സീരീസ്
### കോപ്പൈലറ്റ് സീരീസ്
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](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)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിനിടയിൽ നിങ്ങള്ക്ക് പ്രശ്നമുണ്ടെങ്കിൽ അല്ലെങ്കിൽ ഏതെങ്കിലും ചോദ്യം ഉണ്ടെങ്കിൽ MCP-യെ കുറിച്ച് fellow learners ഉം അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും കൂടിയുള്ള ചർച്ചകളിൽ ചേരുക. ഇത് ഒരു പിന്തുണയുള്ള സമൂഹമാണ്, അവിടെ ചോദ്യങ്ങൾ സ്വാഗതികരിക്കുന്നതും അറിവ് സ്വേച്ഛയാകമായി പങ്കു വെയ്ക്കപ്പെടുന്നതുമാണ്.
നിങ്ങൾ കുടുങ്ങുകയാണെങ്കിൽ അല്ലെങ്കിൽ AI ആപ്പുകൾ നിർമ്മിക്കാൻ പറ്റിയ ചോദ്യങ്ങളുണ്ടെങ്കിൽ. MCP യുമായി ബന്ധപ്പെട്ട ചർച്ചകളിൽ അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും അനുഭവ പ്രവർത്തകരും ചേർന്ന് പഠിക്കുക. ചോദ്യങ്ങൾ സ്വാഗതം ചെയ്യുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്, അറിവ് സ്വതന്ത്രമായി പങ്കിടുന്നു.
ഈ റിപോസിറ്ററി MIT ലൈസൻസ് പ്രകാരമാണ് ലൈസൻസു ചെയ്തിരിക്കുന്നത്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
ഈ സംഭരണിയിലെവലം MIT ലൈസൻസെയുടെ অধീനമാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക.
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**പ്രതിജ്ഞാപത്രം**:
**സ്പഷ്ടികരണം**:
ഈ രേഖ AI വിവർത്തന സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനംചെയ്തതാണ്. ഞങ്ങൾ ശരീയം അനുവദിക്കാൻ ശ്രമിച്ചേക്കുമ്പോഴും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും അസാധുതകളും ഉണ്ടായിരിക്കാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷത്തിലുള്ള ആസലിൾ രേഖ കൃത്യമായ ഉറവിടമായി പരിഗണിക്കേണ്ടതാണ്. നിർണായക വിവരങ്ങൾക്കായി, പ്രൊഫഷണൽ മാനവ വിവർത്തനം ശുപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചുള്ള തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനകാര്യങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദിത്വം ബാധകമല്ല.
ഈ പ്രമാണം [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന എഐ വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. നമ്മൾ ക്രമാണുസൃതതയ്ക്ക് ശ്രമിച്ചിരുന്നാലും, സ്വയം പ്രവർത്തിക്കുന്ന വിവർത്തനങ്ങളിൽ തെറ്റുകൾ അല്ലെങ്കിൽ അശുദ്ധതകൾ ഉള്ളതായി ശ്രദ്ധിക്കുക. സ്വതന്ത്ര ഭാഷയിൽ ഉള്ള ഓരിജിനൽ പ്രമാണം പ്രാമാണിക ഉറവിടമായി വേണമെന്ന് കണ്ടവം പ്രധാനമാണ്. പ്രാധാന്യമർഹിക്കുന്ന വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിൽ നിന്നുണ്ടാകുന്ന തെറ്റിദ്ധാരണകൾക്കോ വ്യാഖ്യാനങ്ങളിലോ ഞങ്ങൾ ബാധ്യത വഹിക്കുന്നില്ല.
ఇది ప్రారంభదశలో ఉన్న వారికి వెబ్ అభివృద్ధి మూలాలను బోధించేందుకు రూపొందించిన విద్యాసంబంధి పాఠ్యక్రమం గల రిపాజిటరీ. ఈ పాఠ్యక్రమం Microsoft Cloud Advocates ద్వారా అభివృద్ధి చేయబడిన 12 వారాల సమగ్ర కోర్స్, ఇందులో JavaScript, CSS, మరియు HTML పై 24 హాండ్స్-ఆన్ పాఠ్యాలును కలిగి ఉంది.
ఇది ప్రారంభస్థాయి వారికి వెబ్ అభివృద్ధి యొక్క ప్రాథమికాలను బోధించే విద్యా పాఠధార కోసం ఒక గిడ్డు. ఈ పాఠధార మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకెట్లచే తయారుచేసిన సమగ్ర 12 వారాల కోర్సు, JavaScript, CSS మరియు HTML కవర్ చేసే 24 ఆచరణాత్మక పాఠాలను కలిగి ఉంది.
### ముఖ్య భాగాలు
### ముఖ్య భాగాలు
- **విద్యాసంబంధి విషయాలు**: ప్రాజెక్టు ఆధారిత మాడ్యూల్స్లో 24 నిర్మిత పాఠ్యాలు
- **విద్యా విషయాలు**: ప్రాజెక్ట్ ఆధారిత మాడ్యూల్స్లో నిర్వహించిన 24 నిర్మాణాత్మక పాఠాలు
- **ప్రాక్టికల్ ప్రాజెక్టులు**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, మరియు AI Chat సహాయకుడు
- **ప్రాక్టికల్ ప్రాజెక్ట్లు**: టెరేరియం, టైపింగ్ గేమ్, బ్రౌజర్ విస్తరణ, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ అసిస్టెంట్
- అదనపు కోర్సులు: Generative AI, Data Science, ML, IoT పాఠ్యక్రమాలు అందుబాటులో
- అదనపు కోర్సులు: Generative AI, Data Science, ML, IoT పాఠధారలు అందుబాటులో ఉన్నాయి
### నిర్దిష్ట ప్రాజెక్టులతో పని చేయడం
### నిర్దిష్ట ప్రాజెక్టులతో పని చేయడం
వివరమైన సూచనల కోసం ప్రతీ ప్రాజెక్ట్ README ఫైళ్లను చూడండి:
ప్రత్యేక ప్రాజెక్టుల సరైన సూచనలకు README ఫైళ్లను చూడండి:
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్
- `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ (authentication తో)
- `7-bank-project/README.md` - బ్యాంకింగ్ యాప్ అధికారం కలిగి
- `5-browser-extension/README.md` - బ్రౌజర్ విస్తరణ అభివృద్ధి
- `5-browser-extension/README.md` - బ్రౌజర్ విస్తరణ అభివృద్ధి
- `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్ అభివృద్ధి
- `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్ అభివృద్ధి
- `9-chat-project/README.md` - AI చాట్ సహాయకుడు ప్రాజెక్ట్
- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్
### మోనోరిపో నిర్మాణం
### మోనోరేఖా నిర్మాణం
ఇది సాధారణ మోనోరిపో కాకపోయినా, బహువిధ స్వతంత్ర ప్రాజెక్టులను కలిగిన రిపాజిటరీ:
సాంప్రదాయ మోనోరేఖా కాకపోయినా, ఈ గిడ్డులో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి:
- ప్రతి పాఠ్యం స్వతంత్రంగా ఉంటుంది
- ప్రతి పాఠం స్వయంకల్పితంగా ఉంటుంది
- ప్రాజెక్టులు డిపెండెన్సీలు షేర్ చేయవు
- ప్రాజెక్టులు డిపెండెన్సీలు పంచుకోరు
- వేరే ప్రాజెక్టులపై ప్రభావం లేకుండా వ్యక్తిగత ప్రాజెక్టులపై పని చేయండి
- వ్యక్తిగత ప్రాజెక్ట్లపై పని చేయండి, ఇతరల్లో ప్రభావం లేకుండా
- పూర్తి పాఠ్యక్రమ అనుభవం కోసం మొత్తం రిపో క్లోన్ చేయండి
- పూర్తి పాఠధార అనుభవం కోసం మొత్తం గిడ్డు క్లోన్ చేసుకోండి
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**డిస్క్లేమర్**:
**అస్పష్టత**:
ఈ పత్రం AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువాదం చేయబడింది. మేము సరిగా అనువదించేందుకు శ్రమిస్తున్నప్పటికీ, ఆటోమేటెడ్ అనువాదాలలో లోపాలు లేదా తప్పిదాలు ఉండవచ్చు. స్వదేశీ భాషలోని మూల పత్రాన్ని అధికారిక మూలంగా పరిగణించాలి. ముఖ్యమైన సమాచారానికి, ప్రొఫెషనల్ మానవ అనువాదం సిఫార్సు చేయబడుతుంది. ఈ అనువాదం వాడుక వల్ల ఏర్పడిన ఏవైనా అపార్థాలు లేదా తప్పుబాట్లకు మేము బాధ్యత వహించము.
ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించామని తెలియజేస్తున్నాము. మేము ఖచ్చితత్వానికి ప్రయత్నించడానికొచ్చినా, స్వయంచాలక అనువాదాలలో తప్పులు లేదా అసత్యతలు ఉండకూడదని గమనించండి. మూల పత్రం దాని స్థానిక భాషలోనే అధికారిక మూలంగా పరిగణించవలసిందిగా సూచిస్తున్నాము. ముఖ్యమైన సమాచారానికి, నిపుణుడైన మానవ అనువాదం చేయించుకోవటం ఉత్తమం. ఈ అనువాదం వలన సృష్టమైన ఏవైనా అవగాహన లోపాలు లేదా తప్పుల కోసం మేము బాధ్యులేమి కాకపోయేాము.
మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ అందించే మా 12 వారాల సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మౌలికాలను తెలుసుకోండి. మొత్తం 24 పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML పై చేతితో చేయగల ప్రాజెక్టులను (టెర్రారియమ్లు, బ్రౌజర్ విస్తరణలు, స్పేస్ గేమ్స్) లో లోతుగా అవగాహన పొందుతారు. క్విజ్లు, చర్చలు, మరియు ప్రయోగాత్మక అసైన్మెంట్లతో భాగమవ్వండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్య విధానంతో మీ నైపుణ్యాలను అభివృద్ధి చేసుకోండి మరియు జ్ఞానం నిల్వ సామర్థ్యాన్ని మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
Microsoft Cloud Advocates ద్వారా మా 12-వారం సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మూలసూత్రాలను నేర్చుకోండి. 24 పాఠములలో JavaScript, CSS, మరియు HTML ని టెర్రేరియమ్స్, బ్రౌజర్ ఎక్స్టెన్షన్స్, మరియు స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకుంటారు. క్విజ్లు, చర్చలు, మరియు ప్రాక్టికల్ అసైన్మెంట్లతో జాగ్రత్తగా పాల్గొనండి. మా సమర్థవంతమైన ప్రాజెక్ట్-ఆధారిత పాఠ్య విధానం ద్వారా మీ నెపుణ్యాలను పెంపొందించుకుని జ్ఞానం నిల్వను మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి!
> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతాయి. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, వాటివల్ల డౌన్లోడ్ పరిమాణం పెరుగుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి:
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
> ```
> ```
>
>
> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమైన అన్ని వనరులను వేగంగా డౌన్లోడ్ చేసుకునేందుకు సహాయపడుతుంది.
> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమైన అన్ని ఫైళ్ళను వేగంగా డౌన్లోడ్ చేయడానికి సహాయపడుతుంది.
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
<!-- CO-OP TRANSLATOR LANGUAGES TABLE END -->
**మరింత అనువాద భాషలు కావాలంటే, వీటిని ఇక్కడ ([here](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) ని దర్శించండి, అక్కడ మీరు ప్రారంభicke వనరులు, విద్యార్థి ప్యాక్లు మరియు మిద్దుకు ఉచిత సర్టిఫికెట్ వోచర్ పొందేందుకు మార్గాలును కనుగొనవచ్చు. ఈ పేజీని బుక్మార్క్ చేసి సమయంలోప్పుడు చూడండి, ఎందుకంటే మేము నెలవారీగా కాంటెంట్ మార్చిపోతుంటాము.
### 📣 ప్రకటన - పూర్తి చేయవలసిన కొత్త GitHub Copilot Agent మోడ్ సవాళ్లు!
### 📣 ప్రకటన - GitHub Copilot Agent మోడ్ సవాళ్ళు పూర్తి చేయండి!
కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" అని చూడండి. ఇది GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయాల్సిన కొత్త సవాలు. మీరు Agent మోడ్ ని ఇప్పటివరకు ఉపయోగించకపోతే, ఇది కేవలం టెక్స్ట్ సృష్టించడం కాదు, ఫైళ్లు సృష్టించడం, సవరించడం, కమాండ్లు నడిపించడం వంటి పనులు కూడా చేయగలదు.
కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయదగిన కొత్త సవాలు ఇది. మీరు Agent మోడ్ ఇప్పటివరకూ ఉపయోగించని ఉంటే, ఇది టెక్స్ట్ మాత్రమే ఉత్పత్తి చేయడానికి కాదు, ఫైల్లను సృష్టించడం, సవరించడం, కమాండ్లను నడవించడం కూడా చేయగలదు.
### 📣 ప్రకటన - _జెనరేటివ్ AI ఉపయోగించి కొత్త ప్రాజెక్ట్_
### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్టు నిర్మించండి_
కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ జోడించబడింది, దీనిని చూడండి [project](./9-chat-project/README.md)
కొత్త AI అసిస్టెంట్ ప్రాజెక్టు జోడించబడింది, చూడండి [ప్రాజెక్టు](./9-chat-project/README.md)
### 📣 ప్రకటన - _జావాస్క్రిప్ట్ కోసం జెనరేటివ్ AI పై కొత్త కోర్సు విడుదలైంది_
### 📣 ప్రకటన - జావాస్క్రిప్ట్ కోసం Generative AI పై _కొత్త పాఠ్యక్రమం_ విడుదల
మా కొత్త జెనరేటివ్ 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" బటన్ నొక్కండి.
1. **రిపోజిటరీని ఫోర్క్ చేయండి**: ఈ పేజీ యొక్క పై-కుడి మూలలో "Fork" బటన్ను క్లిక్ చేయండి.
ఈ కోర్సును మీ కంప్యూటర్లో నడిపేందుకు, ఒక టెక్స్ట్ ఎడిటర్, బ్రౌజర్ మరియు కమాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం, [ప్రోగ్రామింగ్ భాషలు మరియు టూల్స్ పరిచయం](../../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).
మా సిఫార్సు [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ని కాపీ చేయడం ద్వారా చేయవచ్చు:
1. మీ రిపాజిటరీని మీ కంప్యూటర్కు క్లోన్ చేయండి. దీన్ని మీరు **Code** బటన్పై క్లిక్ చేసి URLను కాపీచేయడం ద్వారా చేయవచ్చు:
[CodeSpace](./images/createcodespace.png)
[CodeSpace](./images/createcodespace.png)
తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)లో ఉన్న [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ఓపెన్ చేసి, కింది కమాండ్ను అమలు చేయండి, మీరు కాపీ చేసుకున్న URLతో `<your-repository-url>`ని మార్చుకోవడం ద్వారా:
తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon)ని తెరిచి, మీరు కాపీ చేసిన URLను `<your-repository-url>` గా బదిలీచేసి క్రింది కమాండ్ను నడపండి:
```bash
```bash
git clone <your-repository-url>
git clone <your-repository-url>
```
```
2. Visual Studio Code లో ఫోల్డర్ను ఓపెన్ చేయండి. మీరు దీన్ని **File** > **Open Folder**ను క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్ను ఎంపిక చేయడం ద్వారా చేయవచ్చు.
2. Visual Studio Codeలో ఫోల్డర్ను తెరవండి. మీరు క్లోన్ చేసిన ఫోల్డర్ను ఎంపిక చేసుకోవడానికి **File** > **Open Folder** పై క్లిక్ చేయండి.
> సిఫార్సు చేయబడిన Visual Studio Code విస్తరణలు:
> సూచించబడిన Visual Studio Code విస్తరణలు:
>
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeలో HTML పేజీలను ప్రివ్యూ చేయడానికి
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Codeలో HTML పేజీలను ప్రివ్యూకు
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ను మరింత వేగంగా రాయడంలో సహాయం
## 📂 ప్రతి పాఠంలో ఏమి ఉంటుంది:
## 📂 ప్రతి పాఠంలో ఉంటుంది:
- ఐచ్ఛిక స్కెచ్ నోట్
- ఐచ్ఛిక స్కెచ్నోట్
- ఐచ్ఛిక సప్లిమెంటల్ వీడియో
- ఐచ్ఛిక అనుబంధ వీడియో
- పాఠం ముందు వార్మప్ క్విజ్
- పాఠానికి ముందు వేడి పరించుకొనే క్విజ్
- రాత పాఠం
- వ్రాసిన పాఠం
- ప్రాజెక్ట్ ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ ను ఎలా నిర్మించాలో స్టెప్-బై-స్టెప్ గైడ్లు
- ప్రాజెక్ట్-ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ని నిర్మించడానికి స్టెప్-బై-స్టెప్ మార్గదర్శకాలు
> **క్విజ్ల గురించి ఒక గమనిక**: అన్ని క్విజ్లు 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 |
| 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 |
| 02 | ప్రారంభం అవుతున్నది | GitHub యొక్క ప్రాధమికాలు, టీంతో సహకారం | మీ ప్రాజెక్టులో GitHubని ఎలా ఉపయోగించాలో, కోడ్ బేస్పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోవడం | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
| 03 | ప్రారంభం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ యొక్క ప్రాథమికాంశాలు నేర్చుకోవండి | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 03 | ప్రారంభం అవుతున్నది | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలను తెలుసుకోవడం | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాలు | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine |
| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాల | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్స్ మరియు మెథడ్స్ | అప్లికేషన్ యొక్క లాజిక్ ప్రవాహాన్ని నిర్వహించడానికి ఫంక్షన్స్ మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్స్ & మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher |
| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్స్ | ప్రోగ్రాం లాజిక్ ఫ్లో నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine మరియు Christopher |
| 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | నిర్ణయ తీసుకునే పద్ధతులు ఉపయోగించి మీ కోడ్లో కండిషన్లను ఎలా సృష్టించాలో నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | మీ కోడులో షరతులను ఎలా సృష్టించాలో నిర్ణయాలు తీసుకునే పద్ధతులు ఉపయోగించి తెలుసుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine |
| 07 | JS ప్రాథమికాలు | అర్రేస్ మరియు లూప్స్ | JavaScript లో అర్రేస్ మరియు లూప్స్ ఉపయోగించి డేటాతో పని చేయండి | [అర్రేస్ & లూప్స్](./2-js-basics/4-arrays-loops/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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లో బ్యాక్గ్రౌండ్ ప్రాసెస్లు, వెబ్ పనితీరు | ఎక్స్టెన్షన్ ఐకాన్ను నిర్వహించడానికి బ్రౌజర్ యొక్క బ్యాక్గ్రౌండ్ ప్రాసెస్లు ఉపయోగించడం; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోవడం | [బ్యాక్గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
| 15 | [Space Game](./6-space-game/solution/README.md) | మెరుగైన గేమ్ అభివృద్ధి JavaScript తో | క్లాస్ల్స్ మరియు కంపోజిషన్ మరియు పబ్/సబ్ ప్యాటర్న్ ఉపయోగించి వారసత్వం గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడం | [అడ్వాన్స్డ్ గేమ్ అభివృద్ధికి పరిచయం](./6-space-game/1-introduction/README.md) | Chris |
| 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) | క్యాన్వాస్ పై డ్రాయింగ్ | స్క్రీన్ పై అంశాలను డ్రా చేయడానికి ఉపయోగించే క్యాన్వాస్ API గురించి తెలుసుకోండి | [క్యాన్వాస్ డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/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) | స్క్రీన్ చుట్టూ అంశాలను కదిలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు క్యాన్వాస్ API ఉపయోగించి అంశాలను మోషన్ పొందने విధానాన్ని కనుగొనండి | [విభిన్న అంశాలను కదిలించడం](./6-space-game/3-moving-elements-around/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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 25 | [Browser/VScode Code](../../8-code-editor) | VScodeతో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా నేర్చుకోవాలి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
| 26 | [AI సహాయకులు](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI సహాయకుడు ఎలా నిర్మించాలో నేర్చుకోండి | [AI సహాయకుడు ప్రాజెక్ట్](./9-chat-project/README.md) | Chris |
| 26 | [AI Assistants](./9-chat-project/README.md) | AIతో పని చేయడం | మీ సొంత AI అసిస్టెంట్ను ఎలా నిర్మించాలో నేర్చుకోండి | [AI అసిస్టెంట్ ప్రాజెక్ట్](./9-chat-project/README.md) | Chris |
## 🏫 పాఠ్య విధానము
## 🏫 విధాన శాస్త్రం
మన పాఠ్యक्रमం రెండు ముఖ్యమైన పాఠ్య విధాన సిద్ధాంతాలతో రూపొందించబడింది:
మా పాఠ్యक्रमం రెండు ముఖ్యమైన విద్యా సూత్రాలతో రూపొందించబడింది:
* ప్రాజెక్ట్ ఆధారిత నేర్పుక
* ప్రాజెక్ట్-ఆధారిత అధ్యయనం
* తరచుగా క్విజ్లు
* తరచూ క్విజ్లు
ఈ ప్రోగ్రామ్ JavaScript, HTML మరియు CSS ప్రాథమిక అంశాలను, అలాగే నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ టెర్రేరియం, ఇక్కో-ఫ్రెండ్లీ బ్రౌజర్ విస్తరణ, స్పేస్-ఇన్వేడర్-స్టైల్ గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ లాంటి ప్రాజెక్ట్లను నిర్మించి ప్రత్యక్ష అనుభవం సంపాదించడానికి అవకాశం కలుగుతారు. సిరీస్ చివరికి, విద్యార్థులు వెబ్ అభివృద్ధి యొక్క బలమైన అర్థం పొందుతారు.
ప్రోగ్రామ్ JavaScript, HTML మరియు CSS యొక్క ప్రాథమికాలను, అలాగే నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ టెర్రేరియం, పర్యావరణహిత బ్రౌజర్ ఎక్స్టెన్షన్, స్పేస్-ఇన్వేడర్-శైలి గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ వంటి అనుభవాలు అభివృద్ధి చేసుకునే అవకాశం ఉంటుందని ఉంటుంది. సిరీస్ చివరికి, విద్యార్థులు వెబ్ డెవలప్మెంట్పై గట్టైన అవగాహన పొందుతారు.
> 🎓 మీరు ఈ పాఠ్యక్రమంలోని మొదటి కొన్ని పాఠాలను Microsoft Learnపై [లెర్న్ పాథ్](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 వారాల చక్రం చివరికి క్రమంగా క్లిష్టమవతాయి.
JavaScript ఫ్రేమ్వర్క్లను పరిచయం చేయకుండా, ఒక వెబ్ డెవలపర్కు అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడం మన లక్ష్యం. ఈ పాఠ్యక్రమం పూర్తయిన తరువాత, Node.js గురించి మరొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" గురించి తెలుసుకోవడం మంచి తదుపరి దశ అవుతుంది.
మేము జావాస్క్రిప్ట్ ఫ్రేమ్వర్క్లను ఉద్దేశపూర్వకంగా పరిచయం చేయకుండా ఉంచాము, ఒక వెబ్ డెవలపర్గా అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడానికి ఫ్రేమ్వర్క్ను అనుసరించే ముందు; ఈ పాఠ్యక్రమాన్ని పూర్తి చేయడానికి బాగా ఉన్నతమైన తదుపరి దశగా, ఇంకొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా Node.jsని నేర్చుకోవడం ఉంటుంది.
> మాకు ఉన్న [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు చూడండి. మీ నిర్మాణాత్మక ఫీడ్బాక్ని స్వాగతిస్తాము!
> మాకు [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు ఉన్నాయి. మీ నిర్మాణాత్మక అభిప్రాయాన్ని మేము స్వాగతిస్తున్నాము!
## 🧭 ఆఫ్లైన్ యాక్సెస్
## 🧭 ఆఫ్లైన్ ಪ್ರವೇಶం
మీరు [Docsify](https://docsify.js.org/#/) ఉపయోగించి ఈ డాక్యుమెంటేషన్ను ఆఫ్లైన్లో రన్ చేయొచ్చు. ఈ రిపోని ఫోర్క్ చేసి, మీ స్థానిక మెషీన్లో [Docsifyని ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేయండి, తరువాత ఈ రిపో యొక్క రూట్ ఫోల్డర్లో `docsify serve` టైప్ చేయండి. వెబ్సైట్ మీ స్థానిక పుట్టికిపై పోర్ట్ 3000 ద్వారా అందుబాటులో ఉంటుంది: `localhost:3000`.
[Docsify](https://docsify.js.org/#/) ఉపయోగించి మీరు ఈ డాక్యుమెంటేషన్ను ఆఫ్లైన్లో నడపవచ్చు. ఈ రెపోను ఫోర్క్ చేసుకోండి, మీ స్థానిక मशीनలో [Docsifyని ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేయండి, తదుపరి ఈ రెపో యొక్క రూట్ ఫోల్డర్లో `docsify serve` టైప్ చేయండి. వెబ్సైట్ 3000 పోర్ట్పై మీ లోకల్ హోస్ట్లో అందుబాటులో ఉంటుంది: `localhost:3000`.
## 📘 PDF
## 📘 PDF
అన్ని పాఠాల యొక్క PDF ను మీరు [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) పొందవచ్చు.
మా టీమ్ ఇతర కోర్సులు కూడా ఉత్పత్తి చేస్తోంది! తనిఖీ చేయండి:
మా బృందం ఇతర కోర్సులు కూడా తయారుచేస్తోంది! చూడండి:
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
<!-- CO-OP TRANSLATOR OTHER COURSES START -->
### LangChain
### LangChain
@ -233,7 +229,7 @@ JavaScript ఫ్రేమ్వర్క్లను పరిచయం
---
---
### Generative AI Series
### Generative AI శ్రేణి
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](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)
[-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)
[-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 +237,7 @@ JavaScript ఫ్రేమ్వర్క్లను పరిచయం
---
---
### Core Learning
### కోర్ లెర్నింగ్
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
[](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/datascience-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
@ -252,7 +248,7 @@ JavaScript ఫ్రేమ్వర్క్లను పరిచయం
---
---
### Copilot Series
### కోపిలట్ శ్రేణి
[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](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)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
@ -260,21 +256,21 @@ JavaScript ఫ్రేమ్వర్క్లను పరిచయం
## సహాయం పొందడం
## సహాయం పొందడం
మీరు అంటకపోతే లేదా AI అనువర్తనాలను నిర్మించడం గురించి ఏవైనా ప్రశ్నలు ఉంటే. MCP గురించి చర్చల్లో సహచర అభ్యాసకులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ఒక మద్దతు ఇచ్చే సమూహం, అక్కడ ప్రశ్నలు స్వాగతం మరియు జ్ఞానం ఫ్రీలో పంచుకుంటారు.
మీరు అడ్డుకట్ట పడితే లేదా AI యాప్లు నిర్మించడంపై ఏవైనా ప్రశ్నలు ఉంటే, MCP గురించి చర్చలలో ఇతర విద్యార్థులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ఒక మద్ధతుగా ఉండే కమ్యూనిటీ, అక్కడ ప్రశ్నలు స్వాగతం చేయబడతాయి మరియు జ్ఞానం స్వేచ్ఛగా పంచుకుంటారు.
ఈ రిపాజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ చేయబడింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్ చూడండి.
ఈ రిపోజిటరీ MIT లైసెన్సు క్రింద లైసెన్స్ చేయబడింది. మరింత సమాచారం కోసం [LICENSE](../../LICENSE) ఫయిల్ చూడండి.
---
---
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**అస్పష్టం**:
**అస్పష్టత**:
ఈ పత్రం AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడినది. మేము సరైన అనువాదం కోసం ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో లోపాలు లేదా పొరపాట్లు ఉండవచ్చు అని దయచేసి గమనించండి. అసలు పత్రం తన స్వభావ భాషలో సభ్యత సంపాదించిన ఆధారమైన మూలంగా భావించాలి. ముఖ్యమైన సమాచారం కోసం, నిపుణులైన మానవ అనువాదాన్ని సలహాగా తీసుకోవడం మంచిది. ఈ అనువాదం వలన ఏర్పడిన ఏవైనా అపార్థాలు లేదా తప్పు వివరణల కోసం మేము బాధ్యత వహించలేము.
ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా ఉండేందుకు ప్రయత్నించినప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో తప్పిదాలు లేదా అసత్యతలు ఉండవచ్చు. స్థానిక భాషలో ఉన్న మౌలిక పత్రం అధికారిక మూలంగా పరిగణించాలి. ముఖ్యమైన సమాచారం కోసం, వృత్తి పరిజ్ఞానుల చేత అనువాదం చేయించడం ఉత్తమం. ఈ అనువాదం ఉపయోగించడంవల్ల ఏర్పడిన ఏవైనా అపర్థాలు లేదా తప్పుదారుల కోసం మేము బాధ్యుల్లో కాదు.