From c86ae1dab9c10dfc0ffb1129a8ca6a3e13266f02 Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Fri, 6 Mar 2026 14:25:56 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 1/1, 14 changes) --- translations/kn/.co-op-translator.json | 16 +- .../README.md | 840 ++++++++--------- translations/kn/AGENTS.md | 436 ++++----- translations/kn/README.md | 240 ++--- translations/kn/Roadmap.md | 53 ++ translations/ml/.co-op-translator.json | 16 +- .../README.md | 876 +++++++++--------- translations/ml/AGENTS.md | 354 +++---- translations/ml/README.md | 256 ++--- translations/ml/Roadmap.md | 53 ++ translations/te/.co-op-translator.json | 10 +- .../README.md | 818 ++++++++-------- translations/te/AGENTS.md | 480 +++++----- translations/te/README.md | 252 ++--- 14 files changed, 2434 insertions(+), 2266 deletions(-) create mode 100644 translations/kn/Roadmap.md create mode 100644 translations/ml/Roadmap.md diff --git a/translations/kn/.co-op-translator.json b/translations/kn/.co-op-translator.json index bab3192af..30e89e3b8 100644 --- a/translations/kn/.co-op-translator.json +++ b/translations/kn/.co-op-translator.json @@ -1,7 +1,7 @@ { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": { - "original_hash": "d45ddcc54eb9232a76d08328b09d792e", - "translation_date": "2026-01-08T20:15:54+00:00", + "original_hash": "bec5e35642176d9e483552bfc82996d8", + "translation_date": "2026-03-06T14:20:58+00:00", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "language_code": "kn" }, @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-01-08T10:32:31+00:00", + "translation_date": "2026-03-06T14:25:52+00:00", "source_file": "AGENTS.md", "language_code": "kn" }, @@ -516,11 +516,17 @@ "language_code": "kn" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T19:46:02+00:00", + "original_hash": "a2c9eed480687319517c08a6319e5536", + "translation_date": "2026-03-06T14:11:30+00:00", "source_file": "README.md", "language_code": "kn" }, + "Roadmap.md": { + "original_hash": "28bf6185fd7f27b62ddc210514366192", + "translation_date": "2026-03-06T14:21:36+00:00", + "source_file": "Roadmap.md", + "language_code": "kn" + }, "SECURITY.md": { "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", "translation_date": "2026-01-08T10:35:45+00:00", diff --git a/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 238980e0a..333bea03a 100644 --- a/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/kn/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -1,183 +1,181 @@ -# ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಆಧುನಿಕ ಡೆವಲಪರ್ ಟೂಲ್ಗಳ ಪರಿಚಯ +# ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಆಧುನಿಕ ಡಿವಲಪರ್ ಟೂಲ್ಗಳ ಪರಿಚಯ -ನಮಸ್ಕಾರ ಭವಿಷ್ಯದ ಡೆವಲಪರ್! 👋 ನಾನು ನಿಮಗೆ ಪ್ರತಿದಿನವೂ ಭಯಂಕರ ಅನುಭವ ನೀಡುವ ಏನಾದರು ಹೇಳಬಹುದೇ? ನೀವು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಅನ್ನು ಕೇವಲ ಕಂಪ್ಯೂಟರ್ ಗಳ ಕುರಿತು ಎನ್ನುವುದಿಲ್ಲ ಎಂಬುದನ್ನು ತಲುಪಲಿದ್ದೀರಿ – ಇದು ನಿಮ್ಮ ಅತೀ ವಿಚಿತ್ರ ಕಲ್ಪನೆಗಳನ್ನು ಜೀವಕ್ಕೆ ತರುವ ಸ್ಫೂರ್ತಿದಾಯಕ ಶಕ್ತಿಗಳನ್ನು ಹೊಂದಿರುವದಾಗಿದೆ! +ನಮಸ್ಕಾರ, ಭವಿಷ್ಯದ ಡಿವಲಪರ್! 👋 ನಾನು ನಿಮಗೆ ಪ್ರತಿದಿನವೂ ಕವಕವಳಿಕೆ ನೀಡುವ ಒಂದು ಸಂಗತಿಯನ್ನು ಹೇಳಬಹುದೇ? ನೀವು ಕಂಡುಹಿಪ್ಪಬಹುದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಬೇರಾಗಿ ಕೇವಲ ಕಂಪ್ಯೂಟರ್ ಬಗ್ಗೆ ಅಲ್ಲ – ಇದು ನಿಮ್ಮ ಅಸಾಧಾರಣ ಆದರ್ಶಗಳನ್ನು ಜೀವಂತಗೊಳಿಸಲು ಸಕಲ ಶಕ್ತಿಗಳನ್ನು ಹೊಂದಿರುವಂತೆ! -ನೀವು ನಿಮ್ಮ ಅಭಿಮಾನಿ ಆಪ್ ಬಳಸುವಾಗ ಎಲ್ಲವೂ ಸುಂದರವಾಗಿ ಸರಿಹೊಂದುವ ಕ್ಷಣವನ್ನು ತಿಳಿದಿರಬಹುದೆ? ನೀವು ಒಂದು ಬಟನ್ ಒತ್ತಿದಾಗ ಎಲ್ಲವೂ ಮೆಜಿಕಲ್ ಆಗಿ ಹೋಗುತ್ತದೆ ಮತ್ತು ನೀವು "ಅಯ್ಯೋ, ಅವರು ಅದನ್ನು ಹೇಗೆ ಮಾಡಿದ್ರು?" ಎಂದು ಯೋಚಿಸುತ್ತೀರಿ? ಅದನ್ನು ಸೃಷ್ಟಿಸಿದ ಕೋಡ್ ಅನ್ನು ಬರೆಯುವವರು ನಿಮ್ಮಂತೆಯೇ ಯಾರು – ಬಹುಶಃ ರಾತ್ರಿಯ 2 ಗಂಟೆಗೆ ತಮ್ಮ ಮೆಚ್ಚಿನ ಕಾಫಿ ಶಾಪಿನಲ್ಲಿ ಮೂರನೆ ಎಸ್ಪ್ರೆಸ್ಸೋ ಜೊತೆ ಕೂತು ಅವರು. ಮತ್ತು ಇವತ್ತಿನ ಪಾಠದ ಅಂತ್ಯಕ್ಕೆ ನೀವು ಅಷ್ಟು ಕೇವಲ ಹೇಗೆ ಮಾಡಿದ್ರು ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಷ್ಟಲ್ಲ, ನೀವು ಅದನ್ನು ಸ್ವತಃ ಪ್ರಯತ್ನಿಸಲು ಉತ್ಸುಕವಾಗುತ್ತೀರಿ! +ನೀವು ಬಳಸುವ ನಿಮ್ಮ ಪ್ರಿಯ ಆಪ್ ನಲ್ಲಿ ಎಲ್ಲವೂ ಚೆನ್ನಾಗಿಯಾಗಿ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ ಅಂತಾ ಆ ಕ್ಷಣ ನೆನಸುತ್ತಿದೆಯೆ? ನೀವು ಬಟನ್ ಒತ್ತಿದಾಗ ಅದ್ಭುತವಾಗಿ ಏನೋ ಆಗುತ್ತದೆ, ನೀವು "ವಾಹ್, ಅವರವರು ಹೇಗೆ ಅದನ್ನು ಮಾಡಿದರು?" ಅಂತಾ ಭಾವಿಸುವಾಗ? ಅದೋ ನಿಮಗೆ ಹೋಲುವ ಯಾರೋ ಒಬ್ಬರು – ಬಹುಶಃ ಅವರು ತಮ್ಮ ಇಷ್ಟದ ಕಾಫಿ ಅಂಗಡಿಯ 2AM ಗಂಟೆಗೆ ಮೂರನೇ ಎಸ್ಪ್ರೆಸ್ಸೋ ಕುಡಿಯುತ್ತಿರುವಾಗ – ಆ ಮ್ಯಾಜಿಕ್ ರಚಿಸಿದ ಕೋಡ್ ಅನ್ನು ಬರೆದಿದ್ದಾರೆ. ಮತ್ತು ಇದು ನಿಮ್ಮ ಮನಸ್ಸನ್ನು ಹೊಡೆದಿಡುತ್ತದೆ: ಈ ಪಾಠದ ಅಂತ್ಯಕ್ಕೆ, ನೀವು ಅವರೇ ಹೇಗೆ ಮಾಡಿದರು ಅಂತ ಕುರಿತು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಷ್ಟೇ ಅಲ್ಲ, ನೀವು ಸ್ವತಃ ಪ್ರಯತ್ನಿಸಲು ಉತ್ಸುಕನಾಗುತ್ತೀರಿ! -ನನ್ನುತ್ತು ನೋಡು, ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಈಗ ಭಯಂಕರ ಎಂದು ಕಾಣುತ್ತಿದೆಯೆಂದು ನಾನು ಸಂಪೂರ್ಣವಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತೇನೆ. ನಾನು ಪ್ರಾರಂಭಿಸಿದಾಗ, ನಾನು ನಿಜವಾಗಿಯೂ ಭಾವಿಸುತ್ತಿದ್ದೆನು ನೀವು ಗಣಿತ ತಜ್ಞರಾಗಿರಬೇಕು ಅಥವಾ ಐದು ವರ್ಷದಿಂದಲೆ ಕೋಡಿಂಗ್ ಮಾಡುತ್ತಿದ್ದಿರಬೇಕು ಎಂದು. ಆದರೆ ಇದು ನನ್ನ ದೃಷ್ಟಿಕೋನವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬದಲಾಯಿಸಿತು: ಪ್ರೋಗ್ರಾಮಿಂಗ್ ನೂತನ ಭಾಷೆಯಲ್ಲಿ ಸಂವಾದ ಕಲಿಯುವಂತೆ ಆಗಿದೆ. ನೀವು "ನಮಸ್ಕಾರ" ಮತ್ತು "ಧನ್ಯವಾದ" ಜೊತೆಗೆ ಪ್ರಾರಂಭಿಸುತ್ತೀರಿ, ನಂತರ ಕಾಫಿ ಆದೇಶಿಸುವುದಕ್ಕೆ ಬರುತ್ತೀರಿ ಮತ್ತು ಮೀರಿದಂತೆ ತತ್ತ್ವಶಾಸ್ತ್ರೀಯ ಚರ್ಚೆಗಳು ನಡೆಯುತ್ತವೆ! ಇಲ್ಲಿ ನೀವು ಕಂಪ್ಯೂಟರ್ ಗಳೊಂದಿಗೆ ಸಂವಾದ ಮಾಡುತ್ತೀರಿ ಮತ್ತು ನಿಜವಾಗಿಯೂ? ಇವರ ಸಂಧರ್ಭದಲ್ಲಿ ಅವರು ಅತ್ಯಂತ ತಾಳ್ಮೆಯ ಸಂವಹನದೊಡನೆ ಇರುತ್ತಾರೆ – ಎಂದಿಗೂ ನಿಮ್ಮ ತಪ್ಪುಗಳನ್ನು ತಿರಸ್ಕರಿಸುವುದಿಲ್ಲ ಮತ್ತು ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಲು ಸದಾ ಸಜ್ಜಾಗಿರುತ್ತಾರೆ! +ನೋಡು, ಪ್ರಾರಂಭದಲ್ಲಿ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಯಂಕರವಾಗಿ ಕಾಣುತ್ತಿದ್ದರೆ, ನಾನು ಸಂಪೂರ್ಣವಾಗಿ ಅರ್ಥ ಮಾಡಿಕೊಂಡೆ. ನಾನು ಆರಂಭಿಸಿದಾಗ, ನಾನು ನಂಬಿದ್ದೇನೆ ನೀವು ಗಣಿತ ಪ್ರಸಿದ್ಧನೋ ಆದರೆ ಹೌದು ನೀವು ಐದನೆಯ ವಯಸ್ಸಿನಿಂದಲೇ ಕೋಡಿಂಗ್ ಮಾಡುತ್ತಿರಬೇಕು ಎಂದು. ಆದರೆ ಇದು ನನ್ನ ದೃಷ್ಟಿಕೋನವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬದಲಾಯಿಸಿತು: ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಹೊಸ ಭಾಷೆಯಲ್ಲಿ ಸಂಭಾಷಣೆ ಕಲಿಯುವುದಕ್ಕೆ ಸರಿಹೊಂದುತ್ತದೆ. ನೀವು "ನಮಸ್ಕಾರ" ಮತ್ತು "ಧನ್ಯವಾದ" ಎದುರಿಸುತ್ತೀರಿ, ನಂತರ ಕಾಫಿ ಆರ್ಡರ್ ಮಾಡುವುದು ಕಲಿತೀರಿ, ಮತ್ತು ಅಲ್ಲಿಂದ ನೀವು ತತ್ವಶಾಸ್ತ್ರದ ಆಳವಾದ ಚರ್ಚೆಗಳನ್ನಷ್ಟೇ ನಡೆಸುತ್ತೀರಿ! ಆದರೆ ಇಲ್ಲಿ ನೀವು ಕಂಪ್ಯೂಟರ್ ಗಳೊಂದಿಗೆ ಚರ್ಚಿಸುತ್ತೀರಿ ಮತ್ತು ನಿಜವಾಗಿಯೂ? ಅವರು ಅತ್ಯಂತ ಧೈರ್ಯವಂತರು – ನಿಮ್ಮ ತಪ್ಪುಗಳನ್ನು ಎಂದೂ ತೀರ್ಪು ಮಾಡುವುದಿಲ್ಲ ಮತ್ತು ಮರುಪ್ರಯತ್ನಿಸಲು ಸದಾ ಉತ್ಸಾಹಿಗಳಾಗಿದ್ದಾರೆ! -ಇಂದಿನ ದಿನದಲ್ಲಿ, ಆಧುನಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ಸಾಧ್ಯಗೊಳಿಸುವ ಅದ್ಭುತ ಸಾಧನಗಳ ಮೇಲೆ ನಾವು ಪ್ರಯಾಣ ಮಾಡುವೆವು. ನಾನು ನಿಮ್ಮ Netflix, Spotify ಮತ್ತು ನಿಮ್ಮ ಇಷ್ಟದ ಸ್ವತಂತ್ರ ಆಪ್ ಸ್ಟುಡಿಯೋದ ಡೆವಲಪರ್ ಗಳು ಪ್ರತಿದಿನ ಬಳಸುವ ಎಡಿಟರ್ ಗಳು, ಬ್ರೌಸರ ಗಳು ಮತ್ತು ವರ್ಕ್‌ಫ್ಲೋಗಳನ್ನು ತಿಳಿಸುತ್ತಿದ್ದೇನೆ. ಮತ್ತು ಇದು ನಿಮಗೆ ಸಂತೋಷಕ್ಕಾಗುವ ಸಂಗತಿ: ಈ ಪರಿಣಿತಿ-ತರಗತಿಯ, ಉದ್ಯಮ-ಮಟ್ಟದ ಬಹುಮತ ಸಾಧನಗಳು ಬಹುಶಃ ಸಂಪೂರ್ಣ ಉಚಿತವಾಗಿವೆ! +ಇಂದು, ನಾವು ಅದ್ಭುತ ಬೇರೆ ಬೇರೆ ಉಪಕರಣಗಳನ್ನು ಪರಿಶೀಲಿಸುವೆವು, ಅವು ಆಧುನಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ಸಾಧ್ಯವಾಗಿಸುವುದರ ಜೊತೆಗೆ ಬಹಳ ಆಕರ್ಷಕವಾಗಿಸುತ್ತದೆ. ನಾನು ಸ್ಟುಡಿಯೋಗಳು, ಬ್ರೌಸರ್ ಗಳು ಮತ್ತು ವರ್ಕ್‌ಫ್ಲೋಗಳು ಬಗ್ಗೆ ಹೇಳುತ್ತಿದ್ದೇನೆ, ಅವು Netflix, Spotify ಮತ್ತು ನಿಮ್ಮ ಇಷ್ಟದ ಇಂಡಿ ಆಪ್ ಸ್ಟುಡಿಯೋಗಳ ಡಿವಲಪರ್ ಗಳು ಪ್ರತಿದಿನವೂ ಬಳಸುತ್ತಾರೆ. ಮತ್ತು ಇದು ನನಗೆ ಸಂತೋಷಕರವಾದ ಸಂಗತಿ ಹೇಳಬೇಕೆಂದರೆ: ಬಹುತೇಕ ಈ ವೃತ್ತಿಪರ, ಉದ್ಯಮಮಾನಕ ಉಪಕರಣಗಳು ಯಾವುದಕ್ಕೂ ಶೂಲ್ಕವಿಲ್ಲ! ![Intro Programming](../../../../translated_images/kn/webdev101-programming.d6e3f98e61ac4bff.webp) -> ಟೊಮೊಮಿ ಇಮುರಾ ಅವರ ಸ್ಕೆಚ್ ನೋಟ್ [Tomomi Imura](https://twitter.com/girlie_mac) +> ನೋಟು ಚಿತ್ರಣ [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid journey - title ಈಜು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪ್ರಯಾಣ ಇಂದು - section ಹುಡುಕಿ + title ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಯಾತ್ರೆ ಇಂದು + section ಅನ್ವೇಷಣೆ ಮಾಡಿ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಎಂದರೆ ಏನು: 5: You ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು: 4: You ಉಪಕರಣಗಳ ಅವಲೋಕನ: 5: You section ಅನ್ವೇಷಿಸಿ ಕೋಡ್ ಸಂಪಾದಕರು: 4: You - ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಡೆವ್ ಟೂಲ್‌ಗಳು: 5: You + ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಡೆವ್‌ಟೂಲ್ಸ್: 5: You ಕಮಾಂಡ್ ಲೈನ್: 3: You - section ಅಭ್ಯಾಸ + section ಅಭ್ಯಾಸ ಮಾಡಿ ಭಾಷೆ ಡಿಟೆಕ್ಟಿವ್: 4: You ಉಪಕರಣ ಅನ್ವೇಷಣೆ: 5: You ಸಮುದಾಯ ಸಂಪರ್ಕ: 5: You ``` -## ನೀವು ಈಗಾಗಲೇ ಏನು ತಿಳಿದಿದ್ದೀರಾ ನೋಡೋಣ! +## ನೀವು ಈಗಾಗಲೇ ಏನು ತಿಳಿದಿದ್ದೀರೋ ನೋಡೋಣ! -ರಸ ಹೆಚ್ಚಿಸುವ ಮೊದಲು, ನಾನು ಕುತೂಹಲಗೊಂಡಿದ್ದೇನೆ – ಈ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಲೋಕದ ಬಗ್ಗೆ ನೀವು ಈಗಾಗಲೇ ಏನು ತಿಳಿದಿದ್ದೀರಿ? ಮತ್ತು ಕೇಳಿ, ನೀವು ಈ ಪ್ರಶ್ನೆಗಳನ್ನು ನೋಡುತ್ತಿರುವಾಗ "ನನಗೆ ಇದರ ಬಗ್ಗೆ ಸಂಪೂರ್ಣ ಗುಡುಗಾಬುದು ಇಲ್ಲ"ಂದು ಭಾವಿಸಿದರೆ, ಅದು ಕೇವಲ ಸರಿ ಅಲ್ಲ, ಅದ್ಭುತವಾಗಿದೆ! ಅಂದರೆ ನೀವು ಹೊಸದಾಗಿ ಸರಿಯಾದ ಜಾಗದಲ್ಲಿದ್ದೀರಿ. ಇದನ್ನು ವ್ಯಾಯಾಮಕ್ಕೆ ಮುನ್ನ ಸ್ಟ್ರೆಚ್ ಮಾಡುವಂತೆ ಪರಿಗಣಿಸಿ – ನಾವು ನಮ್ಮ ಮೆದುಳಿನ ಸ್ನಾಯುಗಳನ್ನು ಬೆಂಕಿಯಾಗಿಸುತ್ತಿದ್ದೇವೆ! +ಬೇಸಿಗೆರಲು ಮೊದಲು, ನಾನು ಕುತೂಹಲದಿಂದ ಕೇಳುತ್ತಿದ್ದೇನೆ – ನೀವು ಯಾವ ದರ್ಜೆಯ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಜಗತ್ತನ್ನು ಈಗಾಗಲೇ ತಿಳಿದುಕೊಂಡಿದ್ದೀರಾ? ಮತ್ತು ಕೇಳಿ, ನೀವು ಈ ಪ್ರಶ್ನೆಗಳನ್ನು ನೋಡುತ್ತಿದ್ದೀರಾ "ನನಗೆ ಈ ಬಗ್ಗೆ ಸಂಪೂರ್ಣ ಗೊತ್ತಿಲ್ಲ," ಅದು ಸರಿಯೇ, ಅದೇನು ಕೆಟ್ಟದಿಲ್ಲ! ಅಂದರೆ ನೀವು ಸರಿಯಾದ ಜಾಗದಲ್ಲಿ ಇದ್ದೀರಿ. ಈ ಕ್ವಿಜ್ ಅನ್ನು ವ್ಯಾಯಾಮಕ್ಕೆ ಮುಂಗಡ ಬಿಸಿಯಂತೆ ಪರಿಗಣಿಸಿ – ನಾವು ನಮ್ಮ ಮಿದುಳಿನ ماهಿನೆಯನ್ನು ತಯಾರಿಸುತ್ತಿದ್ದೇವೆ! -[ಪೂರ್ವಪಾಠ ಪ್ರಶ್ನೋತ್ತರ ತೆಗೆದುಕೊಳ್ಳಿ](https://forms.office.com/r/dru4TE0U9n?origin=lprLink) +[ಪೂರ್ವ ಪಾಠದ ಕ್ವಿಜ್ ತೆಗೆದುಕೊಳ್ಳಿ](https://ff-quizzes.netlify.app/web/) -## ನಾವು ಒಂದಿಗೆ ಹೋಗಲಿರುವ ಸಾಹಸ +## ನಾವು ಒಟ್ಟಿಗೆ ಹೋಗಲಿರುವ ಸಾಹಸ -ಒಳ್ಳೆಯದು, ನಾನು ನಿಜವಾಗಿಯೂ ಇವತ್ತಿನ ಏನು ವಿಚಾರಿಸೋಣ ಎಂಬ ವಿಷಯಕ್ಕಾಗಿ ಕುತೂಹಲದಿಂದ ಕಬಳಿ ಕುಳಿತಿದ್ದೇನೆ! ಗೆಳೆಯರೇ, ನಾನು ಇವುಗಳಲ್ಲಿ ಕೆಲವು ಜನುಕರಿಸುವಾಗ ನಿಮ್ಮ ಮುಖವನ್ನು ನೋಡಬಹುದಂತಿದೆ. ನಾವು ಒಂದಾಗಿ ಹೋಗುತ್ತಿರುವ ಅದ್ಭುತ ಸಾಹಸ: +ಸರಿ, ನಾನು ನಿಜವಾಗಿಯೂ ಉತ್ಸಾಹದಿಂದ ತುಂಬಿದ್ದೇನೆ ನಾವು ಇಂದು ಅಧ್ಯಯನ ಮಾಡಲಿರುವ ಬಗ್ಗೆ! ನೀವು ಕೆಲವು ಆಲೋಚನೆಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಾಗ ನಿಮ್ಮ ಮುಖವನ್ನು ನೋಡುವುದನ್ನು ನಾನು ಬಯಸುತ್ತೇನೆ. ನಾವು ಒಟ್ಟಿಗೆ ಅನುಭವಿಸುವ ಅದ್ಭುತ ಪ್ರಯಾಣ ಇಲ್ಲಿದೆ: -- **ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಎಂದರೆ ನಿಜವಾದ ಮಹಿಮೆ ಏನು (ಮತ್ತು ಅದೀಗ ಅತ್ಯಂತ ಅದ್ಭುತ ವಿಷಯ!)** – ಕೋಡ್ ನಿಮ್ಮ ಸುತ್ತಲಿನ ಎಲ್ಲವನ್ನೂ invisibly ಚಲಾಯಿಸುವ ಅದ್ಭುತ ಮಾಯಾಜಾಲವಾಗಿದೆ ಹೇಗೆ ಎಂಬುದನ್ನು ನಾವು ಕಂಡುಹಿಡಿಯೋಣ; ಸೋಮವಾರ ಬೆಳಿಗ್ಗೆ ಗೊತ್ತಿರುವ ಆ ಎಚ್ಚರಿಕೆ ಗಾಡಿ ಇಂದ, ನಿಮ್ಮ Netflix ಶಿಫಾರಸುಗಳನ್ನು ಸರಿಯಾಗಿ ಕ್ಯೂರೆಟ್ ಮಾಡುವ ಆಲ್ಗಾರಿತ್ಮ್ ತನಕ -- **ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಅವುಗಳ ಅದ್ಭುತ ವೈಶಿಷ್ಟ್ಯಗಳು** – ಪ್ರತಿಯೊಬ್ಬ ವ್ಯಕ್ತಿಗೆ ಸಂಪೂರ್ಣ ವಿಭಿನ್ನ ಶಕ್ತಿಗಳು ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ ರೀತಿಗಳು ಇರುವ ಒಂದು ಪಕ್ಷವೊಂದಕ್ಕೆ ನೀವು ಹೋಗುತ್ತಿರುವಂತೆ ಕಲ್ಪಿಸಿ. ಅದೇ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಜಗತ್ತು, ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಭೇಟಿಯಾಗಲು ಇಷ್ಟಪಡುತ್ತೀರಿ! -- **ಡಿಜಿಟಲ್ ಮಾಯಾಜಾಲ ಉಂಟುಮಾಡುವ ಮೂಲಭೂತ ಕಟ್ಟಿಕೋಣೆಗಳು** – ಇವು ಅಂತಿಮ ಸೃಜನಾತ್ಮಕ LEGO ಸೆಟ್ ಗಳಂತೆ ಶಕ್ತಿವಂತವಾಗಿವೆ. ನೀವು ಈ ತುಂಡುಗಳು ಹೇಗೆ ಸರಿಹೊಂದುತ್ತವೆ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಾದರೆ, ನಿಮ್ಮ ಕಲ್ಪನೆಯು ಹುಟ್ಟಿಸುವ ಏನನ್ನಾದರೂ ನಿರ್ಮಿಸಬಹುದು! -- **ಆದರ್ಶ ಸಾಧನಗಳು ಅವರು ಮಾಯಾಜಾಲಿಯ ಕುತ್ತಿಗೆಗೆ ಲ್ಯಾಂಪ್ ಹತ್ತಿಸುವಂತಾಗಿಸುವ ಸಾಧನಗಳು** – ನಾನು ನಾಟಕವಾಡುತ್ತಿಲ್ಲ – ಈ ಸಾಧನಗಳು ನಿಜವಾಗಿಯೂ ನಿಮಗೆ ಅತೀ ಶಕ್ತಿಗಳಂತಗೊಳಿಸುವವು, ಮತ್ತು ಅತ್ಯುತ್ತಮ ಭಾಗವೇನುಂದು ಕೇಳಿ? ಅವರು ಸೋ ಪ್ರೋಡ್ಯೂಸರ್ ಗಳಷ್ಟೇ ಉಪಯೋಗಿಸುತ್ತಾರೆ! +- **ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಎಂದರೆ ಏನು ಮತ್ತು ಅದು ಯಾಕೆ ಅತ್ಯುತ್ತಮವಾದುದು** – ನಾವು ಹೇಗೆ ಕೋಡ್ ಜೊತೆಗೆ ಆಲ್ಮಾರಿ ಜಾಗದಲ್ಲಿ ಎಲ್ಲಾ ಅಸ್ಪಷ್ಟ ಮಾಯೆಯನ್ನು ನಡಿಸುವುದನ್ನು ಕಂಡುಕೊಳ್ಳೋಣ, ಯಿಂದ ಅದು ಸೋಮವಾರ ಬೆಳಗ್ಗೆ ಎಂದು ತಿಳಿದುಕೊಳ್ಳುವ ಅಲಾರ್ಮ್ ಆಗಲಿ ಅಥವಾ ನಿಮ್ಮ Netflix ಶಿಫಾರಸುಗಳನ್ನು ಪರಿಪೂರ್ಣವಾಗಿ ಆಯ್ಕೆಮಾಡುವ అల್ಗೊರಿದಮ್ ಆಗಲಿ +- **ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಅವುಗಳ ಅದ್ಭುತ ವ್ಯಕ್ತಿತ್ವಗಳು** – ಪ್ರತಿಯೊಬ್ಬ ವ್ಯಕ್ತಿಯು ವಿಭಿನ್ನ ಸೂಪರ್ ಶಕ್ತಿಗಳೊಂದಿಗೆ ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರ ಮಾರ್ಗಗಳೊಂದಿಗೆ ಒಂದು ಸಾಂಗೆತಿಕ ಸಮಾರಂಭಕ್ಕೆ ಹೋಗುತ್ತಿದ್ದಂತೆ ಪರಿಗಣಿಸಿ. ಅದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ಲೋಕವಾಗಿದೆ, ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಭೇಟಿಯಾಗಲು ಇಷ್ಟಪಡುವಿರಿ! +- **ಡಿಜಿಟಲ್ ಮಾಯೆಯನ್ನು ಸಾಧ್ಯಮಾಡುವ ಮೂಲ ಅಂಶಗಳು** – ನೀವು ಸೃಜನಶೀಲ ಲೆಗೋ ಸೆಟ್ ಗಳು ಎಂದು ಪರಿಗಣಿಸಿ. ಈ ಭಾಗಗಳು ಹೇಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತವೆ ಎಂದು ತಿಳಿದಾಗ, ನೀವು ಕನಸು ಕಂಡ ಯಾವುದನ್ನಾದರೂ ನಿರ್ಮಿಸಬಹುದು. +- **ನೀವು ಗಾಜಿಗಳ ಕಾಯಿ ಪಡೆದಂತೆ ಅನುಭವಿಸುವ ವೃತ್ತಿಪರ ಉಪಕರಣಗಳು** – ನಾನು ಡ್ರಾಮಾ ಮಾಡುತ್ತಿಲ್ಲ – ಈ ಉಪಕರಣಗಳು ನಿಮಗೆ ನಿಜವಾಗಿಯೂ ಸೂಪರ್ ಶಕ್ತಿಗಳನ್ನು ಕೊಡುವಂತೆ ಭಾಸವಾಗುವಂತಿವೆ, ಮತ್ತು ಸಿಕ್ಕಿದ ರೋಚಕ ಭಾಗ ಏನೆಂದರೆ? ಅವುಗಳನ್ನು ವೃತ್ತಿಜೀವಿಗಳು ಕೂಡ ಬಳಸುತ್ತಾರೆ! -> 💡 **ಈ ಮಾತನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ**: ಇಂದಿನ ಪಾಠದಲ್ಲಿ ಎಲ್ಲವನ್ನು ನೆನಪಿಟ್ಟುಕೊಳ್ಳಲು ಯತ್ನಿಸಬೇಡಿ! ಇತನಕ, ನಾನು ನಿಮಗೆ ಸಾಧ್ಯತೆಯ ಬಗ್ಗೆ ಆ ಉತ್ಸವದ ಸ್ಪಾರ್ಕ್ ಅನ್ನು ಮಾತ್ರ ಅನುಭವಿಸಲು ಬಯಸುತ್ತೇನೆ. ವಿವರಗಳು ಸಹಜವಾಗಿ ನಮ್ಮ ಅಭ್ಯಾಸದ ಒಟ್ಟಿನಲ್ಲಿ ನೆನಪಿಗೆ ಬರುತ್ತವೆ – ಅದೆಯೇ ನಿಜವಾದ ಕಲಿಕೆ! +> 💡 **ಸೂಚನೆ**: ಇಂದು ಎಲ್ಲವನ್ನೂ ನೆನಪಿಡಲು ಪ್ರಯತ್ನಿಸಬೇಡಿ! ಈಗಿಗೆ, ನಾನು ನೀವು ಸಾಧ್ಯವೆಂಬುದರ ಬಗ್ಗೆ ಉತ್ಸಾಹವನ್ನು ಅನುಭವಿಸಬೇಕು. ವಿವರಗಳು ಸ್ವಾಭಾವಿಕವಾಗಿ ಇರುವಿರುತ್ತವೆ ನಾವು ಒಂದಾಗಿ ಅಭ್ಯಾಸ ಮಾಡುವಂತೆ – ಇದೇ ನಿಜವಾದ ಕಲಿಕೆ! -> ನೀವು ಈ ಪಾಠವನ್ನು [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು! +> ನೀವು ಈ ಪಾಠವನ್ನು [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) ನಲ್ಲಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು! -## ಹಾಗಾದರೆ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಎಂದರೆ ಆಟವೇನು? +## ಆಗ, ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಅಂದರೆ ಏನು? -ಚನ್ನಾಗಿ, ಲಕ್ಷಾಂತರ ಡಾಲರ್ ಪ್ರಶ್ನೆಯನ್ನು ನಿಭಾಯಿಸೋಣ: ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಎಂದರೆ ನಿಜವಾಗಿಯೂ ಏನು? +ಸರಿಹೊಬ್ಬೋ, ಅದು ನಿಜವಾಗಿ ಏನು ಎಂಬ ಆ ಪ್ರಶ್ನೆಗೆ ಉತ್ತರಿಸುವುದು: -ನಾನು ನನ್ನ ಚಿಂತನೆ ಬದಲಾಯಿಸಿದ್ದ ಕಥೆಯನ್ನು ಹೇಳುತ್ತೇನೆ. ಕಳೆದ ವಾರ, ನಾನು ನನ್ನ ತಾಯಿಗೆ ಹೊಸ ಸ್ಮಾರ್ಟ್ ಟಿವಿ ರಿಮೋಟ್ ಬಳಸುವುದು ಹೇಗೆ ಎಂದು ವಿವರಿಸಲು ಯತ್ನಿಸುತ್ತಿದ್ದೆ. ನಾನು "ಕೆಂಪು ಬಟನ್ ಒತ್ತಿ, ಆದರೆ ದೊಡ್ಡ ಕೆಂಪು ಬಟನ್ ಅಲ್ಲ, ಎಡ ಬದಿಯ ಚಿಕ್ಕ ಕೆಂಪು ಬಟನ್... ಅಲ್ಲ, ನಿಮ್ಮ ಮತ್ತೊಂದು ಎಡ..." ಎಂಬುದನ್ನು ಹೇಳುತ್ತಿರೋಡೆ ಕಂಡೆ. ಸರಿಹೊಂದುತ್ತದೆ? 😅 +ನನಗೆ ಈ ಬಗ್ಗೆ ಸಂಕಲ್ಪ ತುಂಬುತ್ತಿದ್ದ ಕಥೆಯನ್ನು ಹೇಳುತ್ತೇನೆ. ಕಳೆದ ವಾರ, ನಾನು ನನ್ನ ತಾಯಿಗೆ ನಮ್ಮ ಹೊಸ ಸ್ಮಾರ್ಟ್ ಟಿವಿ ರಿಮೋಟ್ ಹೇಗೆ ಬಳಸಬೇಕೆಂದೆ ವಿವರಿಸುತ್ತಿದ್ದೆ. ನಾನು ಹೇಳುತ್ತಿದ್ದೇನೆ “ಕೆಂಪು ಬಟನ್ ಒತ್ತಿ, ಆದರೆ ದೊಡ್ಡ ಕೆಂಪು ಬಟನ್ ಅಲ್ಲ, ಎಡ ಬದಿಯ ಸಣ್ಣ ಕೆಂಪು ಬಟನ್...ಇಲ್ಲ, ನಿನ್ನ ಇನ್ನೊಂದು ಎಡ...ಸರಿ, ಈಗ ಅದನ್ನು ಎರಡು ಸೆಕೆಂಡುಗಳ ಕಾಲ ಹಿಡಿ, ಒಂದು ಅಲ್ಲ, ಮೂರು ಅಲ್ಲ...” ಇದು ಪರಿಚಿತವಾಗಿ ಕೇಳಿಸಿಕೊಳ್ಳುತ್ತದೆಯೇ? 😅 -ಅದೇ ಪ್ರೋಗ್ರಾಮಿಂಗ್! ಅದು ಬಹುಶಕ್ತಿಶಾಲಿಯಾದುದಾದರೂ ಎಲ್ಲವನ್ನೂ ಸ್ಪಷ್ಟವಾಗಿ ಸೂಚಿಸುವ ಕಲೆಯಾಗಿದೆ. ನೀವೀಗ ನಿಮ್ಮ ತಾಯಿಗೆ ವಿವರಿಸುತ್ತಿದ್ದೀರಿ (ಅವರು ಕೇಳಬಹುದು "ಯಾವ ಕೆಂಪು ಬಟನ್?"), ಆದರೆ ಖಂಡಿತವಾಗಿಯೂ ನೀವು ಕಂಪ್ಯೂಟರ್ ಗೆ ವಿವರಿಸುತ್ತಿದ್ದೀರಿ (ಅದು ನೀವು ಹೇಳಿದ ಪ್ರತಿಯೊಂದನ್ನು ನಿಖರವಾಗಿ ಮಾಡುತ್ತದೆ, ನೀವು ಅರ್ಥಮಾಡಿಕೊಂಡದ್ದಲ್ಲದೇ ಇದ್ದರೂ). +ಅದು ಪ್ರೋಗ್ರಾಮಿಂಗ್! ಬಹಳ ವಿಶದವಾದ, ಹಂತ ಹಂತದ ಸೂಚನೆಗಳನ್ನು ಒಂದು ಶಕ್ತಿಶಾಲಿ ವಸ್ತುವಿಗೆ ನೀಡುವ ಕಲೆಯಾಗಿದೆ, ಆದರೆ ಎಲ್ಲವನ್ನೂ ಸರಿಯಾಗಿ ಅಭಿವ್ಯಕ್ತಿಸಬೇಕು. ನಿಮ್ಮ ತಾಯಿಗೆ (ಅವರು ಕೇಳಬಹುದು “ಯಾವ ಕೆಂಪು ಬಟನ್?!”) ವಿವರಿಸುವ ಬದಲು, ನೀವು ಕಂಪ್ಯೂಟರ್ ಗೆ (ಅದು ನೀವು ಹೇಳಿದಂತೆಯೇ ಮಾತ್ರ ಮಾಡುವುದು, ನೀವು ಎಷ್ಟೇ ಬೇರೆ ಅರ್ಥ ಮಾಡಿರಲಿಲ್ಲವಾದರೂ). -ನನಗೆ ಭಾವನೆ ತರುವುದು ಈ ಪಾಠವನ್ನು ಪ್ರಥಮ ಬಾರಿಗೆ ಕಲಿತಾಗ: ಕಂಪ್ಯೂಟರ್ ಗಳು ಮೂಲಭೂತವಾಗಿ ಅತೀವ ಸರಳ. ಅವು ಕೇವಲ ಎರಡು ಅರ್ಥಗಳನ್ನು ಮಾತ್ರ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತವೆ – 1 ಮತ್ತು 0, ಅಥವಾ "ಹೌದು" ಮತ್ತು "ಇಲ್ಲ" ಎಂದರೆ "on" ಮತ್ತು "off". ಅಷ್ಟೇ! ಆದರೆ ಅದ್ಭುತ ಸಂಗತಿ ಇಲ್ಲಿ: ನಾವು 1 ಹಾಗೂ 0 ಗಳಲ್ಲಿ ಮಾತಾಡಬೇಕಾಗಿಲ್ಲ. ಅಲ್ಲಿ **ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ** ಮಹತ್ವ ಬರುತ್ತದೆ. ಇವು ನಿಮಗೆ ಅರ್ಥವಾಗುವ ಮಾನವ ಭಾಶುರದ ವಿವರಣೆಯನ್ನು ಕಂಪ್ಯೂಟರ್ ಭಾಷೆಗೆ ಪರಿವರ್ತಿಸುವ ಅತ್ಯುತ್ತಮ ಅನುವಾದಕರಂತೆ. +ನನಗೆ ಪ್ರಥಮ ಬಾರಿ ಕಲಿತಾಗ ಮನಸ್ಸು ಹಾರಿಹೋಗಿತು: ಕಂಪ್ಯೂಟರ್ ಗಳು ಮೂಲಭೂತವಾಗಿ ತುಂಬಾ ಸರಳ. ಅವು ಎರಡು ಅಂಕೆಗಳನ್ನು ಮಾತ್ರ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತವೆ – 1 ಮತ್ತು 0, ಅಂದರೆ “ಹೌದು” ಮತ್ತು “ಇಲ್ಲ” ಅಥವಾ “ಆನ್” ಮತ್ತು “ಆಫ್.” ಇಷ್ಟೇ! ಆದರೆ ಅದ್ಭುತವೆಂದರೆ – ನಾವು 1 ಮತ್ತು 0 ಗಳನ್ನೇ ಮಾತಾಡಬೇಕಾಗಿಲ್ಲ, ನಾವು "ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು" ಎಂಬುದರ ನೆರವಿನಿಂದ ಅದನ್ನು ಮಾಡಬಲ್ಲೆವು. ಅವು ನಿಮ್ಮ ಮಾನವ ಸಂವೇದನೆಗಳನ್ನು ಕಂಪ್ಯೂಟರ್ ಭಾಷೆಗೆ ಅನುವದಿಸುವ ಜಗತ್ತಿನ ಅತ್ಯುತ್ತಮ ಅನುವಾದಕರಂತೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ. -ಹಾಗೆ, ಪ್ರತಿ ದಿನ ಬೆಳಳಿಗೆ ಎದ್ದು ನಾನು ನಿಜವಾದ ತುಂಬಿ ಹೊಡೆದಂತಿರುವುದು ಏನೆಂದರೆ: ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಜೀವನದಲ್ಲಿ ಎಲ್ಲಾ ಹೋರಾಟಗಳು ಯಾರು ಇದ್ದರು? ತಪ್ಪದೇ ನಿಮ್ಮಂತೆಯೆ ಯಾರೊಬ್ಬರು, ಬಹುಶಃ ಪಾಜಾಮಾಗಳಲ್ಲಿ ಕುಳಿತಿರುವ, ಕಾಫಿ ಕುಡಿಯುವ, ತಮ್ಮ ಲ್ಯಾಪ್‌ಟಾಪ್ ನಲ್ಲಿ ಕೋಡ್ ಬರೆಯುವ ವ್ಯಕ್ತಿಯೊಬ್ಬರು. ನೀವು ನಿರೂಪಿಸುವ ಆ Instagram ಫಿಲ್ಟರ್? ಯಾರೋ ಅದನ್ನು ಕೋಡ್ ಮಾಡಿದ್ದರು. ನಿಮಗೆ ಹೊಸ ಪ್ರೀತಿಯ ಹಾಡಿಗೆ ಮಾರ್ಗದರ್ಶನ ಮಾಡಿದ ಆಲ್ಗಾರಿತ್ಮ್? ಡೆವಲಪರ್ ಅದನ್ನು ಬರೆದಿದ್ದಾನೆ. ಸ್ನೇಹಿತರೊಂದಿಗೆ ಊಟದ ಬಿಲ್ ಹಂಚಿಕೊಳ್ಳಲು ಇರುವ ಆ ಆಪ್? ಹೌದು, ಯಾರೋ "ಇದು ತುಂಬಾ ಬೇಸರ, ನಾನು ಇದನ್ನು ಸರಿಪಡಿಸಬಹುದೇ?" ಎಂದು ಯೋಚಿಸಿ... ಹಾಗೆ ಮಾಡಿದ್ದಾರೆ! +ಮತ್ತು ನನಗೆ ಪ್ರತಿದಿನವೂ ನನಗೆ ಕವಕವಳಿಕೆ ನೀಡುವುದು ಇದು: ನಿಮ್ಮ ಜೀವನದ ಎಲ್ಲಾ ಡಿಜಿಟಲ್ ಸಂಗತಿಗಳು ಯಾರಾದರೂ ನಿಮ್ಮಂತೆಯೇ, ಬಹುಶಃ ಪೈಜಾಮಾಗಳಲ್ಲಿ ಕುಳಿತು ಕಾಫಿ ಕುಡಿಯುತ್ತಾ ತಮ್ಮ ಲ್ಯಾಪ್ಟಾಪ್ನಲ್ಲಿ ಕೋಡ್ ಟೈಪ್ ಮಾಡುತ್ತಾ ಪ್ರಾರಂಭವಾಯಿತು. ಫೋಟೋ ಫಿಲ್ಟರ್ ಆಗಲೀ, ಆ ಪ್ರಯೋಗಿಕ ಸಾಧನವನ್ನು ನಿರ್ಮಿಸಿದವರು; ನೀವು ಇಷ್ಟಪಡುವ ಹೊಸ ಗೀತೆಗೆ ಕರೆದಡೆತರುವ ಸೂಚನೆ ಬರೆಯಿತು ಡಿವಲಪರ್; ನಿಮ್ಮ ಸ್ನೇಹಿತರೊಂದಿಗೆ ಬಿಲ್ ಹಂಚಿಕೊಳ್ಳಲು ಉಪಯೋಗಿಸುವ ಆಪ್? ಒಬ್ಬರು “ಇದು ಕಷ್ಟಕರ, ನಾನು ಇದನ್ನು ಸರಿಪಡಿಸಬಹುದು ಎಂದು ಯೋಚಿಸಿದರು” ಮತ್ತು ಅವರು ಮಾಡಿದರು! -ನೀವು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕಲಿತಂತೆ, ನೀವು ಕೇವಲ ಹೊಸ ಕೌಶಲ್ಯವನ್ನು ಪಡೆಯುವುದಿಲ್ಲ – ನೀವು ಸಮಸ್ಯೆ ಪರಿಹಾರಕರ ಅದ್ಭುತ ಸಮುದಾಯದ ಭಾಗವಾಗುತ್ತಿದ್ದೀರಿ, ಅವರು "ಒಬ್ಬರ ದಿನವನ್ನು ಸ್ವಲ್ಪ ಹಬ್ಬಿಸಿ ಮಾಡುವುದಾದರೆ ನಾನು ಏನನ್ನಾದರೂ ನಿರ್ಮಿಸಬಹುದೇಕೆ?" ಎಂಬ ಆಲೋಚನೆಯಲ್ಲಿ ದಿನವನ್ನನುಗೊಳ್ಳುತ್ತಾರೆ. ನಿಜವಾಗಿಯೂ, ಇದಕ್ಕಿಂತ ಒಳ್ಳೆಯದುವೇನಿದೆ? +ನೀವು ಪ್ರೋಗ್ರಾಂ ಕಲಿತುಕೊಳ್ಳುವಂತೆ, ನೀವು ಕೇವಲ ಹೊಸ ಕೌಶಲವನ್ನು ಪಡೆತರಲ್ಲ – ನೀವು ಈ ಅದ್ಭುತ ಸಮಸ್ಯೆ ಪರಿಹಾರಕರ ಸಮುದಾಯದ ಅಂಶವಾಗುತ್ತೀರಿ, ಯವರು ದಿನವೂ ಯೋಚಿಸುತ್ತಾರೆ, “ನೆಗೆರೊಬ್ಬರ ದಿನವನ್ನು ಸ್ವಲ್ಪ ಸಹಜವಾಗಿಸುವುದಕ್ಕೆ ನಾನು ಏನನ್ನಾದರೂ ನಿರ್ಮಿಸಬಲ್ಲೆನೆ?” ಸತ್ಯವಾಗಿ, ಇದಕ್ಕಿಂತ ಅದ್ಭುತವೇನಿದೆ? -✅ **ಆನಂದಕಾರಿಯಾದ ವಿಚಾರ ಹುಡುಕಿ**: ನಿಮ್ಮ ಕೈ ಮುಕ್ತ ಸಮಯದಲ್ಲಿ ಹುಡುಕಿ ನೋಡಬೇಕಾದ ಒಂದು ಅದ್ಭುತ ಸಂಗತಿ – ಮೊದಲ ಜಗತ್ತಿನ ಕಂಪ್ಯೂಟರ್ ಪ್ರೋಗ್ರಾಮರ್ ಯಾರು? ಒಂದು ಅಂಕೆಗೆ – ನೀವು ಭಾವಿಸುತ್ತಿರುವವನು ಅಲ್ಲವೇಕೆ? ಆ ವ್ಯಕ್ತಿಯ ಕಥೆ ತುಂಬಾ ಆಕರ್ಷಕವಾಗಿದೆ ಮತ್ತು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಯಾವಾಗಲೂ ಸೃಜನಾತ್ಮಕ ಸಮಸ್ಯೆ ಪರಿಹಾರ ಮತ್ತು ವಿನೂತನ ಚಿಂತನೆಗಳ ಬಗ್ಗೆ ಇದೆಯೆಂದನ್ನು ತೋರಿಸುತ್ತದೆ. +✅ **ಬೆರೆಸುವ ಥರ ವಿಷಯ**: ನಿಮ್ಮ ಖಾಲಿ ಸಮಯದಲ್ಲಿ ಸಂಶೋಧನೆಯಲ್ಲಿ ಕುತೂಹಲಪಡಬೇಕಾದ ಒಂದು ವಿಚಾರ – ವಿಶ್ವದ ಮೊದಲ ಕಂಪ್ಯೂಟರ್ ಪ್ರೋಗ್ರಾಮರ್ ಯಾರು ಎಂದು ನೀವು ಯೋಚಿಸುತ್ತೀರಿ? ಒಂದು ಸೂಚನೆ ಕೊಡುವುದು ನನಗೆ ಇಷ್ಟ: ಅದು ನೀವು ನಿರೀಕ್ಷಿಸುವವನು ಎಂದಿಲ್ಲ! ಆ ವ್ಯಕ್ತಿಯ ಹಿಂದಿನ ಕಥೆ ಸಂಪೂರ್ಣವಾಗಿ ಜನಪ್ರಿಯ ಸೃಜನಶೀಲ ಸಮಸ್ಯೆ ಪರಿಹಾರ ಮತ್ತು ಹೊಸ ದೃಷ್ಟಿಕೋನವನ್ನು ತೋರಿಸುತ್ತದೆ. -### 🧠 **ಪರಿಶೀಲನೆ ಸಮಯ: ನೀವು ಹೇಗಿದ್ದೀರಾ?** +### 🧠 **ತಪಾಸಣ ಸಮಯ: ನೀವು ಹೇಗಿದ್ದೀರಾ?** -**ಒಂದು ಕ್ಷಣಕಾಲ reflexão ಮಾಡಿ:** -- "ಕಂಪ್ಯೂಟರ್ ಗಳು ಸೂಚನೆಗಳನ್ನು ಪಡೆಯುವ" ಕಲ್ಪನೆ ಈಗ ನಿಮಗೆ ಅರ್ಥವಾಗಿದೆಯೆ? -- ಪ್ರತಿ ದಿನದ ಕಾರ್ಯಗಳನ್ನು ನೀವು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಮೂಲಕ automate ಮಾಡಲು ಇಚ್ಛಿಸುವ ಏನಾದರೂ ಏನಿದೆ? -- ಈ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ವಿಷಯದ ಬಗ್ಗೆ ನಿಮ್ಮ ಘನತೆಗಳಲ್ಲಿ ಏನೆಷ್ಟು ಪ್ರಶ್ನೆಗಳಿವೆ? +**ಒಮ್ಮೆ ಪರಾಮರ್ಶಿಸಿ:** +- "ಕಂಪ್ಯೂಟರ್ ಗಳಿಗೆ ಸೂಚನೆ ನೀಡುವುದು" ಅನ್ನುವ ಕಲ್ಪನೆ ಈಗ ನಿಮಗೆ ಅರ್ಥವಾಗುತ್ತದೆಯೇ? +- ಏನಾದರೂ ದಿನನಿತ್ಯದ ಕೆಲಸವನ್ನು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಮೂಲಕ ಸ್ವಯಂಚಾಲಿತ ಮಾಡಲು ಇಚ್ಛಿಸುತ್ತೀರಾ? +- ಈ ಪ್ರೊಗ್ರಾಮಿಂಗ್ ವಿಷಯದ ಕುರಿತು ನಿಮ್ಮ ಮನಸ್ಸಿನಲ್ಲಿ ಯಾವ ಪ್ರಶ್ನೆಗಳು ಮೂಡುತ್ತಿವೆ? -> **ಮಡದಿ**: ಕೆಲವು ಕಲ್ಪನೆಗಳು ಈಗಾಗಲೇ ಬಹಳ ಗುಲಾಬಿಯಾಗಿರುವುದು ಸಹಜ. ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕಲಿಕೆ ಹೊಸ ಭಾಷೆಯನ್ನು ಕಲಿಯುವುದಾಗಿದ್ದು, ನಿಮ್ಮ ಮೆದುಳಿಗೆ ಈ ಮಾರ್ಗಗಳನ್ನು ನಿರ್ಮಿಸುವ ಸಮಯ ಬೇಕಾಗುತ್ತದೆ. ನೀವು ತುಂಬಾ ಚೆನ್ನಾಗಿದ್ದೀರಿ! +> **ನೋಡಿರಿ**: ಕೆಲವು ಕಲ್ಪನೆಗಳು ಈಗ ಸ್ಪಷ್ಟವಾಗದಿದ್ದರೂ ಸಹ ಇದು ಸಂಪೂರ್ಣ ಸಹಜವಾಗಿದೆ. ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕಲಿಯುವುದು ಹೊಸ ಭಾಷೆ ಕಲಿಯುವುದಂತೆ – ನಿಮ್ಮ ಮೆದುಳು ನ್ಯೂರಲ್ ಮಾರ್ಗಗಳನ್ನು ನಿರ್ಮಿಸಲು ಸಮಯ ಬೇಕಿದೆ. ನೀವು ಅದ್ಭುತವಾಗಿ ಮಾಡುತ್ತಿದ್ದೀರಿ! -## ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಭಿನ್ನ ಭಿನ್ನ ಮಾಯಾಜಾಲದ ರುಚಿಗಳಂತಹುದು +## ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ವಿವಿಧ ಮಾಯಾಜಾಲ ಸ್ವಾದಗಳಂತೆ -ಚನ್ನಾಗಿ, ಇದು ವಿಚಿತ್ರವಾಗಿ ಕೇಳಿಸಬಹುದು, ಆದರೆ ನನ್ನ ಜೊತೆ ಇರಿ – ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ವಿಭಿನ್ನ ಸಂಗೀತ ಶैलಿಗಳಂತಹವು. ಧ್ವನಿಮನೆ: ನೀವು ಜ್ಯಾಜ್, ಸಾನ್, ರಾಕ್, ಮತ್ತು ಹಿಪ್-ಹಾಪ್ ಇವುಗಳು ಇದ್ದಂತೆ. +ಸರಿ, ಇದು ವಿಚಿತ್ರವಾಗಿ ಕಾಣಬಹುದು, ಆದರೆ ನನ್ನೊಂದಿಗೆ ಇರು – ಪ್ರোগ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ವಿಭಿನ್ನ ಸಂಗೀತ ಶೈಲಿಗಳಂತಿವೆ. ನೀವು ಜಾಜ್ (ಜಾಜ್), ರಾಕ್ (ಶಕ್ತಿ ಮತ್ತು ಸರಳತೆ), ಕ್ಲಾಸಿಕಲ್ (ಸೌಂದರ್ಯ ಮತ್ತು ರಚನೆ) ಮತ್ತು ಹಿಪ್-ಹಾಪ್ (ಸೃಜನಶೀಲತೆ ಮತ್ತು ಅಭಿವ್ಯಕ್ತಿ) ಅನ್ನು ಪರಿಗಣಿಸಿ. ಪ್ರತಿಯೊಂದು ಶೈಲಿಯೂ ತನ್ನ ಅನನ್ಯ ವಾತಾವರಣ, ತನ್ನ ಭಕ್ತ ಸಮುದಾಯ ಮತ್ತು ವಿಭಿನ್ನ ಮನೋಭಾವಗಳಿಗೆ ಸೂಕ್ತವಾದದ್ದು. -ಪ್ರತಿ ಶೈಲಿಗೆ ತನ್ನ ವೈಭಮ್ ಮತ್ತು ಅಭಿಮಾನಿಗಳ ಸಮುದಾಯವಿದೆ ಮತ್ತು ಪ್ರತಿ ಪಾರ್ಟಿಗೆ ತಕ್ಕಂತೆ ವಿಭಿನ್ನ. +ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಕೂಡ ಇದೇ ರೀತಿ ಕೆಲಸಮಾಡುತ್ತವೆ! ಮೈಥುಂಡು ಮೊಬೈಲ್ ಗೇಮ್ ಡೆವಲಪ್ ಮಾಡಲು ಬಳಕೆಯಾಗುವ ಭಾಷೆಯನ್ನು ನೀವು ದೊಡ್ಡ ಪ್ರಮಾಣದ ಹವಾಮಾನ ಮಾಹಿತಿ crunch ಮಾಡಲು ಬಳಸುವುದಿಲ್ಲ, ಹಾಗೆಯೇ ಯೋಗ ತರಗತಿಯಲ್ಲಿ ಡೆತ್ ಮೆಟಲ್ ವಾದಿಸುವಂತಿಲ್ಲ (ಬಹುದೋ ಬಹುತೇಕ ಯೋಗ ತರಗತಿಗಳು)! -ಸಂಗೀತದಂತೆ, ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳೂ ಹೀಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ! ನೀವು ಸ್ವಲ್ಪ ಮನರಂಜನೆಯ ಮೊಬೈಲ್ ಗೇಮ್ ಗಾಗಿ JavaScript ಬಳಸಬಹುದು, ಕ್ಲೈಮೇಟ್ ಡೇಟಾವನ್ನು ದೊಡ್ಡ ಪ್ರಮಾಣದಲ್ಲಿ crunch ಮಾಡಲು Python ಬಳಸುತ್ತದೆ; ಹೀಗೆಯೇ ನೀವು ನನ್ನ ವಿಷಯವಾಗಿ ಡೆತ್ ಮೆಟಲ್ ಯೋಗ ಕ್ಲಾಸಿನಲ್ಲಿ ಬನ್ನದಂತೆ. (ಬಹುತೆಕ ಯೋಗ ದಿನಗಳಲ್ಲಿ!) +ಆದರೆ ಪ್ರತಿಸಾರಿ ಇದು ನನ್ನ ಮನಸ್ಸನ್ನು ಹೊಡೆದು ಹಾಕುತ್ತದೆ: ಈ ಭಾಷೆಗಳು ತುಂಬಾ ಧೈರ್ಯಬದ್ಧ ಮತ್ತು ಪ್ರತಿಭಾವಂತ ಭಾಷಾಂತರಕರಂತೆ ನಿಮ್ಮ ಪಕ್ಕದಲ್ಲಿ ಉಳ್ಳವು. ನೀವು ನಿಮ್ಮ ಕೈಗಾರಿಕೆಯ ಧಾರ್ಮಿಕತೆಯನ್ನು ಅದ್ಭುತವಾಗಿ ಹೇಳಬಹುದು, ಮತ್ತು ಅವು ಕಂಪ್ಯೂಟರ್ ಮಾತನಾಡುವ 1 ಗಳು ಮತ್ತು 0 ಗಳನ್ನಾಗಿ ಅದನ್ನು ತರ್ಜುಮೆ ಮಾಡುತ್ತವೆ. ಇದು “ಮಾನವ ಸೃಜನಶೀಲತೆ” ಮತ್ತು “ಕಂಪ್ಯೂಟರ್ ತರ್ಕ” ಎರಡನ್ನೂ ತುಂಬಾ ಚೆನ್ನಾಗಿ ತಿಳಿದಿರುವ ಸ್ನೇಹಿತ ಇದ್ದಂತೆ – ಅವರು ಎಂದೂ ದಣಿದಿಲ್ಲ, ಕಾಫಿ ಬ್ರೇಕ್ ಬೇಕಾಗಿಲ್ಲ ಮತ್ತು ನೀವು ಅದೇ ಪ್ರಶ್ನೆ ಎರಡನೇ ಬಾರಿ ಕೇಳಿದರೂ ತೀರ್ಪು ನೀಡುವುದಿಲ್ಲ! -ಆದರೆ ಪ್ರತಿಸಾರಿ ಮನಸ್ಸಿಗೆ ಶಾಕ್ ನೀಡುವುದು: ಭಾಷೆಗಳು ನಿಮಗೆ ಅತ್ಯಂತ ಸಹಜವಾಗಿ ನಿಮ್ಮ ಆಲೋಚನೆಗಳನ್ನು ಹೇಳಲು ಅವಕಾಶ ಮಾಡಿಕೊಡುತ್ತವೆ ಹಾಗೂ ಅವು ತುಂಬಾ ಸಂಕೀರ್ಣವಾದ 1 ಮತ್ತು 0 ಗಳಿಗೆ ಅನುವಾದವನ್ನು ಮಾಡುತ್ತವೆ. ನಿಮ್ಮ ಪಕ್ಕದಲ್ಲಿ ಇದ್ದಂತಹ ಮಾದರಿತನದಿಂದ ಇಬ್ಬರನ್ನೂ ಮಾತನಾಡುವ ಗೆಳೆಯನಂತೆ – ಅವರು ಎಂದಿಗೂ ಕೈಬಿಡುವುದಿಲ್ಲ, ಕಾಫಿ ವಿರಾಮ ಕೊಂಡಿಲ್ಲ, ಒಂದೇ ಪ್ರಶ್ನೆಯನ್ನು ಎರಡು ಬಾರಿ ಕೇಳಿದರೂ ಮುಕ್ಕಾಲುಮಾಡುವುದಿಲ್ಲ! - -### ಜನಪ್ರಿಯ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಅವುಗಳ ಉಪಯೋಗಗಳು +### ಜನಪ್ರಿಯ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಅವುಗಳ ಬಳಕೆ ```mermaid mindmap - root((Programming Languages)) - ವೆಬ್ ಅಭಿವೃದ್ಧಿ - JavaScript - ಮುಂಭಾಗ ಮಾಯಾಜಾಲ - ಸಂವಹನಾತ್ಮಕ ವೆಬ್‌ಸೈಟ್‌ಗಳು - TypeScript - JavaScript + ಟೈಪ್‌ಗಳು - ಎಂಟರ್ಪ್ರೈಸ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು + root((ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು)) + ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ + ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ + ಮುಂದಣ ಮಾಯಾಜಾಲ + ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ವೆಬ್ಸೈಟ್‌ಗಳು + ಟೈಪ್ಸ್ಕ್ರಿಪ್ಟ್ + ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ + ಪ್ರಕಾರಗಳು + ಎಂಟರ್ಪ್ರೈಸ್ಗಳು ಡೇಟಾ & AI - Python + ಪೈಥಾನ್ ಡೇಟಾ ವಿಜ್ಞಾನ ಯಂತ್ರ ಅಧ್ಯಯನ ಸ್ವಯಂಚಾಲನೆ R - ಅಂಕಿ ಅಂಶಗಳು + ಅಂಕಿಅಂಶಗಳು ಸಂಶೋಧನೆ - ಮೊಬೈಲ್ ಅಪ್ಪಳು - Java + ಮೊಬೈಲ್ ಆ್ಯಪ್ಸ್ + ಜವಾ ಆಂಡ್ರಾಯ್ಡ್ - ಎಂಟರ್ಪ್ರೈಸ್ - Swift + ಎಂಟರ್ಪ್ರೈಸ್ಗಳು + ಸ್ವಿಫ್ಟ್ iOS ಆಪಲ್ ಪರಿಸರ - Kotlin - ಆಧುನಿಕ ಆಂಡ್ರಾಯ್ಡ್ - ಕ್ರಾಸ್-ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ - ಸಿಸ್ಟಂಗಳು & ಕಾರ್ಯಕ್ಷಮತೆ + ಕೋಟ್ಲಿನ್ + ಆಧುನಿಕ ಆಂಡ್ರಾಯಡ್ + ಕಡಕೊಂಡು ಕಾರ್ಯ ನಡೆಸುವಿಕೆ + ವ್ಯವಸ್ಥೆಗಳು & ಕಾರ್ಯಕ್ಷಮತೆ C++ ಆಟಗಳು - ಕಾರ್ಯಕ್ಷಮತೆ ಮುಖ್ಯ - Rust - ಮეხುರಿ ಸುರಕ್ಷತೆ - ಸಿಸ್ಟಂ ಪ್ರೋಗ್ರಾಮಿಂಗ್ - Go + ಕಾರ್ಯಕ್ಷಮತೆ ಗಂಭೀರ + ರಸ್ಟ್ + ಮೆಮೊರಿ ಸುರಕ್ಷತೆ + ವ್ಯವಸ್ಥೆ ಪ್ರೋಗ್ರಾಮಿಂಗ್ + ಗೋ ಕ್ಲೌಡ್ ಸೇವೆಗಳು - ವಿಸ್ತರಣೀಯ ಬ್ಯಾಕ್‌ಎಂಡ್ + ವಿಸ್ತರಣೀಯ ಬ್ಯಾಕೆಂಡ್ ``` -| ಭಾಷೆ | ಉತ್ತಮ ಬಳಕೆ | ಯಾವ್ದಕ್ಕೆ ಜನಪ್ರಿಯವಾಗಿದ್ದು | +| ಭಾಷೆ | ಉತ್ತಮವಾದುದು | ಯಾಕೆ ಜನಪ್ರಿಯ | |----------|----------|------------------| -| **JavaScript** | ವೆಬ್ ಅಭಿವೃದ್ಧಿ, ಬಳಕೆದಾರ ಮುಖಪುಟಗಳು | ಬ್ರೌಸರ್ ಗಳಲ್ಲಿ ಚಲಿಸುತ್ತದೆ, ಇಂಟರಾಕ್ಟಿವ್ ವೆಬ್‌ಸೈಟ್ ಗಳನ್ನು ಶಕ್ತಿ ನಿಡುತ್ತದೆ | -| **Python** | ಡೇಟಾ ವಿಜ್ಞಾನ, ಸ್ವಯಂಚಾಲನೆ, ಏಐ | ಓದಲು ಸುಲಭ, ಬಹುಶಕ್ತಿಯ ಗ್ರಂಥಾಲಯಗಳು | -| **Java** | ಎಂಟರ್ಪ್ರೈಸ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು, ಆಂಡ್ರಾಯ್ಡ್ ಆಪ್ಸ್ | ವೇದಿಕೆ-ಸ್ವತಂತ್ರ, ಬೃಹತ್ ವ್ಯವಸ್ಥೆಗಳಿಗೆ ದೃಢ | -| **C#** | ವಿಂಡೋಸ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು, ಆಟ ಮಹಿಳತ್ವ | Microsoft ಪರಿಕಲ್ಪನೆ ಸಹಕಾರ | -| **Go** | ಕ್ಲೌಡ್ ಸರ್ವೀಸ್ ಗಳು, ಬ್ಯಾಕ್ಎಂಡ್ ವ್ಯವಸ್ಥೆಗಳು | ವೇಗವಾದ, ಸರಳ, ಆಧುನಿಕ ಗಣನೆಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ | +| **JavaScript** | ವೆಬ್ ಅಭಿವೃದ್ಧಿ, ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸೆಸ್ | ಬ್ರೌಸರ್ ಗಳು ಹಾಗೂ ಇಂಟರಾಕ್ಟಿವ್ ವೆಬ್‌ಸೈಟ್ ಗಳಲ್ಲಿ ಚಾಲನೆ | +| **Python** | ಡೇಟಾ ವಿಜ್ಞಾನ, ಸ್ವಯಂಚಾಲನೆ, AI | ಓದಲು ಸುಲಭ, ಶಕ್ತಿಶಾಲಿ ಗ್ರಂಥಾಲಯಗಳು | +| **Java** | ಎಂಟರ್ಪ್ರೈಸ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು, ಆಂಡ್ರಾಯ್ಡ್ ಆಪ್ಸ್ | ವೇದಿಕೆ-ಸ್ವತಂತ್ರ, ದೊಡ್ಡ ವ್ಯವಸ್ಥೆಗಳಿಗೆ ದೃಢವಾದುದು | +| **C#** | ವಿಂಡೋಸ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು, ഗೇಮ್ ಅಭಿವೃದ್ಧಿ | ಶಕ್ತಿ ತುಂಬಿದ ಮೈಕ್ರೋಸಾಫ್ಟ್ ಪರಿಕರ ವ್ಯವಸ್ಥೆ ಬೆಂಬಲ | +| **Go** | ಕ್ಲೌಡ್ ಸೇವೆಗಳು, ಬ್ಯಾಕೆಂಡ್ ವ್ಯವಸ್ಥೆಗಳು | ವೇಗವಾಗಿ, ಸರಳವಾಗಿ, ಆಧುನಿಕ ಕಂಪ್ಯೂಟಿಂಗ್ ಗಾಗಿ ವಿನ್ಯಾಸ ಮಾಡಲಾಗಿದೆ | -### ಹೈ-ಲೆವೆಲ್ vs ಲೋ-ಲೆವೆಲ್ ಭಾಷೆಗಳು +### ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಮತ್ತು ಕಡಿಮೆ ಮಟ್ಟದ ಭಾಷೆಗಳು -ಚನ್ನಾಗಿ, ಇದು ನಿಜವಾಗಿಯೂ ನನ್ನ ಮೆದುಳನ್ನು ಮುರಿದ ಕಲ್ಪನೆಯಾಗಿತ್ತು ಬರುತ್ತಿದ್ದಾಗ, ನಾನು ನನ್ನಿಗೆ ಅರ್ಥ ಮಾಡಿದ ಉಭಯತೆಯನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಬಯಸುತ್ತೇನೆ – ಮತ್ತು ಇದು ನಿಮಗೆ ಸಹ ಸಹಾಯ ಮಾಡುವುದಾಗಿ ನಾನು ಆಶಿಸುತ್ತೇನೆ! +ಇದು ನಿಜವಾಗಿಯೂ ನನ್ನ ಮೆದುಳಿಗೆ ಹೊಡೆದ ವಿಚಾರವಾಗಿತ್ತು ಪ್ರಾರಂಭದಲ್ಲಿ ಕಲಿತಾಗ, ಹಾಗಾಗಿ ನಾನು ಸಂಜ್ಞೆಯನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತೇನೆ ಅದು ನನಗೆ ಅರ್ಥವಾಗಲು ಕೊನೆಗೆ ಸಹಾಯ ಮಾಡಿದದ್ದು – ನಿಮಗೆ ಸಹ ಸಹಾಯವಾಗಲಿ! -ನೀವು ಉಳಿದಿನ್ಕೆ ಭಾಷೆ ಮಾತನಾಡದೇ ಇರುವ ದೇಶಕ್ಕೆ ಹೋಗಿದ್ದೀರಿ ಎಂದು ಕಲ್ಪಿಸಿ ಮತ್ತು ನೀವು ತುರ್ತಾಗಿ ಹತ್ತಿರದ ಬಾತ್ರೂಂ ಹುಡುಕಬೇಕಾಗಿದೆ (ನಾವು ಎಲ್ಲರೂ ಇಂತಹ ಅನುಭವಗಳಿವೆ, ಸರಿ? 😅): +ನೀವು ಅಂತೆಯೇ ಅಲ್ಲಿಯ ಭಾಷೆಯನ್ನು ಮಾತನಾಡದ ದೇಶಕ್ಕೆ ಭೇಟಿ ನೀಡಿ, ಅಲ್ಲಿ ಸಮೀಪದ ಶೌಚಾಲಯವನ್ನು ಹುಡುಕಬೇಕಿದೆ ಎಂದು ಭಾವಿಸಿ (ನಾವೆಲ್ಲಾ ಅಲ್ಲಿದ್ದೇವೆ, ಸರಿಯೇ? 😅): -- **ಲೋ-ಲೆವೆಲ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್** ಅಂದರೆ ಅಲ್ಲಿ ಬೆಳೆದ ಹಿರಿಯರು ಮಾತನಾಡುವ ಭಾಷೆಯನ್ನು ಹಳೇ ಹಾದಿ ತಿಳಿದುಕೊಂಡು, ಅನುಭವದ ಅರ್ಥ, ಸ್ಥಳೀಯ ಸಂಸ್ಕೃತಿ ಮತ್ತು ಜೋಕ್ಸ್ ಬಳಸಿ ಅಮೂಲ್ಯ ಸಂವಾದ ಮಾಡುವಂತೆ. ಅದ್ಭುತ ಮತ್ತು ಅತೀ ಹೆಚ್ಚು ಪರಿಣಾಮಕಾರಿಯಾಗಿ... ನೀವು fluent ಆಗಿದ್ದರೆ! ಆದರೆ ನೀವು ಕೇವಲ ಬಾತ್ರೂಂ ಹುಡುಕಲು ಬಯಸುತ್ತಿರುವಾಗ ತುಂಬಾ ಅತಿಭಾರವಾಗಿರುತ್ತದೆ. +- **ಕಡಿಮೆ ಮಟ್ಟದ ಪ್ರೋಗ್ರಾಮಿಂಗ್** ಅಂದರೆ ಆ ಸ್ಥಳೀಯ ಭಾಷೆಯನ್ನು ಅಂತಷ್ಟು ಚೆನ್ನಾಗಿ ಕಲಿತಿರುವಂತೆ, ನೀವು ಆ ಮನೆಯ ಅಜ್ಜಿಯೊಂದಿಗೆ ಆ ಲೆಕ್ಕಸಾಲೆಗೆ ಹೋಲುವ ಎಲ್ಲ ವರ್ಣನೆಗಳನ್ನು, ಸ್ಥಳೀಯ ಗಾಳಿಪಟ, ಮತ್ತು ಒಳಗಿನ ಜೋಕ್ಸ್ ಬಳಸಿ ಸಂಭಾಷಣೆ ಮಾಡುವುದು. ಅದ್ಭುತ ಮತ್ತು ಪರಿಣಾಮಕಾರಿಯಾಗುತ್ತೆ... ಆದರೆ ನೀವು ಎರಡನೇ, ಬಟ್ಟೆ ಬದಲಾಯಿಸುವ ವಿಶಿಷ್ಟ ರಾಜ್ಯಕ್ಕೆ ಬಂದಿರುವಂತೆ ಅನ್ಸುತ್ತದೆ! -- **ಹೈ-ಲೆವೆಲ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್** ಅದ್ಹೇಗೆ ಅದ್ಭುತ ಸ್ಥಳೀಯ ಗೆಳೆಯನಿರುವಂತೆ, ನೀವು ಸರಳ ಇಂಗ್ಲಿಷ್ ನಲ್ಲಿ "ನನಗೆ ಬಾತ್ರೂಂ ಬೇಕು" ಎಂದು ಹೇಳಬಹುದು ಮತ್ತು ಅವರು ಎಲ್ಲಾ ಸಂಸ್ಕೃತಿಕ ಅನುವಾದವನ್ನು ಮಾಡಿ ಸಮಯದಿಂದ ನೇರ, ಬುದ್ಧಿವಂತಿಕೆಯಿಂದ ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತಾರೆ. +- **ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಪ್ರೋಗ್ರಾಮಿಂಗ್** ಅಂದರೆ ಅದ್ಭುತ ಸ್ಥಳೀಯ ಗೆಳೆಯನಿದ್ದರೆ, ನೀವು "ನನಗೆ ಶೌಚಾಲಯ ಬೇಕು" ಎಂದು ಸರಳ ಇಂಗ್ಲಿಷಿನಲ್ಲಿ ಹೇಳಬಹುದು, ಅವರು ಎಲ್ಲಾ ಸಾಂಸ್ಕೃತಿಕ ಅನುವಾದ ಮತ್ತು ಮಾರ್ಗ ಸೂಚನೆಗಳನ್ನು ನಿಮ್ಮ ಸೂಚ್ಯಂಕಕ್ಕೆ ಸರಿಯಾಗಿ ವ್ಯವಸ್ಥೆಮಾಡಿಕೊಳ್ಳುತ್ತಾರೆ. -ಪ್ರೋಗ್ರಾಮಿಂಗ್ ನ ದೃಷ್ಟಿಕೋಣದಲ್ಲಿ: -- **ಲೋ-ಲೆವೆಲ್ ಭಾಷೆಗಳು** (ಅಸೆಂಬ್ಲಿ ಅಥವಾ C) ನಿಮಗೆ ಕಂಪ್ಯೂಟರ್ ನ actual hardware ಜೊತೆಗೆ ವಿವರವಾದ ಸಂವಾದ ಮಾಡಲು ಅವಕಾಶ ಮಾಡುತ್ತವೆ, ಆದರೆ ನಿಮ್ಮಂತೆ ಯಂತ್ರನಂತೆ ತೀರ್ಮಾನಿಸಬೇಕು, ಇದು ಒಂದು ದೊಡ್ಡ ಮಾನಸಿಕ ಬದಲಾವಣೆ! -- **ಹೈ-ಲೆವೆಲ್ ಭಾಷೆಗಳು** (JavaScript, Python, ಅಥವಾ C#) ನೀವು ಹ್ಯೂಮನಾಗಿ ಯೋಚಿಸುವಂತೆ ಮಾಡಿ, ಆ ಸಮಯದಲ್ಲಿ ಯಂತ್ರ ಭಾಷೆಯನ್ನು ಹಿಂಖಾಲಿನಲ್ಲಿ ನಿಭಾಯಿಸುತ್ತವೆ. ಜೊತೆಗೆ, ಇವು ಸಹಾನುಭೂತಿ ಹೊಂದಿದ ದೊಡ್ಡ ಸಮುದಾಯಗಳೊಡನೆ ಬರುತ್ತವೆ, ಇದು ಹೊಸವರಾಗಿ ಇದ್ದ ಅನುಭವವನ್ನು ನೆನಸಿ ಸಹಾಯ ಮಾಡಲು ಉತ್ತಮರು! +ಪ್ರೋಗ್ರಾಮಿಂಗ್ ದೃಷ್ಟಿಯಿಂದ: +- **ಕಡಿಮೆ ಮಟ್ಟದ ಭಾಷೆಗಳು** (ಹಾಗೂ ಅಸೆಂಬ್ಲಿ ಅಥವಾ C) ನಿಮಗೆ ಕಂಪ್ಯೂಟರ್ ನ ನಿಜವಾದ ಹಾರ್ಡ್‌ವೇರ್ ಜೊತೆಗೆ ತುಂಬ ವಿಶದವಾದ ಸಂಭಾಷಣೆ ಮಾಡಲು ಅವಕಾಶ ಕೊಡುತ್ತವೆ, ಆದರೆ ನೀವು ಯಂತ್ರದಂತೆ ಯೋಚಿಸಬೇಕಾಗುತ್ತದೆ, ಅದು ನಿಜವಾಗಿಯೂ ತುಂಬ ಹೊಸ ಮನಃಸ್ಥಿತಿ ಬೇಕಾದದ್ದು! +- **ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಭಾಷೆಗಳು** (ಹಾಗೆ JavaScript, Python ಅಥವಾ C#) ನೀವು ಮಾನವನಂತೆ ಯೋಚಿಸಿದರೆ, ಅವು ಎಲ್ಲಾ ಯಂತ್ರಭಾಷೆಯನ್ನು ನಿಭಾಯಿಸುತ್ತವೆ. ಜೊತೆಗೆ, ಅವು ನವೀನರ ಬಗ್ಗೆ ನೆನಪಿರುವ, ನಿಜವಾದ ಸಹಾಯವನ್ನು ನೀಡುವ ಅಲ್ಲಿ ಒಳ್ಳೆಯ ಸಮುದಾಯ ಹೊಂದಿವೆ! -ನಾನು ಯಾವ ದಾರಿಯೊಂದಿಗೆ ನಿಮ್ಮನ್ನು ಪ್ರಾರಂಭಿಸಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇನೆ ಗೊತ್ತಾ? 😉 ಹೈ-ಲೆವೆಲ್ ಭಾಷೆಗಳು ತರಬೇತಿ ಚಕ್ರಗಳಂತಿವೆ, ನೀವು ಅವುಗಳನ್ನು ತೆಗೆದುಹಾಕಲು ಬಯಸದಿರಿ ಏಕೆಂದರೆ ಅವು ಒಟ್ಟಾರೆ ಅನುಭವವನ್ನು ಅತ್ಯಂತ ಸುಂದರ ಮಾಡಿಸುತ್ತವೆ! +ನನಗೆ ಯಾವ ಭಾಷೆಗಳು ಆರಂಭಿಸಲು ಸಲಹೆ ನೀಡುತ್ತೇನೆ ಗೊತ್ತಾ? 😉 ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಭಾಷೆಗಳು ತರಬೋತಿ ಬೆಳ್ಳಿಗೆ ಹೋಲಿಸುತ್ತವೆ, ನೀವು ಅವುಗಳನ್ನು ತೆಗೆಯಲು ಬಯಸುವುದಿಲ್ಲ ಏಕೆಂದರೆ ಅವು ಅನುಭವವನ್ನು ಬಹಳ ಆನಂದಕಾರಿಯಾಗಿ ಮಾಡುತ್ತವೆ! ```mermaid flowchart TB - A["👤 ಮಾನವ ಚಿಂತನೆ:
'ನಾನು ಫಿಬೊನಾಚಿ ಸಂಖ್ಯೆಗಳ गणನೆ ಮಾಡಬೇಕಾಗಿದೆ'"] --> B{ಭಾಷಾ ಮಟ್ಟವನ್ನು ಆರಿಸಿ} + A["👤 ಮಾನವ ಚಿಂತನೆ:
'ನನಗೆ ಫಿಬೊನಾಸಿ ಸಂಖ್ಯೆಗಳು ಗಣನೆ ಮಾಡಲು ಇಚ್ಛೆಯಿದೆ'"] --> B{ಭಾಷಾ ಮಟ್ಟವನ್ನು ಆಯ್ಕೆಮಾಡಿ} - B -->|ಹೈ-ಲೆವೆಲ್| C["🌟 ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್/ಪೈಥಾನ್
ಓದಲು ಮತ್ತು ಬರೆಯಲು ಸುಲಭ"] - B -->|ಲೋ-ಲೆವೆಲ್| D["⚙️ ಅಸೆಂಬೆಲಿ/ಸಿ
ನೇರ ಹಾರ್ಡ್‌ವೇರ್ ನಿಯಂತ್ರಣ"] + B -->|ಉನ್ನತ-ಮಟ್ಟು| C["🌟 ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್/ಪೈಥಾನ್
ಊ는다ಲು ಮತ್ತು ಬರೆಯಲು ಸುಲಭ"] + B -->|ಕನಿಷ್ಠ-ಮಟ್ಟು| D["⚙️ ಅಸೆಂಬ್ಲಿ/C
ನೇರವಾದ ಹಾರ್ಡ್‌ವೇರ್ ನಿಯಂತ್ರಣ"] - C --> E["📝 ಬರೆಯಿರಿ: fibonacci(10)"] - D --> F["📝 ಬರೆಯಿರಿ: mov r0,#00
sub r0,r0,#01"] + C --> E["📝 ಬರೆಯಿ: fibonacci(10)"] + D --> F["📝 ಬರೆಯಿ: mov r0,#00
sub r0,r0,#01"] - E --> G["🤖 ڪمپ್ಯೂಟರ್ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆ:
ಭಾಷಾಂತರಕಾರ ಜಟಿಲತೆಯನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ"] + E --> G["🤖 ಕಂಪ್ಯೂಟರ್ ಅರ್ಥಮಾಡಿಕೆ:
ಅನುವಾದಕವು ಕಠಿಣತೆಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ"] F --> G - G --> H["💻 ಎಂತಹ ಫಲಿತಾಂಶ:
0, 1, 1, 2, 3, 5, 8, 13..."] + G --> H["💻 ಅದೇ ಫಲಿತಾಂಶ:
0, 1, 1, 2, 3, 5, 8, 13..."] style C fill:#e1f5fe style D fill:#fff3e0 style H fill:#e8f5e8 ``` -### ನಾನ್ ನಿಮಗೆ ತೋರಿಸುತ್ತೇನೆ ಏಕೆ ಹೈ-ಲೆವೆಲ್ ಭಾಷೆಗಳು ತುಂಬಾ ಸ್ನೇಹಪರವಾಗಿವೆ +### ನೀವು ನೋಡಿರಿ, ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಭಾಷೆಗಳು ಎಷ್ಟರಮಟ್ಟಿಗೆ ಸ್ನೇಹಪರವಾಗಿವೆ -ಚನ್ನಾಗಿ, ನಾನು ನಿಮಗೆ ಹೈ-ಲೆವೆಲ್ ಭಾಷೆಗಳೊಂದಿಗೆ ಶಾಲಿತವಾದುದನ್ನು ತೋರಿಸುವೆ, ಆದರೆ ಮೊದಲು ಒಂದು ಮಾತು ಹೇಳಿ. ಮೊದಲ ಕೇಸ್ ಉದಾಹರಣೆಯನ್ನು ನೋಡಿದಾಗ ಪ್ಯಾನಿಕ್ ಆಗಬೇಡಿ! ಅದು ಭಯಂಕರವಾಗಿಯೇ ತೋರುತ್ತದೆ. ಅದೇ ನಾನು ಹೇಳಬೇಕಾದ ಮಹತ್ವ. +ಸರಿಹೊಂದುತ್ತೇವೆ, ನಾನು ನಿಮಗೆ ಏನೋ ತೋರಿಸಲಿದ್ದೇನೆ ಅದು ನನಗೆ ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಭಾಷೆಗಳನ್ನು ಇಷ್ಟಪಡಿಸಲು ಕಾರಣವಾಗಿದೆ, ಆದರೆ ಮೊದಲಿಗೆ – ನೀವು ಒಂದು ವಾದ ಮಾಡಬೇಕು. ನೀವು ಮೊದಲ ಕೋಡ್ ಉದಾಹರಣೆ ನೋಡಿದಾಗ, ಬೆದರಬೇಡಿ! ಅದು ಅದೆಷ್ಟೋ ನನ್ನುಂಟಕ್ಕೊಳ್ಳಿಸುವಂತೆ ತೋರುತ್ತದೆ. ಅದೇ ನಾನು ಹೇಳುತ್ತಿದ್ದ ಕಾರಣ! -ನಾವು ಅದೇ ಕಾರ್ಯವನ್ನು ಎರಡು ವಿಭಿನ್ನ ಶೈಲಿಗಳಲ್ಲಿ ಬರೆಯಲಿದ್ದೇವೆ. ಎರಡೂ ಫಿಬೋನ್ಯಾಸಿ ಕ್ರಮವನ್ನು ಸೃಷ್ಟಿಸುತ್ತವೆ – ಇದು ಸುಂದರ ಗಣಿತೀಯ ಮಾದರಿಯಾಗಿದೆ, प्रत्येक ಸಂಖ್ಯೆ ಹಿಂದಿನ ಎರಡು ಸಂಖ್ಯೆಗಳ ಮೊತ್ತ: 0, 1, 1, 2, 3, 5, 8, 13... (ಆನಂದಕಾರಿ ವಿಚಾರ: ನೀವು ಈ ಮಾದರಿಯನ್ನು ಪ್ರಕೃತಿಯಲ್ಲಿ ಎಲ್ಲೆಡೆ ಕಂಡುಹಿಡಿಯುತ್ತೀರಿ – ಸೂರ್ಯಕಾಂತಿ ಸೀಡಿನ ಸಿಪ್ಪಣೆ, ಪೈನ್ ಕೊನೆ ಮಾದರಿ, ಗ್ಯಾಲಕ್ಸಿಗಳ ನಿರ್ಮಾಣವೂ!) +ನಾವು ಒಂದು ಕಾರ್ಯವನ್ನು ಎರಡು ಬಗೆಯ ಶೈಲಿಯಲ್ಲಿ ಬರೆದಿರೋದು ನೋಡೋಣ. ಎರಡೂಗಳು ಫಿಬೊನಾಚಿ ಕ್ರಮವನ್ನು ರಚಿಸುತ್ತವೆ – ಇದು ಒಂದು ಸುಂದರ ಗಣಿತೀಯ ಮಾದರಿ, ಅಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಸಂಖ್ಯೆ ಹಿಂದಿನ ಎರಡು ಸಂಖ್ಯೆಗಳ ಮೊತ್ತ: 0, 1, 1, 2, 3, 5, 8, 13... (ಮೋಜಿನ ವಿಷಯ: ನೀವು ಈ ಮಾದರಿಯನ್ನು ನಾನಾ ಪ್ರಕೃತಿ ಸಂಗತಿಗಳಲ್ಲಿ ಕಾಣುತ್ತೀರಿ – ಸೂರ್ಯಾಸೂತ್ರ ಬಿಚ್ಚಿನ ಕಣಿಗಳು, ಪೈನ್ ಕೋನ್ ಮಾದರಿಗಳು, ಗ್ಯಾಲಕ್ಸಿಗಳು ಹೇಗೆ ರೂಪುಗೊಳ್ಳುವುದೂ!) -ವೈಭಿನ್ನ್ಯವನ್ನು ನೋಡೋಣವೇ? +ತಪ್ಪದೇ ನೋಡಿ! -**ಹೈ-ಲೆವೆಲ್ ಭಾಷೆ (JavaScript) – ಮಾನವ ಸ್ನೇಹಿ:** +**ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಭಾಷೆ (JavaScript) – ಮಾನವ ಸ್ನೇಹಿ:** ```javascript -// ಹಂತ 1: ಮೂಲ ಫಿಬೋನಾಚಿ ವ್ಯವಸ್ಥೆ +// ಹಂತ 1: ಮೂಲ ಫಿಬೊನಾಚಿ ಸಿದ್ಧತೆ const fibonacciCount = 10; let current = 0; let next = 1; @@ -185,32 +183,32 @@ let next = 1; console.log('Fibonacci sequence:'); ``` -**ಈ ಕೋಡ್ ಮಾಡುವುದು ಏನು:** -- ನಿರ್ಧರಿಸಿ ಎಷ್ಟು ಫಿಬೋನ್ಯಾಸಿ ಸಂಖ್ಯೆಗಳು ಬೇಕು ಎಂಬುದನ್ನು -- ಎರಡು ವ್ಯತ್ಯಾಸಗಳನ್ನು ನಿರ್ಮಿಸಿ ಕ್ರಮದ ಪ್ರಸ್ತುತ ಮತ್ತು ಮುಂದಿನ ಸಂಖ್ಯೆಯನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಲು -- ಪ್ರಾರಂಭಿಕ ಮೌಲ್ಯಗಳನ್ನು (0 ಮತ್ತು 1) ಹೊಂದಿಸಿ, ಫಿಬೋನ್ಯಾಸಿ ಮಾದರಿ ರೂಪಿಸುವಂತೆ -- ನಮ್ಮ output ಗೆ ಹೆಡರ್ ಸಂದೇಶವನ್ನು ತೋರಿಸಿ +**ಈ ಕೋಡ್ ಮಾಡುವ ಕಾರ್ಯ:** +- **一个 ನಿಶ್ಚಿತ ಸಂಖ್ಯೆ** ಘೋಷಿಸಿ ನಾವು ಎಷ್ಟು ಫಿಬೊನಾಚಿ ಸಂಖ್ಯೆಯನ್ನು ತಯಾರು ಮಾಡಬೇಕೆಂದು +- **ರದ್ದುಪಡಿಸಿ** ಈಗಿನ ಮತ್ತು ಮುಂದಿನ ಸಂಖ್ಯೆಗಳನ್ನು ಟೋಕಣಿಸಲು ಎರಡು ಚರಗಳನ್ನು +- **ಸೂಚಿಸಿ** ಆರಂಭಿಕ ಮೌಲ್ಯಗಳು (0 ಮತ್ತು 1) ಫಿಬೊನಾಚಿ ಮಾದರಿಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು +- **ತೋರಿಸಿ** ನಮ್ಮ ಫಲಿತಾಂಶವನ್ನು ಕಲ್ಪಿಸುವ ಶೀರ್ಷಿಕೆ ಸಂದೇಶ ```javascript -// ಹಂತ 2: ಲೂಪ್‌ನೊಂದಿಗೆ ಕ್ರಮವನ್ನು ಉತ్పन्नಿಸಿ +// ಹಂತ 2: ಲೂಪ್‌ನೊಂದಿಗೆ ಕ್ರಮವನ್ನು ರಚಿಸಿ for (let i = 0; i < fibonacciCount; i++) { console.log(`Position ${i + 1}: ${current}`); - // ಕ್ರಮದಲ್ಲಿ ಮುಂದಿನ ಸಂಖ್ಯೆ ಗಣನೆ ಮಾಡಿ + // ಕ್ರಮದಲ್ಲಿ ಮುಂದಿನ ಸಂಖ್ಯೆಯನ್ನು ಲೆಕ್ಕಿಸಿ const sum = current + next; current = next; next = sum; } ``` -**ಇಲ್ಲಿ ಏನು ನಡೆಯುತ್ತಿದೆ:** -- `for` ಲೂಪ್ ನಿಂದ ಕ್ರಮದ ಎಲ್ಲಾ ಸ್ಥಾನಗಳಲ್ಲಿ ಸಂಚರಿಸಿ -- ಪ್ರತಿ ಸಂಖ್ಯೆಯನ್ನು ಅದರ ಸ್ಥಾನ ಜೊತೆಗೆ ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ ಪ್ರಕಾರ ತೋರಿಸಿ -- ಪ್ರಸ್ತುತ ಮತ್ತು ಮುಂದಿನ ಮೌಲ್ಯಗಳನ್ನು ಸೇರಿಸಿ ಮುಂದಿನ ಫಿಬೋನ್ಯಾಸಿ ಸಂಖ್ಯೆಯನ್ನು ಲೆಕ್ಕಿಸಿ -- ನಮ್ಮ ಟ್ರ್ಯಾಕಿಂಗ್ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಮುಂದಿನ ಸಂಚರಣೆಗೆ ವಿವರಿಸಿ +**ಇಲ್ಲಿ ನಡೆಯುವ ಪ್ರಕ್ರಿಯೆ:** +- `for` ಲೂಪ್ ಬಳಸಿ ನಮ್ಮ ಸರಣಿಯ ಪ್ರತಿಯೊಂದು ಸ್ಥಾನದಲ್ಲಿ ಲೂಪ್ ಮಾಡಿ +- ಪ್ರತಿ ಸಂಖ್ಯೆಯನ್ನು ಅದರ ಸ್ಥಾನೊಡನೆ ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ ರೂಪದಲ್ಲಿ ತೋರಿಸಿ +- ಈಗಿನ ಮತ್ತು ಮುಂದಿನ ಮೌಲ್ಯಗಳನ್ನು ಸೇರಿಸಿ ಮುಂದಿನ ಫಿಬೊನಾಚಿ ಸಂಖ್ಯೆಯನ್ನು ಲೆಕ್ಕಿಸಿ +- ನಮ್ಮ ಟ್ರ್ಯಾಕಿಂಗ್ ಚರಗಳನ್ನು ಮುಂದಿನитераೇಷನ್ ಗೆ ನವೀಕರಿಸಿ ```javascript -// ಹಂತ 3: ಆಧುನಿಕ ಕಾರ್ಯಾತ್ಮಕ ವಾಗಿ +// ಹಂತ 3: ಆಧುನಿಕ ಕಾರ್ಯಾತ್ಮಕ ವಿಧಾನ const generateFibonacci = (count) => { const sequence = [0, 1]; @@ -226,13 +224,13 @@ const fibSequence = generateFibonacci(10); console.log(fibSequence); ``` -**ಈ ಮೇಲಿನುದರಲ್ಲಿ:** -- ಆಧುನಿಕ ತುದಿ არაಡಿಗೆ ಕಾರ್ಯವನ್ನು ಸೃಷ್ಟಿಸಿದೆ -- ಸರಣಿಯನ್ನು ರೂಪಿಸಿತು ಮತ್ತು ಪೂರ್ಣ ಕ್ರಮವನ್ನು ಸಂಗ್ರಹಿಸಿತು, ತೋರಿಸುವ ಬದಲು -- ಪೂರ್ವದ ಮೌಲ್ಯಗಳಿಂದ ಪ್ರತಿ ಹೊಸ ಸಂಖ್ಯೆಯನ್ನು ಲೆಕ್ಕಿಸಲು ಸರಣಿ ಸೂಚಕ ಉಪಯೋಗಿಸಿತು -- ಕಾರ್ಯಕ್ರಮದ ಇತರ ಭಾಗಗಳಲ್ಲಿ ಉಪಯೋಗಿಸಲು ಪೂರ್ಣ ಕ್ರಮವನ್ನು ಮರುಪಡೆಯಿತು +**ಮೇಲಿನದಲ್ಲಿ ನಾವು:** +- ಆಧುನಿಕ ಅರೋ ಫಂಕ್ಷನ್ ಸಿಂಟ್ಯಾಕ್ಸ್ ಬಳಸಿ ಪುನರಾವರ್ತನೀಯ ಫಂಕ್ಷನ್ ನಿರ್ಮಿಸಿದ್ದೇವೆ +- ಪ್ರತಿಯೊಂದು ಸಂಖ್ಯೆಯನ್ನು ತೋರಿಸುವ ಬದಲು ಸಂಪೂರ್ಣ ಸರಣಿ ಸಂಗ್ರಹಿಸಲು ಅರೆ ಬೇಧನೆಯನ್ನು ನಿರ್ಮಿಸಿದ್ದೇವೆ +- ಹಿಂದಿನ ಮೌಲ್ಯಗಳಿಂದ ಪ್ರತಿಯೊಂದು ಹೊಸ ಸಂಖ್ಯೆಯನ್ನು ಲೆಕ್ಕಿಸಲು ಅರೆ ಸೂಚ್ಯದ ಉಪಯೋಗಿಸಿದ್ದೇವೆ +- ನಮ್ಮ ಪ್ರೋಗ್ರಾಮಿನ ಇತರ ಭಾಗಗಳಲ್ಲಿ ನಿಖರವಾದ ಉಪಯೋಗಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ಸರಣಿಯನ್ನು ತಿರುಗಿಸಿರುವೆವು -**ಲೋ-ಲೆವೆಲ್ ಭಾಷೆ (ARM Assembly) – ಕಂಪ್ಯೂಟರ್ ಸ್ನೇಹಿ:** +**ಕಡಿಮೆ ಮಟ್ಟದ ಭಾಷೆ (ARM Assembly) – ಕಂಪ್ಯೂಟರ್ ಗೆ ಅನುಕೂಲಕರ:** ```assembly area ascen,code,readonly @@ -259,39 +257,39 @@ back add r0,r1 end ``` -JavaScript ನ ಆವೃತ್ತಿ ಇರುವಂತೆ ಇಂಗ್ಲಿಷ್ ಸೂಚನೆಗಳಂತೆ ಓದುತ್ತದೆ, ಅಸೆಂಬ್ಲಿ ಆವೃತ್ತಿ ನೇರವಾಗಿ ಕಂಪ್ಯೂಟರ್ ಪ್ರೊಸೆಸರ್ ಅನ್ನು ನಿಯಂತ್ರಿಸುವ ರಹಸ್ಯ ಆದೇಶಗಳನ್ನು ಬಳಸುತ್ತದೆ. ಎರಡೂ ಅದೇ ಕಾರ್ಯವನ್ನು ನೆರವೆರಿಸುತ್ತವೆ, ಆದರೆ ಹೈ-ಲೆವೆಲ್ ಭಾಷೆಮಾನವರಿಗಾಗಿ ಸರಳವಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು, ಬರೆಯುವುದು ಮತ್ತು ನಿರ್ವಹಿಸುವುದು ಸುಲಭ. +JavaScript ಆವೃತ್ತಿ ಇಂಗ್ಲಿಷ್ ಸೂಚನೆಗಳಂತೆ ಓದುವಂತೆ ಕಾಣುತ್ತದೆ ಆದರೆ Assembly ಆವೃತ್ತಿ ಕಂಪ್ಯೂಟರ್ ಪ್ರೊಸೆಸರ್ ನ ನೇರ ನಿಯಂತ್ರಣಕ್ಕಾಗಿ cryptic ಆಜ್ಞೆಗಳನ್ನು ಬಳಸುತ್ತದೆ. ಎರಡು ಶೈಲಿಗಳು ಕೂಡ ಒಂದೇ ಕಾರ್ಯವನ್ನು ಸಾಧಿಸುತ್ತವೆ ಆದರೆ ಅತಿದೊಡ್ಡ ಮಟ್ಟದ ಭಾಷೆ ಮಾನವರಿಗೆ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ಬರೆಯಲು ಮತ್ತು ನಿರ್ವಹಿಸಲು ಸುಲಭ. -**ನೀವು ಗಮನಿಸುವ ಪ್ರಮುಖ ವ್ಯತ್ಯಾಸಗಳು:** -- **ಓದುಗೊಳ್ಳುವ ಬಾಧ್ಯತೆ**: JavaScript ನಲ್ಲಿ `fibonacciCount` ಹಾಗು ಅರ್ಥವಂತಿತನದ ಹೆಸರುಗಳಿವೆ, ಅಸೆಂಬ್ಲಿ ಕೇವಲ `r0`, `r1` ರೀತಿಯ ಸಂಕ್ಷಿಪ್ತ ಲೇಬಲ್ ಗಳು ಇರುವವು -- **ವಿಚಾರಣೆಗಳು**: высокого ಪದಗಳಲ್ಲಿ ವಿವರಣಾತ್ಮಕ ಟಿಪ್ಪಣಿಗಳನ್ನು ಉತ್ತೇಜಿಸುತ್ತವೆ, ಇದು ಕೋಡ್ ಸ್ವಯಂ-ಡಾಕ್ಯುಮೆಂಟಿಂಗ್ ಆಗುತ್ತದೆ -- **ರಚನೆ**: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನ ತರ್ಕದ ಹರಿವು ಜನರು ಸಮಸ್ಯೆಗಳನ್ನು ಹಂತ ಹಂತವಾಗಿ ಯೋಚಿಸುವ ರೀತಿಗೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ -- **ಪರಿಹಾರ**: ವಿಭಿನ್ನ ಅಗತ್ಯಗಳಿಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆವೃತ್ತಿಯನ್ನು ನವೀಕರಿಸುವುದು ಸರಳ ಮತ್ತು ಸ್ಪಷ್ಟವಾಗಿದೆ +**ನಿಮಗೆ ಕಾಣುವ ಪ್ರಮುಖ ಭೇದಗಳು:** +- **ಓದುಗೈತೆ**: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ `fibonacciCount` ಎಂಬ ವರ್ಣನಾತ್ಮಕ ಹೆಸರುಗಳನ್ನು ಬಳಸುತ್ತದೆ ಆದರೆ ಅಸೆಂಬ್ಲಿ `r0`, `r1` ಹೋಲಿರುವ ರಹಸ್ಯಮಯ ಲೇಬಲ್‌ಗಳನ್ನು ಬಳಸುತ್ತದೆ +- **ಕಾಮೆಂಟ್ಸ್**: ಹೈ-ಲೆವೆಲ್ ಭಾಷೆಗಳು ಸ್ವ-ದಾಖಲೆಗೊಳ್ಳುವ ಕೋಡ್ ನಿರ್ಮಿಸಲು ವಿವರಣೆಾತ್ಮಕ ಕಾಮೆಂಟ್‌ಗಳನ್ನು ಉತ್ತೇಜಿಸುತ್ತವೆ +- **ಸಂರಚನೆ**: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ ತಾರ್ಕಿಕ ಪ್ರವರ್ತನೆ ಮಾನವರು ಸಮಸ್ಯೆಗಳನ್ನು ಹಂತ-ಹಂತವಾಗಿ ಚಿಂತಿಸುವ ರೀತಿಗೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ +- **ನಿರ್ವಹಣೆ**: ವಿಭಿನ್ನ ಅಗತ್ಯಗಳಿಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆವೃತ್ತಿಯನ್ನು ನವೀಕರಿಸುವುದು ಸರಳ ಮತ್ತು ಸ್ಪಷ್ಟವಾಗಿದೆ -✅ **ಫೈಬೋನಾಚಿ ಕ್ರಮಬದ್ಧತೆ ಬಗ್ಗೆ**: ಈ ಅತೀ ಸುಂದರ ಸಂಖ್ಯಾ ಪ್ಯಾಟರ್ನ್ (ಪ್ರತಿ ಸಂಖ್ಯೆ ತನ್ನ ಮೊದಲು ಎರಡು ಸಂಖ್ಯೆಗಳ ಮೊತ್ತಕ್ಕೆ ಸಮಾನವಾಗಿರುತ್ತದೆ: 0, 1, 1, 2, 3, 5, 8...) ನೈಸರ್ಗಿಕವಾಗಿ *ಪ್ರತಿಯೊಂದೂಡೆ* ಕಂಡುಬರುತ್ತದೆ! ನೀವು ಇದನ್ನು ಸೂರ್ಯಕಾಂತಿ ಕಾಳೇಬೆರಕಗಳ ಕವಾಟಗಳಲ್ಲಿ, ಪೈನ್ ಕಾಂನೆಯ ವಿನ್ಯಾಸದಲ್ಲಿ, ನೌಟಿಲಸ್ ಶೆಲ್ ತಿರುವುಗಳಲ್ಲಿ ಮತ್ತು ಮರಕಾಲುಗಳು ಬೆಳೆದಿರುವ ರೀತಿಯಲ್ಲಿ ಕಂಡುಹಿಡಿಯುತ್ತೀರಿ. ಗಣಿತ ಮತ್ತು ಕೋಡ್ ನಮಗೆ ಪ್ರಕೃತಿ ಬಳಸುವ ಮಾದರಿಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಮತ್ತು ಪುನರ್ಉತ್ಪಾದನೆ ಮಾಡಲು ಸಹಾಯ ಮಾಡುವುದನ್ನು ಎಷ್ಟೋ ಆಶ್ಚರ್ಯಕರವಾಗಿದೆ! +✅ **ಫಿಬೊನಾಚಿ ಸರಣಿ ಬಗ್ಗೆ**: ಈ ಅದ್ಭುತ ಸಂಖ್ಯಾ ಮಾದರಿ (ಎಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಸಂಖ್ಯೆ ಅದರ ಮುನ್ನಿನ ಎರಡು ಸಂಖ್ಯೆಗಳ ಮೊತ್ತಕ್ಕೆ ಸಮಾನವಾಗಿರುತ್ತದೆ: 0, 1, 1, 2, 3, 5, 8...) ಪ್ರಕೃತಿಯಲ್ಲಿಯೆ *ಎಲ್ಲಿ ಎಲ್ಲವೂ* ಕಾಣಿಸುತ್ತದೆ! ನೀವು ಇದನ್ನು ಸೂರ್ಯಗೋಧೂಲಿಗಳ ಬಿರುಕುಲು, ಪೈನ್ ಕೊನೆ ಮಾದರಿಗಳಲ್ಲಿ, ನ್ಯಾಟಿಲಸ್ ಶೆಲ್ಗಳ ವಕ್ರದಲ್ಲಿ, ಮರದ ಕೊಂಬೆಗಳು ಬೆಳೆಯುವ ರೀತಿಯಲ್ಲಿ ಕಂಡುಹಿಡಿಯುತ್ತೀರಿ. ಗಣಿತ ಮತ್ತು ಕೋಡ್ ಸಹಾಯದಿಂದ ಪ್ರಕೃತಿ ಬಳಸುವ ಮಾದರಿಗಳನ್ನು ನಾವು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಮತ್ತು ಪುನಃರಚಿಸುವುದು ಅಚ್ಚರಿಕರ! -## ಮಾಯಾಜಾಲವನ್ನು ಉಂಟುಮಾಡುವ ಕಟ್ಟಡ ಬ್ಲಾಕ್ಗಳು +## ಮಾಯಾಜಾಲವನ್ನು ನಿರ್ಮಿಸುವ ಅಡಗುಡ್ಡಿಕೆಗಳು -ಸರಿ, ಈಗ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಯಾಕೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂದು ನೋಡಿ, ಈಗ ಪ್ರತಿಯೊಂದು ಪ್ರೋಗ್ರಾಮ್ ಸೃಷ್ಟಿಸುವ ಸಂಪೂರ್ಣ ಮೂಲಭೂತ ಘಟಕಗಳನ್ನು ವಿಶ್ಲೇಷಿಸೋಣ. ಇವುಗಳನ್ನು ನಿಮ್ಮ ಪ್ರಿಯತಮ ಬಾಣಸಿಗೆಯ ಮುಖ್ಯಾಂಶಗಳೆಂದು ಭಾವಿಸಿ — ಪ್ರತಿಯೊಂದರ ಕಾರ್ಯವನ್ನು ತಿಳಿದುಕೊಂಡ ನಂತರ, ನೀವು ಬಹುಶಃ ಯಾವುದಾದರೂ ಭಾಷೆಯಲ್ಲಿ ಕೋಡ್ ಓದಲೂ ಬರೆದೂ ಸಹ ಸಾಧ್ಯ! +ನೀವು ಈಗಾಗಲೇ ಕಾರ್ಯಕ್ರಮ ಭಾಷೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿರುವುದನ್ನು ನೋಡಿ, ಪ್ರತಿಯೊಂದು ಪ್ರೋಗ್ರಾಂ ಬರೆದಿರುವ ಸ್ಥೂಲ ಅಂಶಗಳನ್ನು ವಿಶ್ಲೇಷಿಸೋಣ. ನಿಮ್ಮ ಮೆಚ್ಚಿನ ರೆಸಿಪಿಯಲ್ಲಿ ಅವಶ್ಯಕವಾದ ಹಿನ್ನೆಲೆಯಾದ ವಿಧೇಯಾಂಶಗಳನ್ನು ನಾನು ಇಲ್ಲಿಗೆ ಹೋಲಿಸುತ್ತೇನೆ. ಪ್ರತಿಯೊಂದು ಅಂಶ ಏನು ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ತಿಳಿದುಕೊಂಡ ಮೇಲೆ, ನೀವು ಯಾವುದೇ ಭಾಷೆಯಲ್ಲಿ ಕೋಡ್ ಓದಲು ಮತ್ತು ಬರೆಯಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ! -ಇದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ವ್ಯಾಕರಣವನ್ನು ಕಲಿಯುವ ತಾತ್ಪರ್ಯ. ಶಾಲೆಯಲ್ಲಿರುವಾಗ ನಾಮಪುರುಷ, ಕ್ರಿಯಾಪದಿ ಮತ್ತು ವಾಕ್ಯ ರಚನೆ ಕಲಿತಿರಾ? ಪ್ರೋಗ್ರಾಮಿಂಗ್ ತನ್ನದೇ ಆಗಿ ವ್ಯಾಕರಣವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಸತ್ಯ ಹೇಳಬೇಕೆಂದರೆ, ಅದು ಇಂಗ್ಲಿಷ್ ವ್ಯಾಕರಣಕ್ಕಿಂತ ಬಹಳ ನ್ಯಾಯಸಂಗತ ಮತ್ತು ಕ್ಷಮಾಸೀಲವಾಗಿದೆ! 😄 +ಇದು ಕಾರ್ಯಕ್ರಮದ ವ್ಯಾಕರಣವನ್ನು ಕಲಿಯುವುದಕ್ಕೆ ಹೋಲಿಕೆ. ಶಾಲೆಯಲ್ಲಿದ್ದಾಗ ನಿಯಮಗಳು, ಕ್ರಿಯಾಪದಗಳು ಮತ್ತು ವಾಕ್ಯಗಳನ್ನು ಹೇಗೆ ರೂಪಿಸುವುದು ಎಂದು ಮಾಡಿದ್ದಿರಿ ನೆನಪಾ? ಕಾರ್ಯಕ್ರಮಕ್ಕೆ ತನ್ನ-ತನ್ನ ವ್ಯಾಕರಣವಿದೆ, ಮತ್ತು ಸತ್ಯ ಹೇಳುವುದಾದರೆ ಅದು ಇಂಗ್ಲಿಷ್ ವ್ಯಾಕರಣಕ್ಕಿಂತ ಲಾಜಿಕಲ್ ಮತ್ತು ಕ್ಷಮಾಶೀಲವಾಗಿದೆ! 😄 -### ಹೇಳಿಕೆಗಳು: ಹಂತ ಹಂತದ ಸೂಚನೆಗಳು +### ಹೇಳಿಕೆಗಳು: ಹಂತದ ಹಂತದ ಸೂಚನೆಗಳು -ನಾವು **ಹೇಳಿಕೆಗಳ**ೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸೋಣ – ಇವು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಜೊತೆಗೆ ಸಂಭಾಷಣೆಯಲ್ಲಿನ ವಾಕ್ಯಗಳಂತೆ. ಪ್ರತಿ ಹೇಳಿಕೆಯಲ್ಲಿ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಒಂದು ನಿಖರ ಕಾರ್ಯವನ್ನು ನೀಡಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ: "ಇಲ್ಲಿ ಎಡಕ್ಕೆ ತಿರುವು ಮಾಡಿ," "ಕೆಂಪು ಬೆಳಕಿನಲ್ಲಿ ನಿಲ್ಲಿ," "ಅಲ್ಲಿ ಪಾರ್ಕ್ ಮಾಡಿ." +**ಹೇಳಿಕೆಗಳು** ಪ್ರಾರಂಭಿಸೋಣ – ಇವು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಜೊತೆಗೆ ಸಂಭಾಷಣೆಯಲ್ಲಿನ ಒಂದೊಂದು ವಾಕ್ಯಗಳಂತೆ. ಪ್ರತಿ ಹೇಳಿಕೆಯು ಕಂಪ್ಯೂಟರ್‌ಗೆ ಒಂದು ನಿರ್ದಿಷ್ಟ ಕೆಲಸ ಮಾಡಲು ಸೂಚಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ: "ಇಲ್ಲಿ ಎಡಗೆ ತಿರುಗು", "ಕೆಂಪು ಬೆಳಕಿನ ಬಳಿ ನಿಲ್ಲು", "ಆ ಸ್ಥಳದಲ್ಲಿ ಪಾರ್ಕ್ ಮಾಡಿ." -ನನಗೆ ಹೇಳಿಕೆಗಳಲ್ಲಿ ಇಷ್ಟವಾದುದು ಅವು ಸಾಮಾನ್ಯವಾಗಿ ಓದಲು ಸುಲಭವಾಗಿರುವದು. ಇದು ನೋಡಿ: +ಹೇಳಿಕೆಗಳ ಬಗ್ಗೆ ನನಗೆ ಇಷ್ಟವಾಗುವುದು ಅವು ಸಾಮಾನ್ಯವಾಗಿ ಓದಲು ಸುಲಭವಿರುತ್ತವೆ ಎಂಬುದು. ಇದನ್ನು ನೋಡಿ: ```javascript -// ಏಕಕಾರ್ಯಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಮೂಲ ಹೇಳಿಕೆಗಳು +// ಒಂದೇ ಕ್ರಿಯೆಯನ್ನು ನಿರ್ವಹಿಸುವ ಮೂಲ ಅಭಿವ್ಯಕ್ತಿಗಳು const userName = "Alex"; console.log("Hello, world!"); const sum = 5 + 3; ``` **ಈ ಕೋಡ್ ಏನು ಮಾಡುತ್ತದೆ:** -- ಬಳಕೆದಾರರ ಹೆಸರನ್ನು ಸಂಗ್ರಹಿಸಲು ಸ್ಥಿರವಾದ ಚರವನ್ನು ಘೋಷಿಸುತ್ತದೆ -- ಕಾನ್ಸೋಲ್ ಔಟ್‌ಪುಟ್‌ಗೆ ಶುಭಾಶಯ ಸಂದೇಶವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ -- ಗಣಿತ ಚಟುವಟಿಕೆಯ ಫಲಿತಾಂಶವನ್ನು ಲెక్కಿಸಿ ಸಂಗ್ರಹಿಸುತ್ತದೆ +- ಬಳಕೆದಾರರ ಹೆಸರನ್ನು ಸಂಗ್ರಹಿಸಲು ಸ್ಥಿರ ಸರಣಿಯನ್ನು ಘೋಷಿಸುತ್ತದೆ +- консол್ನಲ್ಲಿ ಸ್ವಾಗತ ಸಂದೇಶವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ +- ಗಣಿತ ಕ್ರಮದ ಪ್ರಸರಣ ಫಲಿತಾಂಶವನ್ನು ಲೆಕ್ಕಹಾಕಿ ಸಂಗ್ರಹಿಸುತ್ತದೆ ```javascript // ವೆಬ್ ಪುಟಗಳೊಂದಿಗೆ ಸಂವಹನ ಮಾಡುವ ಹೇಳಿಕೆಗಳು @@ -299,36 +297,36 @@ document.title = "My Awesome Website"; document.body.style.backgroundColor = "lightblue"; ``` -**ಹಂತ ಹಂತವಾಗಿ ಸ್ಪಷ್ಟನೆ:** -- ಬ್ರೌಸರ್ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ವೆಬ್‌ಪುಟ ಶೀರ್ಷಿಕೆಯನ್ನು ಸಂಪಾದಿಸುತ್ತದೆ -- ಸಂಪೂರ್ಣ ಪುಟದೇಹದ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ +**ಹಂತ ಹಂತವಾಗಿ, ಇಲ್ಲಿ ಏನಾಗುತ್ತಿದೆ:** +- ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ನಲ್ಲಿ ಕಾಣುವ ವೆಬ್‌ಪೇಜ್ ಶೀರ್ಷಿಕೆಯನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ +- ಸಂಪೂರ್ಣ ಪುಟದ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ -### ಚರಗಳು: ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮಿನ ಸ್ಮೃತಿ ವ್ಯವಸ್ಥೆ +### ಚರಗಳು: ನಿಮ್ಮ ಕಾರ್ಯಕ್ರಮದ ಮೆಮೊರಿ ವ್ಯವಸ್ಥೆ -ಸರಿ, **ಚರಗಳು** ನಿಜವಾಗಿಯೂ ನನಗೆ ಅತ್ಯಂತ ಇಷ್ಟವಾದ ಸಂಪ್ರದಾಯಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ, ಏಕೆಂದರೆ ಅವು ನಿತ್ಯ ಉಪಯೋಗಿಸುವ ಸಂಗತಿಗಳಂತೆ! +ಸರೇ, **ಚರಗಳು** ನಾನು ಓದುವ ಪ್ರಿಯ ಅಂಶಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ ಏಕೆಂದರೆ ಅವು ನಿಮ್ಮ ಪ್ರತಿದಿನ ಬಳಸುವ ವಸ್ತುಗಳಂತೆ! -ನಿಮ್ಮ ಫೋನಿನ ಸಂಪರ್ಕ ಪಟ್ಟಿಯನ್ನು ಆರಾಧಿಸಿ. ಎಲ್ಲರಿಗಾದರೂ ಫೋನ್ ಸಂಖ್ಯೆಯನ್ನು ಮರ್ಮಗೈದಿರಲ್ಲ – ಬದಲಿಗೆ "ಅಮ್ಮ," "ಸುಪ್ತ ಸ್ನೇಹಿತ," ಅಥವಾ "ರಾತ್ರಿ 2 ರವರೆಗೆ ಪಿಜ್ಜಾ ಡೆಲಿವರಿ ಮಾಡುವ ಹೋಟೆಲ್" ಎಂದು ಸಂಗ್ರಹಿಸಿ ನಿಮ್ಮ ಫೋನ್ ನಂಬರ್‌ಗಳನ್ನು ನೆನಪಿಡುತ್ತದೆ. ಚರಗಳೂ ಅದೇ ರೀತಿಯ ಕಾರ್ಯ ಮಾಡುತ್ತವೆ! ಅವು ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮ್ ಮಾಹಿತಿಯನ್ನು ಸಂಗ್ರಹಿಸಲು ಮತ್ತು ನಂತರ ಸೂಕ್ತ ನಾಮವನ್ನು ಉಪಯೋಗಿಸಿ ಮರಳಿಸಿ ಪಡೆಯಲು ಲೇಬಲ್ ಮಾಡಲಾದ ಪಾತ್ರೆಗಳು. +ನಿಮ್ಮ ಫೋನ್‌ನ ಸಂಪರ್ಕ ಪಟ್ಟಿಯನ್ನು ಯೋಚಿಸಿ. ನೀವು ಪ್ರತಿಯೊಬ್ಬರ ಸಂಖ್ಯೆಯನ್ನು ಮೆಮೊರೈಸಿಸುವುದು ಬದಲು "ಅಮ್ಮ," "ನ najlebeste ಸ್ನೇಹಿತ," ಅಥವಾ "ರಾತ್ರಿ 2 ಗಂಟೆಯವರೆಗೂ ಪಿಜ್ಜಾ ವಿತರಿಸುವ ಸ್ಥಳ" ಎನ್ನುವ ಹೆಸರುಗಳನ್ನು ಉಳಿಸಿ ನಂಬರ್ನನ್ನು ನಿಮ್ಮ ಫೋನ್ ನೆನಪಿಟ್ಟುಕೊಳ್ಳುತ್ತದೆ. ಚರಗಳು ಇದೇ ರೀತಿಯಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ! ಅವು ಲೇಬಲ್ ಮಾಡಲಾದ ಕರೆಗಳು, ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಂ ಮಾಹಿತಿ ಸಂಗ್ರಹಿಸಿ ನಂತರ ಅವುಗಳನ್ನು ಅರ್ಥವಾಗುವ ಒಂದು ಹೆಸರಿನಿಂದ ಮರುಪಡೆಯಬಹುದು. -ಇಲ್ಲಿ ನರಮಿಣೆಯನ್ನು ನೋಡಿ: ಚರಗಳು ಪ್ರೋಗ್ರಾಂ ಚಲಿಸುವಂತೆ ಬದಲಾಗುತ್ತವೆ (ಅದರಮುಖ್ಯ ಕಾರಣದಿಂದ "ಚರ" ಎಂದು ಕರೆಯಲಾಗಿದೆ). ನೀವು ಹೆಚ್ಚು ಉತ್ತಮ ಪಿಜ್ಜಾ ಸ್ಥಳವನ್ನು ಕಂಡುಹಿಡಿದಂತೆ, ಚರಗಳನ್ನು ನವೀಕರಿಸಬಹುದು! +ಇದು ತುಂಬಾ ಅದ್ಭುತ: ಚರಗಳೆಂದರೆ, ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಂ ಕಾರ್ಯನಿರ್ವಹಿಸುವಾಗ ಬದಲಾಗಬಹುದು (ಅದರಲ್ಲೇ ಹೆಸರಿನ ಅರ್ಥ - "ಚರ"). ನೀವು ಹೊಸ ಪಿಜ್ಜಾ ಸ್ಥಳವನ್ನು ಕಂಡುಹಿಡಿದರೆ ಅದನ್ನು ಅಪ್ಡೇಟ್ ಮಾಡುವಂತೆ, ಚರಗಳು ಕೂಡ ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಂ ಹೊಸ ಮಾಹಿತಿಯನ್ನು ಕಲಿತಂತೆ ಅಥವಾ ಪರಿಸ್ಥಿತಿಗಳು ಬದಲಾಗುವಂತೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಬದಲಾಗಬಹುದು! -ಈ ಸರಳತೆಯನ್ನು ಹೇಗೆ ಮಾಡಬಹುದು ನೋಡೋಣ: +ನಾನು ನಿಮಗೆ ಈ ಸರಳತೆಯನ್ನು ತೋರಿಸುತ್ತೇನೆ: ```javascript -// ಹಂತ 1: ಮೂಲ ಚರಗಳು ಸೃಷ್ಟಿಸುವುದು +// ಹಂತ 1: ಮೂಲ ಬದಲಿಯನ್ನು ರಚಿಸಲಾಗುತ್ತಿದೆ const siteName = "Weather Dashboard"; let currentWeather = "sunny"; let temperature = 75; let isRaining = false; ``` -**ಈ ಧಾರಣೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು:** -- ಬದಲಾಗದ ಮೌಲ್ಯಗಳನ್ನು `const` ಚರಗಳಲ್ಲಿ ಸಂಗ್ರಹಿಸಿ (ಉದಾ: ತಾಣ ಹೆಸರು) -- ಬದಲಾಗಬಹುದಾದ ಮೌಲ್ಯಗಳಿಗೆ `let` ಉಪಯೋಗಿಸಿ -- ವಿವಿಧ ಡೇಟಾ ಪ್ರಕಾರಗಳನ್ನು ಅನ್ವಯಿಸಿ: ಸ್ಟ್ರಿಂಗ್‌ಗಳು (ಪಠ್ಯ), ಸಂಖ್ಯೆಗಳು, ಬುಲುನ್‌ಗಳು (ನಿಜ/ಬ್ರಹ್ಮ) -- ಪ್ರತಿ ಚರವು ಏನು ಹೊಂದಿದೆ ಎಂದು ವಿವರಿಸುವ ಹೆಸರುಗಳನ್ನು ಆಯ್ಕೆಮಾಡಿ +**ಈ ಕಲ್ಪನೆಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು:** +- `const` ಚರಗಳಲ್ಲಿ ಬದಲಾಗದ ಮೌಲ್ಯಗಳನ್ನು ಸಂಗ್ರಹಿಸು (ಉದಾಹರಣೆಗೆ ಸೈಟ್ ಹೆಸರು) +- ಪ್ರೋಗ್ರಾಂ ಮಗ್ಗರಿಸುವಂತೆ ಬದಲಾಗಬಹುದಾದ ಮೌಲ್ಯಗಳಿಗಾಗಿ `let` ಬಳಸು +- ಬಿಂಬಗಳು (ಪಠ್ಯ), ಸಂಖ್ಯೆ ಮತ್ತು ಬುಲಿಯನ್ (ಸತ್ಯ/ಬೂಳು) ವಿಭಿನ್ನ ಡೇಟಾ ಪ್ರಕಾರಗಳನ್ನು ನಿಯೋಜಿಸು +- ಪ್ರತಿಯೊಂದು ಚರದಲ್ಲಿ ಯಾವ ಮಾಹಿತಿ ಇರೋದು ಎಂಬುದನ್ನು ವಿವರಿಸುವ ವರ್ಣನಾಮಗಳನ್ನು ಆರಿಸು ```javascript -// ಹಂತ 2: ಸಂಬಂಧಿಸಿದ ಡೇಟಾವನ್ನು ಗುಂಪು ಮಾಡಲು ವಸ್ತುಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು +// ಹಂತ 2: ಸಂಬಂಧಿತ ಡೇಟಾವನ್ನು ಗುಂಪುಮಾಡಲು ವಸ್ತುಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು const weatherData = { location: "San Francisco", humidity: 65, @@ -336,50 +334,50 @@ const weatherData = { }; ``` -**ಮೇಲಿನಲ್ಲಿಈವು:** -- ಸಂಬಂಧಿಸಿದ ಹವಾಮಾನ ಮಾಹಿತಿಯನ್ನು ಗುಂಪು ಮಾಡಲು ಒಂದು ವಸ್ತುವನ್ನು ರಚಿಸಲಾಗಿದೆ -- ವಿವిధ ಡೇಟಾ ತುಂಡುಗಳನ್ನು ಒಂದು ಚರ ಹೆಸರಿನ ಅಡಿಯಲ್ಲಿ ವ್ಯವಸ್ಥಿತಗೊಳಿಸಲಾಗಿದೆ -- ಪ್ರತಿ ಮಾಹಿತಿ ತುಂಡಿಗೆ ಸ್ಪಷ್ಟ ಲೇಬಲಿಂಗ್ ಮಾಡಲು ಕೀ-ಮೌಲ್ಯ ಜೋಡಿಗಳನ್ನು ಉಪಯೋಗಿಸಲಾಗಿದೆ +**ಮೇಲಿನದಲ್ಲಿ, ನಾವು:** +- ಸಂಬಂಧಿಸಿದ ವಾತಾವರಣ ಮಾಹಿತಿಯನ್ನು ಗೇಟುವಾಗಿಸಲು ಒಂದು ವಸ್ತುವನ್ನು ರಚಿಸಿದೆವು +- ಒಂದು ಚರ ಹೆಸರಿನಡಿ ವಿವಿಧ ಡೇಟಾವನ್ನು ಸಮೂಹಗೊಳಿಸಿದೆವು +- ಪ್ರತಿ ಮಾಹಿತಿಗೆ ಸ್ಪಷ್ಟ ಲೇಬಲ್ ನೀಡಲು ಕೀ-ಮೌಲ್ಯ ಜೋಡಿಗಳನ್ನು ಬಳಸಿದೆವು ```javascript -// ಹಂತ 3: ಚರಗಳನ್ನು ಬಳಸುವುದು ಮತ್ತು ನವೀಕರಿಸುವುದು +// ಹಂತ 3: ಚರ들을 ಬಳಸುವುದು ಮತ್ತು ನವೀಕರಿಸುವುದು console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`); console.log(`Wind speed: ${weatherData.windSpeed} mph`); -// ಬದಲಾವಣೆ ಮಾಡಬಹುದಾದ ಚರಗಳನ್ನು ನವೀಕರಿಸುವುದು +// ಬದಲಾಗುವ ಚರಗಳನ್ನು ನವೀಕರಿಸುವುದು currentWeather = "cloudy"; temperature = 68; ``` -**ಪ್ರತಿ ಭಾಗವನ್ನು ತಿಳಿದುಕೊಳ್ಳೋಣ:** -- ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ `${}` ಬಳಸಿ ಮಾಹಿತಿ ಪ್ರದರ್ಶಿಸಿ -- ಡಾಟ್ ಸೂಚನೆಯನ್ನು ಉಪಯೋಗಿಸಿ ವಸ್ತು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪ್ರಾಪ್ತಿಮಾಡಿ (`weatherData.windSpeed`) -- ಬದಲಾಯಿಸುತ್ತಿದ್ದ ಪರಿಸ್ಥಿತಿಗಳನ್ನು ಪ್ರತಿಬಿಂಬಿಸುವಂತೆ `let` ಚರಗಳನ್ನು ನವೀಕರಿಸಿ -- ವಿವಿಧ ಚರಗಳನ್ನು ಸಂಯೋಜಿಸಿ ಅರ್ಥಮಯ ಸಂದೇಶಗಳು ಸೃಷ್ಟಿಸಿ +**ಪ್ರತಿ ಭಾಗವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳೋಣ:** +- ಟೆಂಪ್ಲೇಟ್ ಲಿಟರಲ್ಗಳ ಜೊತೆಗೆ `${}` ಉಪಯೋಗಿಸಿ ಮಾಹಿತಿಯನ್ನು ಪ್ರದರ್ಶಿಸು +- ಡಾಟ್ ಸೂಚನೆಯನ್ನು (`weatherData.windSpeed`) ಬಳಸಿ ವಸ್ತು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪ್ರಾಪ್ತಿಮಾಡು +- ಬದಲಾಯಿಸುತ್ತಿರುವ ಪರಿಸ್ಥಿತಿಗಳನ್ನು ಪ್ರತಿಬಿಂಬಿಸುವಂತೆ `let` ಮೂಲಕ ಘೋಷಿತ ಚರಗಳನ್ನು ನವೀಕರಿಸು +- ಅರ್ಥಪೂರ್ಣ ಸಂದೇಶ ನಿರ್ಮಿಸಲು ಬಹು ಚರಗಳನ್ನು ಸಂಯೋಜಿಸು ```javascript -// ಹಂತ 4: ಸ್ವಚ್ಛವಾದ ಕೋಡಿಗಾಗಿ ಆಧುನಿಕ ವಿನಾಶಕ ರಚನೆ +// ಹಂತ 4: ಸ್ವಚ್ಛ ಕೋಡ್ಗಾಗಿ ಆಧುನಿಕ ವಿನ್ಯಾಸ ನಿಯಂತ್ರಣ const { location, humidity } = weatherData; console.log(`${location} humidity: ${humidity}%`); ``` -**ನಿಮಗೆ ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದುದು:** -- ವಸ್ತುಗಳಿಂದ ನಿರ್ದಿಷ್ಟ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಡಿಸ್ಟ್ರಕ್ಚರಿಂಗ್ ನಿಯೋಜನೆ ಬಳಸಿ ತೆಗೆಯಿರಿ -- ವಸ್ತು ಕೀಲಿಗಳಷ್ಟೇ ಹೆಸರಿನ ನವಚರಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿರ್ಮಿಸಿ -- ಪುನರಾವರ್ತಿತ ಡಾಟ್ ಸೂಚನೆಯು ತಪ್ಪಿಸುವ ಮೂಲಕ ಕೋಡ್ ಅನ್ನು ಸರಳಗೊಳಿಸಿ +**ನಿಮಗೆ ತಿಳಿಯಬೇಕಾದುದು:** +- ವಸ್ತುಗಳಿಂದ ನಿರ್ದಿಷ್ಟ ಲಕ್ಷಣಗಳನ್ನು ಅಭ್ಯರ್ಥನಾ ನಿಯೋಜನೆಯಿಂದ ಹೊರತೆಗೆದುಕೊಳ್ಳು +- ವಸ್ತು ಕೀಲಿಗಳ ಹೆಸರಿನಂತೆ ಹೊಸ ಚರಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸೃಷ್ಟಿಸು +- ಪುನರಾವರ್ತಿತ ಡಾಟ್ ಸೂಚನೆಯನ್ನು ತಪ್ಪಿಸುವ ಮೂಲಕ ಕೋಡ್ ಸರಳಗೊಳಿಸು -### ನಿಯಂತ್ರಣ ಹರಿವು: ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮ್‌ಗೆ ಯೋಚಿಸುವಿಕೆಯನ್ನು ಕಲಿಸುವುದು +### ನಿಯಂತ್ರಣ ಪ್ರವರ್ತನೆ: ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಂಗೆ ಚಿಂತಿಸುವುದು ಕಲಿಸುವುದು -ಸರಿ, ಇದು ನಿಜವಾಗಿಯೂ ಪ್ರोग್ರಾಮಿಂಗ್ ಅನ್ನು ಮನಸಿಗೆ ಬರುವಂತೆ ಮಾಡುವುದಾಗಿದ್ದು! **ನಿಯಂತ್ರಣ ಹರಿವು** ಅಂದರೆ ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮ್‌ಗೆ ಬುದ್ಧಿವಂತ ನಿರ್ಧಾರಗಳನ್ನು ಹೇಗೋ ಮಾಡಿ ಕಲಿಸುವುದು, ನೀವು ಪ್ರತಿದಿನವೂ ಯೋಚಿಸದೆ ಮಾಡಿಕೊಳ್ಳುವಂತೆ. +ಅಬ್ಬ! ಇಲ್ಲಿ ಕಾರ್ಯಕ್ರಮದ ಮನಸ್ಸಿನ ಮಿಂಚು ಕಾಣುತ್ತದೆ! **ನಿಯಂತ್ರಣ ಪ್ರವರ್ತನೆ** ಎಂದರೆ ಪ್ರೋಗ್ರಾಂಗೆ ನಿಮ್ಮ ಹಾಗೆ ಬುದ್ಧಿವಂತ ನಿರ್ಧಾರಗಳನ್ನು ಹೇಗೆ ಮಾಡುವುದು ಎಂದನ್ನು ಕಲಿಸುವುದು. -ಕಳೆವುದಾಗಿ ಧರಿಸೋಣ: ನೀವು ಈ ಬೆಳಿಗ್ಗೆ "ಮಳೆ ಬೀಳುವಿದ್ದರೆ ಝಾಳಿಯನ್ನು ತೆಗೆದುಕೊಳ್ಳು, ತಣ್ಣಗಿದ್ದರೆ ಜಾಕೆಟ್ ಧರಿ, ತಡವಾಗಿ ಹೊರಹೋಗುತ್ತಿದ್ದರೆ ಉಪಾಹಾರ ಬಿಡಿಸಿ ಕಾಫಿ ತೆಗೆದುಕೊಳ್ಳು" ಎಂಬದ್ದು ನೀವು ಅನುಸರಿಸಿದ್ದೀರಂತೆ. ನಿಮ್ಮ ಮೆದುಳು ನೈಸರ್ಗಿಕವಾಗಿ ಈ if-then ತರ್ಕವನ್ನು ಅನೇಕವೇಳೆ ಪಾಲಿಸುತ್ತದೆ! +ಕಾಲ್ಪನಿಕವಾಗಿ: ನೀವು ಇಂದು ಹೇಗೆ "ಮಳೆ ಬಿದ್ದರೆ, છತ್ರಿ ತೆಗೆದುಕೊಳ್ಳುತ್ತೇನೆ. ಚಳಿಯಾಗಿದ್ದರೆ, ಜೆಕೇಟ್ ಹಾಕುತ್ತೇನೆ. ತಡವಾಗಿದ್ದರೆ, ಉಪಹಾರ ಬಿಟ್ಟು, ಕಾಫಿ ತಗೋಹೊಗುತ್ತೇನೆ." ಎಂದು ಅನೇಕ ಬಾರಿ \(if-then\) ತರ್ಕವನ್ನು ಅನುಸರಿಸುತ್ತೀರಿ. -ಇದರಿಂದ ಪ್ರೋಗ್ರಾಮ್ಗಳು ಬುದ್ಧಿವಂತ ಮತ್ತು ಜೀವಂತವಾಗಿವೆ ಎನ್ನುವುದು, ಕೆಲವೇ ವಿಚಿತ್ರ, ನಿರಾಧಾರಿತ ಸ್ಕ್ರಿಪ್ಟ್ ಅನುಸರಿಸುವುದಲ್ಲ. ಅವು ಒಂದು ಪರಿಸ್ಥಿತಿ ನೋಡುತ್ತವೆ, ನಡೆಯುತ್ತಿರುವುದನ್ನು ಮೌಲ್ಯಮಾಪನ ಮಾಡುತ್ತವೆ ಮತ್ತು ಸೂಕ್ತವಾಗಿ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತವೆ. ಇದು ಪ್ರೋಗ್ರಾಮ್‌ಗೆ ಒಂದು ಮೆದುಳನ್ನು ಕೊಡುವಂತಿದೆ, ಅದು ಹೊಂದಿಕೊಳ್ಳಲು ಮತ್ತು ನಿರ್ಧಾರಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ! +ಇದು ಪ್ರೋಗ್ರಾಂಗಳನ್ನು ಬುದ್ಧಿವಂತ ಮತ್ತು ಜೀವಂತತೆಯಂತಹಂತಾಗಿಸುತ್ತದೆ, ನಮ್ಮಂತಹ ಕೆಲವು ಅನೇಕರೂಪದ ನಿರ್ದಿಷ್ಟತೆಗಳನ್ನು ವಿಶ್ಲೇಷಿಸಿ ಸರಿಯಾಗಿ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಪ್ರೋಗ್ರಾಂಗೆ ಬುದ್ಧಿ ಮತ್ತು ಆಯ್ಕೆ ಸಾಮರ್ಥ್ಯ ನೀಡುತ್ತದೆ! -ಇದು ಹೇಗೆ ಸುಂದರವಾಗಿ ಕೆಲಸಮಾಡುತ್ತದೆ ಎಂದು ನೋಡೋಣ: +ಈ ಅದ್ಭುತ ಕಾರ್ಯವೈಖರಿಯನ್ನು ನೋಡೋಣ: ```javascript -// ಹಂತ 1: ಮೂಲ ಷರತ್ತು ಲಾಜಿಕ್ +// ಹಂತ 1: ಮೂಲ ಸಾಂಕೇತಿಕ ಲಾಜಿಕ್ const userAge = 17; if (userAge >= 18) { @@ -391,13 +389,13 @@ if (userAge >= 18) { ``` **ಈ ಕೋಡ್ ಏನು ಮಾಡುತ್ತದೆ:** -- ಬಳಕೆದಾರರ ವಯಸಿನ ಮತದಾನ ಅर्हತೆ ಪರೀಕ್ಷಿಸುತ್ತದೆ -- ಷರತ್ತು ಫಲಿತಾಂಶ ಆಧರಿಸಿ ವಿಭಿನ್ನ ಕೋಡ್ ಬ್ಲಾಕ್ಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ -- 18ರೊಳಗೆ ಇದ್ದರೆ ಮತದಾನಕ್ಕೆ ಎಷ್ಟು ಸಮಯ ಬಾಕಿ ಇದೆಯೋ ಲೆಕ್ಕಿಸುತ್ತದೆ ಮತ್ತು ಪ್ರದರ್ಶಿಸುತ್ತದೆ -- ಪ್ರತಿ ಸಂದರ್ಭದಲ್ಲಿ ಸ್ಪಷ್ಟ ಮತ್ತು ಉಪಯುಕ್ತ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ +- ಬಳಕೆದಾರನ ವಯಸ್ಸು ಮತದಾನ ಅರ್ಹತೆಯನ್ನು ಪೂರೈಸುವದೇ ಎಂದು ಪರಿಶೀಲಿಸು +- ಶರ್ತ ಫಲಿತಾಂಶದ ಆಧಾರದಲ್ಲಿ ವಿಭಿನ್ನ ಕೋಡ್ ಬ್ಲಾಕ್ಗಳನ್ನು ಜರುಗಿಸು +- 18ರವಷ್ಟರುಲ್ಲದವರು ಮತದಾನದ ಅರ್ಹತಾ ಸಮಯ ಎಷ್ಟು ದೂರದಲ್ಲಿದೆ ಎಂದು ಲೆಕ್ಕಿಸಿ ಪ್ರದರ್ಶಿಸು +- ಪ್ರತಿ ಸನ್ನಿವೇಶಕ್ಕಾಗಿಯೂ ವಿಶೇಷ, ಸಹಾಯಕ ಪ್ರತಿಕ್ರಿಯೆ ನೀಡು ```javascript -// ಹಂತ 2: ತರ್ಕಾತ್ಮಕ ಸಂಚಾಲಕರೊಂದಿಗೆ ಅನೇಕ ಶರತ್ತಗಳು +// ಹೆಜ್ಜೆ 2: ತರ್ಕಾತ್ಮಕ ಆಪರೇಟರ್‌ಗಳೊಂದಿಗೆ ಬහු ಪರಿಸ್ಥಿತಿಗಳು const userAge = 17; const hasPermission = true; @@ -410,25 +408,25 @@ if (userAge >= 18 && hasPermission) { } ``` -**ಇಲ್ಲಿ ಏನಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಿ:** -- `&&` (ಮತ್ತು) ಆಪರೇಟರ್ ಉಪಯೋಗಿಸಿ ವಿಭಿನ್ನ ಷರತ್ತುಗಳನ್ನು ಸಂಯೋಜಿಸುತ್ತದೆ -- ವಿವಿಧ ಸಂದರ್ಭಗಳಿಗೆ `else if` ಬಳಸಿ ಷರತ್ತುಗಳ ಹೈರಾರ್ಕಿಯನ್ನೂ ರಚಿಸುತ್ತದೆ -- ಅಂತಿಮ `else` ಹೇಳಿಕೆಯಿಂದ ಎಲ್ಲಾ ಸಾಧ್ಯವಾದ ಪ್ರಕರಣಗಳನ್ನು ನಿಭಾಯಿಸುತ್ತದೆ -- ಪ್ರತಿ ವಿಭಿನ್ನ ಪರಿಸ್ಥಿತಿಗೆ ನಿರ್ದೇಶನಾತ್ಮಕ ಮತ್ತು ಸ್ಪಷ್ಟ ಪ್ರತಿಕ್ರಿಯೆ ನೀಡುತ್ತದೆ +**ಇಲ್ಲಿ ಏನಾಗುತ್ತಿದೆ ಎಂಬುದನ್ನು ವಿವರಿಸುವುದು:** +- ಹಲವಾರು ಶರ್ತಗಳನ್ನು `&&` (ಮತ್ತು) ಕಾರ್ಯಪದದಿಂದ ಸಂಯೋಜಿಸು +- ಬಹು ಸನ್ನಿವೇಶಗಳಿಗೆ `else if` ಬಳಸಿ ಶರ್ತಗಳ ಹಿರಾರ್ಚಿ ರಚಿಸು +- ಎಲ್ಲ ಸಂಭವನೀಯ ಪ್ರಕರಣಗಳನ್ನು ಕೊನೆಯ `else` ಹೇಳಿಕೆಯಿಂದ ಹೊಂದಿಸು +- ವಿವಿಧ ಸನ್ನಿವೇಶಗಳಿಗೆ ಸ್ಪಷ್ಟ ಹಾಗೂ ಕಾರ್ಯನಿರ್ವಹಣೀಯ ಪ್ರತಿಕ್ರಿಯೆ ನೀಡು ```javascript -// ಹೆಜ್ಜೆ 3: ternary ಕಾರ್ಯಾಚರಣೆಯೊಂದಿಗೆ ಸಂಕ್ಷಿಪ್ತ ಶರತ್ತಿನ ಪ್ರಕಟಣೆ +// ಹಂತ 3: ಟೆರ್ನರಿ ಆಪರೇಟರ್‌ನೊಂದಿಗೆ ಸಂಕ್ಷಿಪ್ತ ಷರತ್ತಿನ 표현 const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet"; console.log(`Status: ${votingStatus}`); ``` -**ನಿಮ್ಮ ನೆನಪಿನಲ್ಲಿ ಇರಲಿ:** -- ಸರಳ ಎರಡು ಆಯ್ಕೆಗಳ ಷರತ್ತುಗಳಿಗೆ ternary ಆಪರೇಟರ್ (`? :`) ಉಪಯೋಗಿಸಿ -- ಮೊದಲು ಷರತ್ತು ಬರೆಯಿರಿ, ನಂತರ `?`, ತದನಂತರ ನಿಜವಾದ ಫಲಿತಾಂಶ, ನಂತರ `:`, ನಂತರ ಮೋಸದ ಫಲಿತಾಂಶ ಬರೆಯಿರಿ -- ಷರತ್ತಿನ ಆಧಾರದ ಮೇಲೆ ಮೌಲ್ಯಗಳನ್ನು ನಿಗದಿಪಡಿಸುವಾಗ ಈ ಮಾದರಿಯನ್ನು ಅನುಸರಿಸಿ +**ನೀವು ನೆನಪಿಡಬೇಕಾದವುಗಳು:** +- ಸರಳ ಎರಡು ಆಯ್ಕೆಗಳಿಗೆ ternary operator (`? :`) ಬಳಸಿ +- ಮೊದಲಿಗೆ ಶರ್ತ ಬರೆದು, ನಂತರ `?`, ಆಮೇಲೆ ಸತ್ಯ ಫಲಿತಾಂಶ, ನಂತರ `:`, ಮತ್ತು ಅಸತ್ಯ ಫಲಿತಾಂಶ ಬರೆದು +- ಶರ್ತ ಆಧಾರಿತ ಮೌಲ್ಯ ನಿಯೋಜನೆಗೆ ಈ ಮಾದರಿಯನ್ನು ಅನ್ವಯಿಸು ```javascript -// ಹಂತ 4: ಎಷ್ಟೋ ನಿರ್ದಿಷ್ಟ ಪ್ರಕರಣಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು +// ಹಂತ 4: ಬಹು ನಿರ್ದಿಷ್ಟ ಪ್ರಕರಣಗಳನ್ನು ನಿಭಾಯಿಸಲಾಗುತ್ತದೆ const dayOfWeek = "Tuesday"; switch (dayOfWeek) { @@ -448,55 +446,55 @@ switch (dayOfWeek) { } ``` -**ಈ ಕೋಡ್ ಈ ಕೆಳಗಿನ ಕಾರ್ಯಗಳನ್ನು ನೆರವೇರಿಸುತ್ತದೆ:** -- ಚರ ಮೌಲ್ಯವನ್ನು ಹಲವು ವಿಶೇಷ ಪ್ರಕರಣಗಳಿಗೆ ಹೊಂದಿಸಿ -- ಹೋಲಿಕೆಯಾಗುವ ಪ್ರಕರಣಗಳನ್ನು (ವಾರದ ಕೆಲಸದ ದಿನಗಳ ವಿರುದ್ಧ ವಾರಾಂತ್ಯ) ಗುಂಪುಮಾಡಿ -- ಹೊಂದಿಕೆಯಾಗುವ ವೇಳೆ ಸೂಕ್ತ ಕೋಡ್ ಬ್ಲಾಕ್ ಕಾರ್ಯಗತಗೊಳಿಸಿ -- ಅಪೇಕ್ಷಿತವಲ್ಲದ ಮೌಲ್ಯಗಳನ್ನು ನಿಭಾಯಿಸಲು `default` ಪ್ರಕರಣವನ್ನು ಸೇರಿಸಿ -- ಮುಂದಿನ ಪ್ರಕರಣಕ್ಕೆ ಕೋಡ್ ಮುಂದುವರೆಯದಂತೆ `break` ಹೇಳಿಕೆಗಳು ಬಳಸಿ +**ಈ ಕೋಡ್ ಈ ಕೆಳಗಿನ ಕೆಲಸಗಳನ್ನು ಮಾಡುತ್ತದೆ:** +- ಚರ ಮೌಲ್ಯವನ್ನು ಹಲವಾರು ನಿರ್ದಿಷ್ಟ ಪ್ರಕರಣಗಳಿಗೆ ಹೊಂದಿಸಿ +- ಸಪ್ತಾಹದ ದಿನಗಳ ಹೋಲಿಕೆ / ವೀಕೆಂಡ್ ಗಳು ಸೇರಿಗೆ ಸಮೂಹಗೊಳಿಸು +- ಹೊಂದಿಕೆಯಾಗುವ ವೇಳೆ ಸೂಕ್ತ ಕೋಡ್ ಬ್ಲಾಕ್ ಅನ್ನು ಜರುಗಿಸು +- ನಿರೀಕ್ಷಿಸಲು ಸಾಧ್ಯವಿಲ್ಲದ ಮೌಲ್ಯಗಳಿಗೆ `default` ಪ್ರಕರಣವನ್ನು ಹೊಂದಿಸು +- ಮುಂದಿನ ಪ್ರಕರಣಕ್ಕೆ ಮುಂದುವರೆಯದಂತೆ `break` ಹೇಳಿಕೆಗಳನ್ನು ಉಪಯೋಗಿಸು -> 💡 **ವಾಸ್ತವಿಕ ಉದಾಹರಣೆ**: ನಿಯಂತ್ರಣ ಹರಿವು ಎಂದರೆ ಜಗತ್ತಿನ ಅತ್ಯಂತ ವಿಧಿಯುತ ಜಿಪಿಎಸ್ ನಿಯಮಂತ್ರಿ ನಿಮ್ಮಿಗೆ ದಿಕ್ಕು ಸೂಚಿಸುವಂತೆ. ಅದು ಹೇಳಬಹುದು "ಮೆನ್ ಸ್ಟ್ರೀಟಿನಲ್ಲಿ ಟ್ರಾಫಿಕ್ ಇದ್ದರೆ ಹೆದ್ದಾರಿಯನ್ನು ಬಳಸಿ. ಹೆದ್ದಾರಿಯನ್ನು ಕಟ್ಟಡ ಕಾಮಗಾರಿಗಳು ತಡೆಯುತ್ತಿದ್ದರೆ ನဲ့ಪಲ್ಲವೆಂಬ ಮಾರ್ಗ ಪ್ರಯತ್ನಿಸಿ." ಪ್ರೋಗ್ರಾಮ್ಗಳು ಕೂಡ ಇದೇ ರೀತಿಯ ಷರತ್ತುಗತ ತರ್ಕವನ್ನು ಉಪಯೋಗಿಸಿ ವಿಭಿನ್ನ ಪರಿಸ್ಥಿತಿಗಳಿಗೆ ಬುದ್ಧಿವಂತಿಕೆಯಿಂದ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತವೆ ಮತ್ತು ಬಳಕೆದಾರರಿಗೆ ಉತ್ತಮ ಅನುಭವವನ್ನು ಒದಗಿಸುತ್ತವೆ. +> 💡 **ವಾಸ್ತವಿಕ ಉದಾಹರಣೆ**: ನಿಯಂತ್ರಣ ಪ್ರವರ್ತನೆಯನ್ನು ವಿಶ್ವದ ಅತ್ಯಂತ ಕ್ಷಮಾಶೀಲ GPSನಂತೆಕನಿಸಿಕೊಂಡಿರಿ. ಅದು "ಮೇನ್ ಸ್ಟ್ರೀಟ್‌ನಲ್ಲಿ ಸಂಚಾರ ಇದ್ದರೆ, ಹೆದ್ದಾರಿಯನ್ನು ಬಳಸಿ. ಹೆದ್ದಾರಿ ಕಟ್ಟಡ ಕಾರ್ಯದ ಮೂಲಕ ಬಂದರೆ, ಸುಂದರ ಮಾರ್ಗ ಪ್ರಯತ್ನಿಸಿ." ಎಂದು ಹೇಳಬಹುದು. ಪ್ರೋಗ್ರಾಂಗಳು ಇದೇ ತರದ ಶರ್ತಾತ್ಮಕ ಲಾಜಿಕ್ನೊಂದಿಗೆ ಬುದ್ಧಿಮತ್ತೆಯಿಂದ ವಿಂಗಡಣೆ ಮಾಡುತ್ತವೆ ಮತ್ತು ಸದಾ ಬಳಕೆದಾರರಿಗೆ ಉತ್ತಮ ಅನುಭವವನ್ನು ನೀಡುತ್ತವೆ. -### 🎯 **ಧಾರಣಾ ಪರಿಶೀಲನೆ: ಕಟ್ಟಡ ಬ್ಲಾಕ್ ಮಾಸ್ಟರಿ** +### 🎯 **ಕಲ್ಪನೆ ಪರಿಶೀಲನೆ: ಅಡಗುಡ್ಡಿಕೆಯ ನಿಪುಣತೆ** -**ನೀವು ಮೂಲಭೂತಗಳನ್ನು ಹೇಗೆ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತಿದ್ದೀರೋ ನೋಡೋಣ:** -- ನಿಮ್ಮದೇ ಪದಗಳಲ್ಲಿ ಒಂದು ಚರ ಮತ್ತು ಹೇಳಿಕೆಯ ನಡುವಿನ ವ್ಯತ್ಯಾಸವನ್ನು ವಿವರಿಸಬಹುದೆ? -- ನಿಜ ಜೀವನದ ಒಂದು ಸಂದರ್ಭವನ್ನು ಭಾವಿಸಿ, যেখানে ನೀವು if-then ನಿರ್ಧಾರವನ್ನು ಬಳಸುತ್ತಿದ್ದೀರಿ (ನಮ್ಮ ಮತದಾನ ಉದಾಹರಣೆಗಳಂತೆ) -- ಪ್ರೋಗ್ರಾಮಿಂಗ್ ತರ್ಕದ ಎಷ್ಟು ಅದ್ಭುತ ಸಂಗತಿಯನ್ನು ನೀವು ಕಂಡಿದ್ದೀರಿ? +**ಪ್ರಾಥಮಿಕ ವಿಚಾರಗಳು ನಿಮಗೆ ಎಷ್ಟರ ಮಟ್ಟಿಗೆ ಆಳವಾಗಿ ತಿಳಿದುಕೊಂಡಿದ್ದೀರಿ ನೋಡೋಣ:** +- ಚರ ಮತ್ತು ಹೇಳಿಕೆಯ ನಡುವಿನ ವ್ಯತ್ಯಾಸವನ್ನು ನಿಮ್ಮದೇ ಪದಗಳಲ್ಲಿ ವಿವರಿಸಬಹುದು? +- if-then ನಿರ್ಧಾರವನ್ನು ಬಳಸುವ ವಾಸ್ತವಿಕ ಉದಾಹರಣೆಯನ್ನು ತಿಳಿಸಿ (ನಮ್ಮ ಮತದಾನ ಉದಾಹರಣೆ ಹೋಲಿಕೆ) +- ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಲಾಜಿಕ್‌ನಲ್ಲಿ ನಿಮ್ಮನ್ನು ಅಚ್ಚರಿಗೊಳಿಸಿದ ಒಂದು ವಿಷಯವೇನು? -**ವೇಗದ ಆತ್ಮವಿಶ್ವಾಸ ಪ್ರೋತ್ಸಾಹ:** +**ಶೀಘ್ರ ಆತ್ಮವಿಶ್ವಾಸ ವೃದ್ಧಿ:** ```mermaid flowchart LR - A["📝 ಹೇಳಿಕೆಗಳು
(ಸೂಚನೆಗಳು)"] --> B["📦 ಚರಗಳು
(ಸಂಗ್ರಹಣೆ)"] --> C["🔀 ನಿಯಂತ್ರಣ ಹರಿವು
(ನಿರ್ಣಯಗಳು)"] --> D["🎉 ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಪ್ರೋಗ್ರಾಮ್!"] + A["📝 ಪ್ರಕಟಣೆಗಳು
( ಸೂಚನೆಗಳು)"] --> B["📦 ಚರಗಳು
(ಸಂಗ್ರಹಣೆ)"] --> C["🔀 ನಿಯಂತ್ರಣ ಹರಿವು
(ನಿರ್ಧಾರಗಳು)"] --> D["🎉 ಕಾರ್ಯরত ಪ್ರೋಗ್ರಾಂ!"] style A fill:#ffeb3b style B fill:#4caf50 style C fill:#2196f3 style D fill:#ff4081 ``` -✅ **ಮುಂದೆ ಏನು ಬರುತ್ತದೆ**: ನಾವು ಈ ಧಾರಣೆಗಳನ್ನೆಲ್ಲಾ ಇನ್ನಷ್ಟು ಆಳವಾಗಿ ಅನ್ವೇಷಿಸುವ ಅದ್ಭುತ ಪ್ರಯಾಣವನ್ನು ಮುಂದುವರಿಸುವುದಾಗಿ ನಿರ್ಧರಿಸಿದ್ದೇವೆ! ಈಗಿನ ನಿಮಿತ್ತ, ಎಲ್ಲಾ ಅದ್ಭುತ ಸಾಧ್ಯತೆಗಳ ಬಗ್ಗೆ ಆ ಉತ್ಸಾಹವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಗಮನಸೇರಿ. ನಿರ್ದಿಷ್ಟ ಕಌಕಗಳು ಹಾಗೂ ತಂತ್ರಜ್ಞಾನಗಳು ಸ್ವಾಭಾವಿಕವಾಗಿ ಬಾಣಸದಂತೆ ಅನುಸರಿಸಲ್ಪಡುತ್ತವೆ – ನಿಮಗೆ ನಾನು ಹೇಳುವೆ ಇದೊಂದು ಹೆಚ್ಚು ರಂಜನೀಯ ಅನುಭವವಾಗಲಿದೆ! +✅ **ಮುಂದೆ ಏನು ಬರುತ್ತದೆ**: ನಾವು ಈ ಕಲ್ಪನೆಗಳನ್ನು ಆಳವಾಗಿ ಅನ್ವಯಿಸಿ ಅನುಭವಿಸಲು ಹೇಗೋ ಅದ್ಭುತ ಪ್ರಯಾಣ ಆರಂಭಿಸೋಣ! ಈಗಾಗಲೇ ನಿಮ್ಮಲ್ಲಿ ಇರುವ ಈ ಉತ್ಸಾಹವನ್ನು ಹಿಡಿದಿಟ್ಟುಕೊಳ್ಳಿ – ವಿಶೇಷ ನಿಪುಣತೆಗಳು ಸ್ವಾಭಾವಿಕವಾಗಿ ತೋರಿಸ್ತಿರುತ್ತವೆ, ನಾನು ಭರವಸೆ ಕೊಡುತ್ತೇನೆ ಇದು ನಿಮ್ಮ ಕೈಗೆಟುಕುವಂತೆ ತುಂಬ್ಲೂ ಸಂತೋಷಕರವಿರುತ್ತದೆ! -## ಉಪಕರಣಗಳ ಬ್ಯಾಗ್ +## ವಾಣಿಜ್ಯ ಉಪಕರಣಗಳು -ಸರಿ, ಈಗ ನಿಜವಾಗಿಯೂ ನಾನು ತುಂಬಾ ಉತ್ಸಾಹಗೊಂಡಿದ್ದೇನೆ, ಸ್ವಲ್ಪ ಹಿಡಿಯಲು ಸಾಧ್ಯವಾಗುತ್ತಿಲ್ಲ! 🚀 ನಿಮಗೆ ದಿಜಿಟಲ್ ಸ್ಪೇಸ್‌ಶಿಪ್ ಕೀಗಳನ್ನು ನೀಡಿದಂತೆ ಭಾಸವಾಗುವ ಅದ್ಭುತ ಉಪಕರಣಗಳ ಬಗ್ಗೆ ಮಾತನಾಡಲಿದ್ದೇವೆ. +ಇದು ನನಗೆ ಅತ್ಯಂತ ಉತ್ಸಾಹ ತುಂಬುತ್ತದೆ! 🚀 ಇವುಗಳ ಕುರಿತು ಮಾತನಾಡೋಣ, ನಿಮ್ಮನ್ನು ಡಿಜಿಟಲ್ ಯಾನೆಯ ಆಕಾರಣೆಗೂ ಮುಂಚಿತ ಆಗಿಸುವ ಅದ್ಭುತ ಉಪಕರಣಗಳು. -ನೀವು ತಿಳಿದಿರಬಹುದು, ಶೆಫ್‌ಗಳು ತಾವು ಬಳಸುವ ಸೂಕ್ತ ಸಮತೋಲನದಿಂದ ножಗಳನ್ನು ತಮ್ಮ ಕೈಗಳ ವಿಸ್ತಾರಗಳಂತೆ ಅನುಭವಿಸುವರು; ಸಂಗೀತಗಾರರು ಒಬ್ಬ ಗಿಟಾರ್‌ನಲ್ಲಿ ಸ್ಪರ್ಶಿಸುವಂತೆ ಅದು ಹಾಡುತ್ತದೆ. ಹಾಗೆಯೇ ಡೆವಲಪರ್ಗಳಿಗೂ ಇವು ಮಹಾ ಮಾಯಾಜಾಲಿ ಉಪಕರಣಗಳಿವೆ, ಉಳಿದವು ಸಂಪೂರ್ಣ ಮುಕ್ತವಾಗಿವೆ! +ನೀವು ಹೇಗೆ ಶೇಖರಣದಾರರು ತಮ್ಮ ಕೈಗಳ ವಿಸ್ತಾರಗಳಂತೆ ಸ್ವಾಗತಿಸುವ ಸಮತೋಲನ ಕತ್ತಿಗಳನ್ನು ಹೊಂದಿರುತ್ತಾರೆ? ಅಥವಾ ಸಂಗೀತಕಾರನಿಗೆ ಬೆರಗಿಗೆ ಸ್ಪಂದಿಸುವ ಗಿಟಾರ್ ಇದ್ದು ತಾಳಕ್ಕೆ ಹಾಡುತ್ತಾ ಇರುತ್ತದೆ? ನಮ್ಮ ಡೆವಲಪರ್‌ಗಳಿಗೆ ಇಂತಹ ಮಾಯಾಜಾಲಿಕ ಉಪಕರಣಗಳ ಸ್ವಂತ ಮತ್‍ಯಾಂತರ ಇದೆ, ಮತ್ತು ಅವು ಬಹುತೇಕ ಉಚಿತ! -ನಾನು ಕುರ್ಚಿಯಲ್ಲಿ ಕುಳಿತಿದ್ದಂತೆ ಹಾರಾಡುತ್ತೇನೆ, ಏಕೆಂದರೆ ಇವುಗಳು ಸಾಫ್ಟ್‌ವೇರ್ ನಿರ್ಮಾಣ ಶೈಲಿಯನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬದಲಿಸಿ ಇವೆ. AI ಸಹಾಯಕರು ನಿಮ್ಮ ಕೋಡ್ ಬರೆಯಲು ಸಹಾಯ ಮಾಡುತ್ತಾರೆ (ನನಗೆ ನಿಜವಾಗಿಯೂ ಹಾಸ್ಯವಲ್ಲ!), ಕ್ಲೌಡ್ ಪರಿಸರಗಳು Wi-Fi ಇದ್ದ ಎಲ್ಲಿಂದಲಾದರೂ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಲಭ್ಯವಿದೆ, ಹಾಗೂ ಡೀಬಗಿಂಗ್ ಉಪಕರಣಗಳು ಹಿರಿದಾದ ಆಳದಿಂದ ನಿಮಗೆ X-ಕಿರಣ ದೃಷ್ಟಿ ನೀಡುತ್ತವೆ. +ನಾನು ಇಲ್ಲಿ ಕೂತು ಇವುಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದು ಬಹಳ ಸಂತೋಷದ ಸಂಗತಿ ಎಂದು ಎಚ್ಚರಿಸಿದ್ದೇನೆ ಏಕೆಂದರೆ ಇವು ಸಂಪೂರ್ಣವಾಗಿ ಸಾಫ್ಟ್‌ವೇರ್ ನಿರ್ಮಾಣದಲ್ಲಿ ಕ್ರಾಂತಿ ತಂದಿವೆ. AI-ಆಧಾರಿತ ಕೋಡಿಂಗ್ ಸಹಾಯಕರು ನಿಮ್ಮ ಕೋಡ್ ಬರೆಯಲು ಸಹಾಯ ಮಾಡುತ್ತಾರೆ (ನಾನು ಹಾಸ್ಯ ಹೇಳುತ್ತಿದ್ದೇನೆ ಅಲ್ಲ!), ಕ್ಲೌಡ್ ಪರಿಸರಗಳು ಸ್ಮಾರ್ಟ್‌ಫೋನ್ ಅಥವಾ ಲ್ಯಾಪ್ಟಾಪ್‌ನಿಂದಲೂ ಸಂಪೂರ್ಣ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸಲು ಅವಕಾಶ ನೀಡುತ್ತವೆ, ಮತ್ತು ಇಷ್ಟು ಸುತ್ತಲೂ-ನೊಟು ಸಾಧನಗಳು ಪ್ರೋಗ್ರಾಂಗಳಿಗೆ ಎಕ್ಸ-ಕಿರಣ ದೃಷ್ಟಿಯನ್ನು ನೀಡುವುದು ಸಹ ಸಮಾನ. -ಈ ಭಾಗವು ಇನ್ನೂ ಕಂಗೆಡಿಸುತ್ತಿದೆ: ಇವು "ಶುರುವಾಗಿಯ ಉಪಕರಣಗಳು" ಅಲ್ಲ, ನೀವು ಬಿಟ್ಟುಹೋದ ನಂತರ ಬಳಕೆ ಅವಶ್ಯಕವಾಗದ ಅವುಗಳು ಸಹ ಅಲ್ಲ. ಗೂಗಲ್, ನೆಟ್‌ಫ್ಲಿಕ್ಸ್ ಮತ್ತು ನೀವು ಪ್ರೀತಿಸುವ ಇಂಡಿ ಅಪ್ ಸ್ಟೂಡಿಯೊಗಳಲ್ಲಿ ಡೆವಲಪರ್ಗಳು ಉಪಯೋಗಿಸುವ ನಿಜವಾದ ವೃತ್ತಿಪರ ಮಟ್ಟದ ಉಪಕರಣಗಳೇ ಇವೆ. ನೀವು ಅವರ ಮೂಲೆ ರಚಿಸಲು ಹೇಗೋ ಪ್ರೊ ಪ್ರಭಾವ ಅನುಭವಿಸುವಿರಿ! +ನಾನು ಈ ಭಾಗವನ್ನು ಹೇಳಲು ಇನ್ನೂ ಕಂಠಚಳಿ ಮೆರೆದಿದೆನು: ಇವು 'ಆರಂಭಿಕ ಉಪಕರಣಗಳು' ಅಲ್ಲ – ನೀವು ಹೆಚ್ಚಿಸಿಕೊಂಡು ಬರೆದಂತೆ ಇವು ಬೆಳೆಯುವುದಿಲ್ಲ. ಗೂಗಲ್, ನೆಟ್‌ಫ್ಲಿಕ್ಸ್ ಮತ್ತು ನಿಮ್ಮ ಪ್ರಿಯ ಇಂಡಿ ಅಪ್ಲಿಕೇಶನ್ ಸ್ಟೂಡಿಯೋಗಳಲ್ಲಿ ಉದ್ಯೋಗಿಗಳಿಗೆ ಬಳಸುತ್ತಿರುವ ಆಪ್ತ-ಪರಿಶಿಷ್ಟ ಉಪಕರಣಗಳೇ ಇವು. ನೀವು ಈ ಉಪಕರಣಗಳನ್ನು ಬಳಸಿದ್ದು ಬಹು ಪ್ರೊಫೆಷನಲ್ ಆಗಿ ಭಾವಿಸು. ```mermaid graph TD - A["💡 ನಿಮ್ಮ ಆಲೋಚನೆ"] --> B["⌨️ ಕೋಡ್ ಸಂಪಾದಕ
(VS ಕೋಡ್)"] - B --> C["🌐 ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್‌ಗಳು
(ಪರೀಕ್ಷೆ & ಡಿಬಗಿಂಗ್)"] - C --> D["⚡ ಆಜ್ಞಾಪತ್ರಶ್ರೀ
(ಸ್ವಯಂಕ್ರಿಯ & ಸಾಧನಗಳು)"] - D --> E["📚 ದಾಖಲೆ
(ಕಲಿಕೆ & ಉಲ್ಲೇಖ)"] - E --> F["🚀 ಅದ್ಭುತ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್!"] + A["💡 ನಿಮ್ಮ ಐಡಿಯಾ"] --> B["⌨️ ಕೋಡ್ ಎಡಿಟರ್
(VS ಕೋಡ್)"] + B --> C["🌐 ಬ್ರೌಸರ್ ಡೆವ್ ಟೂಲ್‌ಗಳು
(ಪರೀಕ್ಷೆ ಮತ್ತು ಡಿಬಗ್ಗಿಂಗ್)"] + C --> D["⚡ ಕಮಾಂಡ್ ಲೈನ್
(ಸ್ವಯಂಚಾಲನೆ ಮತ್ತು ಉಪಕರಣಗಳು)"] + D --> E["📚 ಡಾಕ್ಯುಮೆಂಟೇಶನ್
(ಕಲಿಕೆ ಮತ್ತು ಉಲ್ಲೇಖ)"] + E --> F["🚀 ಅದ್ಭುತ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್!"] - B -.-> G["🤖 ಕೃತ್ರಿಮ ಬುದ್ಧಿಮತ್ತೆಯ ಸಹಾಯಕ
(GitHub Copilot)"] - C -.-> H["📱 ಉಪಕರಣ ಪರೀಕ್ಷೆ
(ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ)"] - D -.-> I["📦 ಪ್ಯಾಕೇಜ್ ವ್ಯವಸ್ಥಾಪಕರು
(npm, yarn)"] + B -.-> G["🤖 AI ಸಹಾಯಕ
(GitHub Copilot)"] + C -.-> H["📱 ಸಾಧನ ಪರೀಕ್ಷೆ
(ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ)"] + D -.-> I["📦 ಪ್ಯಾಕೇಜ್ ನಿರ್ವಾಹಕರು
(npm, yarn)"] E -.-> J["👥 ಸಮುದಾಯ
(Stack Overflow)"] style A fill:#fff59d @@ -506,347 +504,349 @@ graph TD style I fill:#ffccbc style J fill:#e8eaf6 ``` -### ಕೋಡ್ ಎಡಿಟರ್ಸ್ ಮತ್ತು IDEಗಳು: ನಿಮ್ಮ ಹೊಸ ಡಿಜಿಟಲ್ ಸ್ನೇಹಿತರು +### ಕೋಡ್ ಸಂಪಾದಕರು ಮತ್ತು IDE ಗಳು: ನಿಮ್ಮ ಹೊಸ ಡಿಜಿಟಲ್ ಸ್ನೇಹಿತರು -ನಾವು ಕೋಡ್ ಎಡಿಟರ್‌ಗಳ ಬಗ್ಗೆ ಮಾತನಾಡೋಣ – ಇವು ಬಹುಶಃ ನಿಮ್ಮ ಹೊಸ ಪ್ರಿಯಸ್ಥಾನಗಳಾಗಲಿವೆ! ನಿಮ್ಮ ವೈಯಕ್ತಿಕ ಕೋಡಿಂಗ್ ಆಶ್ರಯವು ಎಂದು ಭಾವಿಸಿ, ಇಲ್ಲಿ ನೀವು ಹೆಚ್ಚಿನ ಸಮಯವನ್ನು ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಸೃಷ್ಟಿಗಳನ್ನು ಸಂಪೂರ್ಣಗೊಳಿಸಲು ಮೀಡಿಕೊಳ್ಳುತ್ತೀರಿ. +ಕೋಡ್ ಸಂಪಾದಕರ ಬಗ್ಗೆ ಹೇಳೋಣ – ಇವು ನಿಮ್ಮ的新ಪ್ರಿಯ ಸ್ಥಳಗಳಾಗ್ತಿವೆ! ನೀವು ಬಹುಮಾನವಾಗಿ ಸಾಹಿತ್ಯ ಬರತೆ ಅಥವಾ ಸಂಶೋಧನೆ ಮಾಡುವುದು ಇಲ್ಲಿ ಹೇಗೆ ಎಂದು ಕಲಿಯೋಣ. -ಆಧುನಿಕ ಎಡಿಟರ್‌ಗಳ ಮಾಯಾಜಾಲವೆಂದರೆ: ಅವು ಕೇವಲ ಬೊಂಬಾಯಿ ಪಠ್ಯ ಸಂಪಾದಕರಲ್ಲ. ಅವು 24/7 ನಿಮ್ಮ ಬಳಿ ಕುಳಿತಿರುವ ಅತ್ಯಂತ ಆದರ್ಶ, ಸಹಾಯಕ ಕೋಡಿಂಗ್ ಗುರುಗಳಂತೆ. ನೀವು ಕಾಣುವುದಕ್ಕಿಂತ ಮೊದಲು ನಿಮ್ಮ ಬರವಣಿಗೆದೋಷಗಳನ್ನು ಹಿಡಿಯುತ್ತವೆ, ನಿಮಗೆ ತರ್ಕಬದ್ಧ ಸುಧಾರಣೆಯನ್ನು ಸೂಚಿಸುತ್ತವೆ, ಪ್ರತಿಯೊಂದು ಕೋಡ್ ತುಂಡು ಏನಪ್ಪ ರೀತಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ಅರಿಸುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತವೆ, ಮತ್ತು ಕೆಲವರು ನೀವು ಬರೆದುವುದಾಗಿ ಊಹಿಸಿ ನಿಮ್ಮ ಕಾಳಜಿಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸುವುದಕ್ಕೆ ಯತ್ನಿಸುತ್ತಾರೆ! +ಇತ್ತೀಚಿನ ಸಂಪಾದಕರು ಹಳೆಯ ಕಾಲದ ಪಠ್ಯ ಸಂಪಾದಕರಲ್ಲ – ಉದ್ಭಟವಾದ, ಬೆಂಬಲಿಸುವ ಕೋಡಿಂಗ್ ಕೋಚ್ ಭೇಟಿಯಾಗಿ ಪ್ರತಿ ಸಮಯದಲ್ಲಿದ್ದಂತೆ. ತಪ್ಪುಗಳನ್ನು ನೀವು ಗಮನಿಸುವ ಮುನ್ನ ಹಿಡಿದುಕೊಳ್ಳುತ್ತಾರೆ, ಸುಧಾರಣೆಯನ್ನು ಸೂಚಿಸುತ್ತಾರೆ, ಪ್ರತಿಯೊಂದು ತಂಡದ ಕಾರ್ಯವನ್ನು ವಿವರಿಸುತ್ತಾರೆ, ಮತ್ತು ಕೆಲವು ನಿಮಗೆ ಬರೆಯಲಿರುವುದನ್ನು ಭವಿಷ್ಯ ವಾಣಿಜ್ಯ ಮಾಡಿತ್ತೇವೆ! -ನಾನು ಮೊದಲಬಾರಿಗೆ ಆಟೋ-ಪೂರಕತೆಯನ್ನು ಕಂಡಾಗ ಭವಿಷ್ಯದಲ್ಲಿ ಬದುಕುತ್ತಿರುವೆನಂತೆ ಭಾಸವಾಯಿತು. ನೀವು ಏನೋ ಟೈಪ್ ಮಾಡುತ್ತೀರಿ, ನಿಮ್ಮ ಎಡಿಟರ್ "ನೀವು ಬೇಕಾದ ಫಂಕ್ಷನ್ ಇದಂತಿದ್ದೀರೀ ಅಂದುಕೊಂಡಿರಾ?" ಎಂಬಂತೆ ಕೇಳುತ್ತದೆ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಗೆಳೆಯನಾಗಿ ಮನೋಧರ್ಮಿ ಇದ್ದಂತೆ! +ಆಟೋ-ಕಂಪ್ಲೀಶನ್ ಕಂಡುಬಂದಾಗ ಅದ್ಭುತ ಭಾವನೆ. ನೀವು ಟೈಪ್ ಮಾಡಲು ಪ್ರಾರಂಭಿಸಿದಾಗ, ನಿಮ್ಮ ಸಂಪಾದಕ "ನೀವು ಇದുവരെ ಬೇಕಾದ ಫಂಕ್ಷನನ್ನು ಕಂಡುಕೊಂಡಿದ್ದೀರಾ?" ಎನ್ನುತ್ತದೆ – ಇದು ನಿಮ್ಮ ಮನೋವಿದರನ್ನು ಹೊಂದಿರುವ ಸ್ನೇಹಿತನಂತೆ! -**ಈ ಎಡಿಟರ್‌ಗಳನ್ನು ಅದ್ಭುತವಾಗಿಸಲು ಏನು ಕಾರಣ?** +**ಇವುಗಳನ್ನು ಅದ್ಭುತವಾಗಿಸುವುದು ಏನು?** -ಆಧುನಿಕ ಕೋಡ್ ಎಡಿಟರ್‌ಗಳು ನಿಮ್ಮ ಉತ್ಪಾದಕತೆಯನ್ನು ಹೆಚ್ಚಿಸುವFeatures ಒಂದಿಷ್ಟು: +ಇತ್ತೀಚಿನ ಕೋಡ್ ಸಂಪಾದಕರು ನಿಮ್ಮ ಉತ್ಪಾದಕತೆಯನ್ನು ಹೆಚ್ಚಿಸಲು ಬೇಕಾದ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ನೀಡುತ್ತವೆ: -| ವೈಶಿಷ್ಟ್ಯ | ಇದು ಏನು ಮಾಡುತ್ತದೆ | ಅದಕ್ಕೆ ಯಾಕೆ ಉಪಯೋಗ? | -|---------|--------------|--------------| -| **ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟಿಂಗ್** | ನಿಮ್ಮ ಕೋಡ್‌ನ ವಿಭಿನ್ನ ಭಾಗಗಳಿಗೆ ಬಣ್ಣ ನೀಡುತ್ತದೆ | ಕೋಡ್ ಓದಲು ಸುಲಭ ಹಾಗೂ ದೋಷಗಳನ್ನು ಹುಡುಕಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ | -| **ಆಟೋ-ಕಂಪ್ಲೀಷನ್** | ನೀವು ಟೈಪ್ ಮಾಡಿದಂತೆ ಕೋಡ್ ಸೂಚಿಸುತ್ತದೆ | ಬರವಣಿಗೆಯನ್ನು ವೇಗಗೊಳಿಸಿ ತಪ್ಪುಗಳನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ | -| **ಡೀಬಗಿಂಗ್ ಉಪಕರಣಗಳು** | ದೋಷಗಳನ್ನು ಹುಡುಕಿ ಸರಿಪಡಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ | ಸಮಸ್ಯೆಗಳ ಪರಿಹಾರಕ್ಕೆ ಸಮಯ ಉಳಿಸುತ್ತದೆ | -| **ವಿಸ್ತರಣೆಗಳು** | ವಿಶೇಷಣ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸುತ್ತವೆ | ಯಾವುದೇ ತಂತ್ರಜ್ಞಾನಕ್ಕಾಗಿ ನಿಮ್ಮ ಎಡಿಟರ್ ಅನ್ನು ಹೊಂದಿಸಿಕೊಳ್ಳಿ | -| **AI ಸಹಾಯಕರು** | ಕೋಡ್ ಮತ್ತು ವಿವರಣೆಗಳನ್ನು ಸೂಚಿಸುತ್ತಾರೆ | ಕಲಿಕೆಯನ್ನು ವೇಗಗೊಳಿಸಿ ನೀವು ಹೆಚ್ಚು ಕಾರ್ಯಕ್ಷಮವಾಗಿರಿ | +| ವೈಶಿಷ್ಟ್ಯ | ಏನು ಮಾಡುತ್ತದೆ | ಅದು ಯಾಕೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ | +|------------|---------------|---------------------------| +| **ವ್ಯಾಕರಣ ಬೆಳಕು** | ನಿಮ್ಮ ಕೋಡ್ ವಿಭಿನ್ನ ಭಾಗಗಳನ್ನು ಬಣ್ಣಿಸಿ ತೋರಿಸುವುದು | ಕೋಡ್ ಓದಲು ಸುಗಮ ಮತ್ತು ದೋಷಗಳನ್ನು ಕಂಡುಹಿಡಿಯುವುದು ಸುಲಭವಾಗುತ್ತದೆ | +| **ಆಟೋ-ಕಂಪ್ಲೀಶನ್** | ಟೈಪಿಂಗ್ ಮಾಡುತ್ತಿರುವಾಗ ಕೋಡ್ ಸೂಚಿಸುತ್ತದೆ | ಕೋಡ್ ಬರೆಯುವ ವೇಗ ಹೆಚ್ಚದೆ ತಪ್ಪುಗಳ ಕಡಿತಗೊಳ್ಳುತ್ತದೆ | +| **ಡಿಬಗ್ ಸಾಧನಗಳು** | ದೋಷಗಳನ್ನು ಕಂಡುಹಿಡಿದು ಸರಿಪಡಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ | ಸಮಸ್ಯೆ ಪರಿಹಾರಕ್ಕೆ ಗಂಟೆಗಳ ಸಮಯ ಉಳಿಸುತ್ತದೆ | +| **ವಿಸ್ತರಣೆಗಳು** | ವಿಶೇಷ ಫೀಚರ್‌ಗಳನ್ನು ಸೇರಿಸಲು ಅವಕಾಶ ನೀಡುತ್ತದೆ | ಯಾವುದೇ ತಂತ್ರಜ್ಞಾನಕ್ಕೆ ಸಂಪಾದಕವನ್ನು ಹೊಂದಿಸಿಕೊಳ್ಳಬಹುದು | +| **AI ಸಹಾಯಕರು** | ಕೋಡ್ ಮತ್ತು ವಿವರಗಳನ್ನು ಸೂಚಿಸುತ್ತವೆ | ಕಲಿಕೆ ಮತ್ತು ಉತ್ಪಾದಕತೆಯನ್ನು ವೇಗಗೊಳಿಸುತ್ತದೆ | -> 🎥 **ವೀಡಿಯೋ ಸಂಪನ್ಮೂಲ**: ಈ ಉಪಕರಣಗಳನ್ನು ಕ್ರಿಯಾಶೀಲವಾಗಿ ನೋಡಬೇಕೆ? [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) ನೋಡಿ. +> 🎥 **ವೀಡಿಯೋ ಸಂಪನ್ಮೂಲ**: ಈ ಉಪಕರಣಗಳನ್ನು ಕಾರ್ಯನಿರ್ವಹಿಸುವುದನ್ನು ನೋಡಲು [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) ನೋಡಿ. -#### ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಶಿಫಾರಸಾದ ಎಡಿಟರ್‌ಗಳು +#### ವೆಬ್ ಅಭಿವೃದ್ಧಿಗಾಗಿ ಶಿಫಾರಸು ಮಾಡಿದ ಸಂಪಾದಕರು **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (ಉಚಿತ) -- ವೆಬ್ ಅಭಿವೃದ್ಧి ಉದ್ಯಮದಲ್ಲಿ ಅತ್ಯಂತ ಜನಪ್ರಿಯ -- ಅದ್ಭುತ ವಿಸ್ತರಣೆ ವ್ಯವಸ್ಥೆ -- ಒಳಗೊಂಡಿರುವ ಟರ್ಮಿನಲ್ ಮತ್ತು Git ಇಂಟಿಗ್ರೇಶನ್ -- **ಅತ್ಯಗತ್ಯ ವಿಸ್ತರಣೆಗಳು**: - - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI ಚಲಿತ ಕೋಡ್ ಸೂಚನೆಗಳು - - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - რეaltime ಸಹಕಾರ - - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - ಸ್ವಯಂಚಾಲಿತ ಕೋಡ್ ಸ್ವರೂಪೀಕರಣ - - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - ನಿಮ್ಮ ಕೋಡ್ ನಲ್ಲಿ ಟೈಪೋಗಳನ್ನು ಹಿಡಿದುಕೊಳ್ಳುವುದು - -**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (ಪೇಯ್ಡ್, ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಉಚಿತ) -- ಮುಂದುವರೆದ ಡೀಬಗ್ ಮತ್ತು ಪರೀಕ್ಷಾ ಉಪಕರಣಗಳು -- ಬುದ್ಧಿವಂತ ಕೋಡ್ ಪೂರೈಕೆ -- ಒಳಗೊಂಡಿರುವ ಆವೃತ್ತಿ ನಿಯಂತ್ರಣ - -**ಕ್ಲೌಡ್ ಆಧಾರಿತ IDEಗಳು** (ವಿಭಿನ್ನ ಬೆಲೆಗಳು) +- ವೆಬ್ ಡೆವಲಪರ್‌ಗಳ ಪೈಕಿ ಅತ್ಯಂತ ಜನಪ್ರಿಯ +- ಅತ್ಯುತ್ತಮ ವಿಸ್ತರಣೆ ಪಾರದರ್ಶನ +- ಒಳಗಿನ ಟರ್ಮಿನಲ್ ಮತ್ತು Git ಸಂಯೋಜನೆ +- **ಅತ್ಯಾವಶ್ಯಕ ವಿಸ್ತರಣೆಗಳು**: + - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI ಚಾಲಿತ ಕೋಡ್ ಸೂಚನೆಗಳು + - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - ರಿಯಲ್-ಟೈಮ್ ಸಹಯೋಗ + - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - ಸ್ವಯಂಚಾಲಿತ ಕೋಡ್ ಸ್ವರೂಪಣ + - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - ಕೋಡ್‌ನ ಟೈಪೋಗಳನ್ನು ಹಿಡಿಯುವುದು + +**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (ಪೇಟೆ, ವಿದ್ಯಾರ್ಥಿಗಳಿಗೆ ಉಚಿತ) +- ಪ್ರಗತಿಶೀಲ ಡಿಬಗ್ಗಿಂಗ್ ಮತ್ತು ಪರೀಕ್ಷಾ ಉಪಕರಣಗಳು +- ಬುದ್ಧಿವಂತ ಕೋಡ್ ಪೂರ್ಣಗೊಳಣೆ +- ಒಳಗಿನ ಆವೃತ್ತಿ ನಿಯಂತ್ರಣ + +**ಕ್ಲೌಡ್ ಆಧಾರಿತ IDE ಗಳು** (ವಿವಿಧ ಬೆಲೆ) - [GitHub Codespaces](https://github.com/features/codespaces) - ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸಂಪೂರ್ಣ VS Code -- [Replit](https://replit.com/) - ಕಲಿಕೆ ಮತ್ತು ಕೋಡ್ ಹಂಚಿಕೆಗೆ ಅತ್ಯುತ್ತಮ -- [StackBlitz](https://stackblitz.com/) - ತಕ್ಷಣದ ಪೂರ್ಣ-ಸ್ಟಾಕ್ ವೆಬ್ ಅಭಿವೃದ್ಧಿ +- [Replit](https://replit.com/) - ಕಲಿಕೆಗೆ ಮತ್ತು ಕೋಡ್ ಹಂಚಿಕೊಳ್ಳಲು ಶುಭಕರ +- [StackBlitz](https://stackblitz.com/) - ತಕ್ಷಣ, ಸಂಪೂರ್ಣ ಸ್ಟಾಕ್ ವೆಬ್ ಅಭಿವೃದ್ಧಿ + +> 💡 **ಆರಂಭಿಕ ಸಲಹೆ**: Visual Studio Code ನಿಂದ ಪ್ರಾರಂಭಿಸಿ – ಇದು ಉಚಿತ, ಉದ್ಯಮದಲ್ಲಿ ವ್ಯಾಪಕವಾಗಿ ಬಳಕೆಯಲ್ಲಿದೆ ಮತ್ತು ಸಹಾಯಕ ಟ್ಯುಟೋರಿಯಲ್‌ಗಳು ಹಾಗೂ ವಿಸ್ತರಣೆಗಳ ದೊಡ್ಡ ಸಮುದಾಯವಿದೆ. -> 💡 **ಪ್ರಾರಂಭಿಕ ಸಲಹೆ**: Visual Studio Code ನಿಂದ ಪ್ರಾರಂಭಿಸಿ – ಉಚಿತವಾಗಿದ್ದು, ಉದ್ಯಮದಲ್ಲಿಯೇ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲ್ಪಡುವುದು ಮತ್ತು ಸಹಾಯಕ ಟ್ಯುಟೋರಿಯಲ್‌ಗಳು ಮತ್ತು ವಿಸ್ತರಣೆಗಳ ಮಹಾಸಮುದಾಯವಿದೆ. +### ವೆಬ್ ಬ್ರೌಸರಗಳು: ನಿಮ್ಮ ರಹಸ್ಯ ಅಭಿವೃದ್ಧಿ ಪ್ರಯೋಗಾಲಯ -### ವೆಬ್ ಬ್ರೌಸರಗಳು: ನಿಮ್ಮ ಗುಪ್ತ ಅಭಿವೃದ್ಧಿ ಪ್ರಯೋಗಶಾಲೆ +ಸರೇ, ನಿಮ್ಮ ಮನಸ್ಸು ಸಂಪೂರ್ಣವಾಗಿ ಮಿಂಚಿಕೊಳ್ಳಲು ಸಿದ್ಧರಾಗಿ! ನೀವು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮದ ಸ್ಕ್ರೋಲ್, ವೀಡಿಯೋ ಕಾಣಲು ಬ್ರೌಸರ್‌ಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದೀರಿ ಬಲ್ಲಿರಿ? ಆದರೆ ಈ ಹಿಂದೆ ಈ ಅಸಾಧಾರಣ ರಹಸ್ಯ ಡೆವಲಪರ್ ಪ್ರಯೋಗಾಲಯವನ್ನು ಇಟ್ಟುಕೊಂಡಿದೆ, ನೀವು ಅದನ್ನು ಈಗಲೇ ಕಂಡುಹಿಡಿಯಬೇಕಿದೆ! -ಸರಿ, ನಿಮ್ಮ ಮೆದುಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಧಮಾಕಾಗೊಳಿಸಲು ಸಜ್ಜಾಗಿರಿ! ನೀವು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮವನ್ನು ಸ್ಕ್ರೋಲ್ ಮಾಡಲು ಮತ್ತು ವೀಡಿಯೋಗಳನ್ನು ನೋಡಲು ಬ್ರೌಸರ್‌ಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದಿರಲ್ಲವೆ? ಅದೇ ಅಲ್ಲಿ ಈ ಅತಿದೊಡ್ಡ ಗುಪ್ತ ಅಭಿವೃದ್ಧಿ ಪ್ರಯೋಗಾಲಯವನ್ನು ಇಡೀ ಸಮಯ ಮರೆಮಾಚಿ ಇಟ್ಟಿವೆ, ನೀವು ಇದನ್ನು ಕಂಡುಕೊಳ್ಳಲು ಕಾಯುತ್ತಿದೆ! +ಪ್ರತಿ ಸಲ ನೀವು ವೆಬ್‌ಪೇಜ್ ಮೇಲೆ ರೈಟ್-ಕ್ಲಿಕ್ ಮಾಡಿ "Inspect Element" ಆಯ್ಕೆ ಮಾಡೋಲ್ಲಾ, ನೀವು ಗುಪ್ತವಾಗಿ ವಿಶ್ವದ ಶ್ರೇಷ್ಠ ಸಾಧನಗಳನ್ನು ತೆರೆಯುತ್ತಿದ್ದೀರಿ, ಇವುಗಳ ಶಕ್ತಿ ನಾನು ಮೊದಲು ನೂರು ಡಾಲರ್ ವೆಚ್ಚ ಮಾಡಿದ ಸಾಫ್ಟ್‌ವೇರ್‌ಗಿಂತ ಹೆಚ್ಚು! -ಪ್ರತಿ ಬಾರಿ ನೀವು ವೆಬ್‌ಪುಟದ ಮೇಲೆ ರೈಟ್ ಕ್ಲಿಕ್ ಮಾಡಿ "ಇನ್ಸ್‌ಪೆಕ್ಟ್ ಎಲೆಮೆಂಟ್" ಆಯ್ಕೆಮಾಡುವಾಗ, ನೀವು ಅಭಿವೃದ್ಧಿಪಡಿಸುವ ಪ್ರಯೋಗಾಲಯದ ಅಡಗಿರುವ ಪ್ರಪಂಚವನ್ನು ತೆರೆಯುತ್ತಿದ್ದೀರಿ, ಇದು ನಾನು ಮೊದಲು ನೂರು ಡಾಲರುಗಳಿಗೂ ಖರೀದಿಸಿದ ಕೆಲವು ದುಬಾರಿ ಸಾಫ್ಟ್‌ವೇರ್‌ಗಳಿಗಿಂತ ಶಕ್ತಿಶಾಲಿಯಾಗಿದೆ. ಇದು ನಿಮ್ಮ ಸಾಮಾನ್ಯ ಕ್ಯೋಜನ್ ಮುಂಭಾಗದಲ್ಲಿ ಕೇವಲ ಮಾಯಾಜಾಲীয়া ವೃತ್ತಿಪರ ಶೆಫ್ ಪ್ರಯೋಗಾಲಯ ಇರುವಂತೆ ಕಂಡುಬರುತ್ತದೆ! -ಯಾರಾದರೂ ಮೊದಲು ಬ್ರೌಸರಿನ DevTools ಅನ್ನುತೋರಿಸಿದಾಗ, ನಾನು ಮೂರು ಗಂಟೆಗಳು ಕೇವಲ ಕ್ಲಿಕ್ ಮಾಡಿಕೋನಿದ್ದು "ಬೇಡಿಕೋ, ಅದು ಇದನ್ನೂ ಮಾಡ್ಬಲ್ಲುದಾ?!" ಎನ್ನುತ್ತಿದ್ದೆ. ನೀವು ನಿಜಕ್ಕೂ ಪ್ರತಿಯೊಂದು ವೆಬ್ಸೈಟ್ ಅನ್ನು ರಿಯಲ್-ಟೈಮ್‌ನಲ್ಲಿ ಸಂಪಾದಿಸಬಹುದು, ಎಲ್ಲವೂ ಎಷ್ಟು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತಿದೆ ಎಂದು ನೋಡಬಹುದು, ನಿಮ್ಮไซต์ ವಿವಿಧ ಸಾಧನಗಳಲ್ಲಿ ಹೇಗಿದೆ ಎಂದು ಪರೀಕ್ಷಿಸಬಹುದು ಮತ್ತು ಸಂಪೂರ್ಣ ಪ್ರೊ ಹಾಗೆ JavaScript ನ ಡಿಬಗ್ ಮಾಡಬಹುದು. ಇದು ಸಂತೋಷಕರವಾಗಿಯೇ ಅಸಾಧಾರಣ! +ಈ ಉಳಿದಿರುವ ನಿಮ್ಮ ಹಳೆಯ ಅಡುಗೆ ಮನೆಯಲ್ಲಿ ಗುಪ್ತ ಪ್ರೊಫೆಷನಲ್ ಶೆಫ್ ಪ್ರಯೋಗಾಲಯ ಇರುತ್ತದೆ ಎಂದು ಕಂಡುಕೊಳ್ಳುವಂತಹ ಅನುಭವ! +ಯಾರಾದರೂ ಮೊದಲ ಬಾರಿಗೆ ನನಗೆ ಬ್ರೌಸರ್ ಡೆವ್‌ಟೂಲ್ಸ್ ತೋರಿಸಿದ್ದಾಗ, ನಾನು ಮೂರು ಗಂಟೆಗಳಷ್ಟು ಕೇವಲ ಕ್ಲಿಕ್ ಮಾಡುತ್ತಾ "ಸೀರಿ, ಅದು ಅದನ್ನೂ ಮಾಡುತ್ತದೆಯಾ?!" ಎಂದು ಹೇಳುತ್ತಾ ಇದ್ದೆ. ನೀವು ನಿಜಕ್ಕೂ ಯಾವುದೇ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ನೇರ ಸಮಯದಲ್ಲಿ ಸಂಪಾದನೆ ಮಾಡಬಹುದು, ಎಲ್ಲವೂ ಎಷ್ಟು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತಾರೋ ತಿದ್ದಿಸಬಹುದು, ನಿಮ್ಮ ಸೈಟ್ ವಿಭಿನ್ನ ಸಾಧನಗಳಲ್ಲಿ ಹೇಗೆ ಕಾಣಿಸುತ್ತದೆ ಎಂದು ಪರೀಕ್ಷಿಸಬಹುದು, ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸಂಪೂರ್ಣ ಪ್ರೊ ಸ್ತಾಯಿಯಲ್ಲಿ ಡಿಬಗ್ ಮಾಡಬಹುದು. ಇದು ಸಂಪೂರ್ಣವಾಗಿ ಅಚ್ಚರಿಯ ಸಂಗತಿ! -**ನಿಮ್ಮ ಗುಪ್ತ ಶಸ್ತ್ರವೂ ಬ್ರೌಸರ್ ಗಳು ಇದಕ್ಕೆ ಕಾರಣ:** +**ಇದು ಯಾಕೆ ಬ್ರೌಸರ್‌ಗಳು ನಿಮ್ಮ ರಹಸ್ಯ ಆಯುಧಗಳಾಗಿವೆ ಎಂಬುದಕ್ಕೆ ಕಾರಣ:** -ನೀವು ವೆಬ್ಸೈಟ್ ಅಥವಾ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ರಚಿಸುವಾಗ, ಅದು ನಿಜವಾದ ಜಗತ್ತಿನಲ್ಲಿ ಹೇಗಿದೆ ಮತ್ತು ಹೇಗೆ ವರ್ತಿಸುತ್ತದೆ ಎಂದು ನೋಡಬೇಕಾಗುತ್ತದೆ. ಬ್ರೌಸರ್ ಗಳು ನಿಮ್ಮ ಕೆಲಸವನ್ನು ತೋರಿಸುವುದಷ್ಟೇ ಅಲ್ಲ, ಕಾರ್ಯಕ್ಷಮತೆ, ಪ್ರವೇಶಾರ್ಥಕತೆ ಮತ್ತು ಸಾಧ್ಯತೆ ಇರುವ ಸಮಸ್ಯೆಗಳ ಬಗ್ಗೆ ವಿವರವಾದ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನೀಡುತ್ತವೆ. +ನೀವು ಒಂದು ವೆಬ್‌ಸೈಟ್ ಅಥವಾ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ರಚಿಸುವಾಗ, ಅದು ನಿಜ ಜೀವನದಲ್ಲಿ ಹೇಗೆ ಕಾಣುವುದೆಂದು ಮತ್ತು ಹೇಗೆ ವರ್ತಿಸುವುವುದೆಂದು ನೋಡಬೇಕಾಗುತ್ತದೆ. ಬ್ರೌಸರ್‌ಗಳು ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಮಾತ್ರವಲ್ಲ, ಪ್ರದರ್ಶನ, ಪ್ರಾಪ್ಯತೆ ಮತ್ತು ಸಾಧ್ಯವಾದ ಸಮಸ್ಯೆಗಳ ಬಗ್ಗೆ ವಿವರವಾದ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಸಹ ಒದಗಿಸುತ್ತವೆ. -#### ಬ್ರೌಸರ್ ಡೆವಲಪರ್ ಸಾಧನಗಳು (DevTools) +#### ಬ್ರೌಸರ್ ಡೆವಲಪರ್ ಟೂಲ್ಸ್ (DevTools) -આಧುನಿಕ ಬ್ರೌಸರ ಗಳು ಸಮಗ್ರ ಅಭಿವೃದ್ಧಿ ಸುಟ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ: +ಆಧುನಿಕ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಸಮಗ್ರ ಡೆವಲಪ್ಮೆಂಟ್ ಸೂಟ್‌ಗಳಿವೆ: -| ಸಾಧನ ವರ್ಗ | ಅದು ಏನು ಮಾಡುತ್ತದೆ | ಉದಾಹರಣೆ ಉಪಯೋಗ मामला | -|------------|------------------|-----------------------| -| **ಎಲೆಮೆಂಟ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್** | HTML/CSS ಅನ್ನು ರಿಯಲ್-ಟೈಮ್ ನಲ್ಲಿ ವೀಕ್ಷಿಸಿ ಮತ್ತು ಸಂಪಾದಿಸಿ | ಶೈಲಿಯನ್ನು ಹೊಂದಿಸಿ ತಕ್ಷಣ ಫಲಿತಾಂಶಗಳನ್ನು ನೋಡಿ | -| **ಕನ್ಸೋಲ್** | ದೋಷ ಸಂದೇಶಗಳನ್ನು ವೀಕ್ಷಿಸಿ ಮತ್ತು JavaScript ಅನ್ನು ಪರೀಕ್ಷಿಸಿ | ಸಮಸ್ಯೆಗಳನ್ನು ಡಿಬಗ್ ಮಾಡಿ ಮತ್ತು ಕೋಡ್ ಜೊತೆ ಪ್ರಯೋಗ ಮಾಡಿ | -| **ನೆಟ್‌ವರ್ಕ್ ಮಾನಿಟರ್** | ಸಂಪನ್ಮೂಲಗಳು ಹೇಗೆ ಲೋಡ್ ಆಗುತ್ತಿವೆ ಎಂಬುದನ್ನು ಅನುಸರಿಸಿ | ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಲೋಡ್ ಸಮಯಗಳನ್ನು ಆಪ್ಟಿಮೈಸ್ ಮಾಡಿ | -| **ಪ್ರವೇಶಾರ್ಥಕತೆ ಪರಿಶೀಲಕ** | ಸಮಾವೇಶಾತ್ಮಕ ವಿನ್ಯಾಸಕ್ಕೆ ಪರೀಕ್ಷೆ ಮಾಡಿ | ನಿಮ್ಮ ಸೈಟ್ ಎಲ್ಲ ಬಳಕೆದಾರರಿಗೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂದು ಖಚಿತ ಪಡಿಸಿ | -| **ಸಾಧನ ಸಿಮ್ಯುಲೇಟರ್** | ವಿಭಿನ್ನ ಪರದೆ ಗಾತ್ರಗಳಲ್ಲಿ ಪೂರ್ವಾವಲೋಕನ ಮಾಡಿ | ಬಹುನಡೆಯುವ ವಿನ್ಯಾಸವನ್ನು ವಿವಿಧ ಸಾಧನಗಳಿಲ್ಲದೆ ಪರೀಕ್ಷಿಸಿ | +| ಟೂಲ್ ವರ್ಗ | ಇದು ಏನು ಮಾಡುತ್ತದೆ | ಉದಾಹರಣೆಯ ಉಪಯೋಗ ಕೇಸ್ | +|---------------|--------------|------------------| +| **ಎಲಿಮೆಂಟ್ ಇನ್ಸ್ಪೆಕ್ಟರ್** | ನೇರ ಸಮಯದಲ್ಲಿ HTML/CSS ವೀಕ್ಷಿಸಿ ಮತ್ತು ಸಂಪಾದಿಸಿ | ತಕ್ಷಣ ಫಲಿತಾಂಶಗಳನ್ನು ನೋಡಲು ಶೈಲಿಯನ್ನು ಹೊಂದಿಸಿ | +| **ಕನ್ಸೋಲ್** | ದೋಷ ಸಂದೇಶಗಳನ್ನು ವೀಕ್ಷಿಸಿ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಿ | ಸಮಸ್ಯೆಗಳನ್ನು ಡಿಬಗ್ ಮಾಡಿ ಮತ್ತು ಕೋಡ್ ಜೊತೆಯಾಗಿಸಿ | +| **ನೆಟ್‌ವರ್ಕ್ ಮೊನಿಟರ್** | ಸಂಪನ್ಮೂಲಗಳು ಹೇಗೆ ಲೋಡ್ ಆಗುತ್ತವೊ ಟ್ರ್ಯಾಕ್ ಮಾಡಿ | ಪ್ರದರ್ಶನ ಮತ್ತು ಲೋಡಿಂಗ್ ಸಮಯಗಳನ್ನು ಮೇಲುಗೈ ಮಾಡಿ | +| **ಪ್ರಾಪ್ಯತೆ ಪರಿಶೀಲಕ** | ಸಮಾವೇಶಿ ವಿನ್ಯಾಸವನ್ನು ಪರೀಕ್ಷಿಸಿ | ನಿಮ್ಮ ಸೈಟ್ ಎಲ್ಲಾ ಉಪಯೋಗಿಸುವವರಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ | +| **ಡಿವೈಸ್ ಸಿಮ್ಯುಲೇಟರ್** | ವಿಭಿನ್ನ ಸ್ಕ್ರೀನ್ ಗಾತ್ರಗಳಲ್ಲಿ ಪೂರ್ವದೃಶ್ಯ ನೀಡಿ | ಹಲವು ಸಾಧನಗಳನ್ನು ಬಳಸದೇ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸವನ್ನು ಪರೀಕ್ಷಿಸಿ | -#### ಅಭಿವೃದ್ಧಿಗಾಗಿ ಶಿಫಾರಸು ಮಾಡಿದ ಬ್ರೌಸರ ಗಳು +#### ಅಭಿವೃದ್ಧಿಗಾಗಿ ಶಿಫಾರಸು ಮಾಡಿದ ಬ್ರೌಸರ್‌ಗಳು -- **[ಕ್ರೋಮ್](https://developers.google.com/web/tools/chrome-devtools/)** - ವ್ಯಾಪಕ ದಾಖಲೆಗಳೊಂದಿಗೆ ಕಂತಿನ DevTools -- **[ಫೈರ್‌ಫೋಕ್ಸ್](https://developer.mozilla.org/docs/Tools)** - ಅತ್ಯುತ್ತಮ CSS ಗ್ರಿಡ್ ಮತ್ತು ಪ್ರವೇಶಾರ್ಥಕತೆ ಸಾಧನಗಳು -- **[ಎಡ್ಜ್](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ಮೈಕ್ರೋಸಾಫ್ಟ್‌ ಅವರ ಡೆವಲಪರ್ ಸಂಪನ್ಮೂಲಗಳೊಂದಿಗೆ ಕ್ರೋಮಿಯಂ ಆಧಾರಿತ +- **[ಕ್ರೋಮ್](https://developers.google.com/web/tools/chrome-devtools/)** - ವ್ಯಾಪಕ ದಾಖಲೆಗಳೊಂದಿಗೆ ಕೈಗಾರಿಕಾ ಮಾನದಂಡದ ಡೆವ್‌ಟೂಲ್ಸ್ +- **[ ಫೈರ್‌ಫಾಕ್ಸ್](https://developer.mozilla.org/docs/Tools)** - ಅತಿದೊಡ್ಡ CSS ಗ್ರಿಡ್ ಮತ್ತು ಪ್ರಾಪ್ಯತೆ ಟೂಲ್ಸ್ +- **[ಎಡ್ಜ್](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನ ಡೆವಲಪರ್ ಸಂಪನ್ಮೂಲಗಳೊಂದಿಗೆ ಕ್ರೋಮಿಯಂ ಆಧಾರಿತ -> ⚠️ **ಗুরুತವಾದ ಪರೀಕ್ಷಾ ಸಲಹೆ**: ನಿಮಗೆ ವೆಬ್ಸೈಟ್‌ಗಳನ್ನು ಹಲವಾರು ಬ್ರೌಸರಗಳಲ್ಲಿ ಪರೀಕ್ಷಿಸಬೇಕು! ಕ್ರೋಮ್‌ನಲ್ಲಿ ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುವುದನ್ನು ಸಫಾರಿ ಅಥವಾ ಫೈರ್‌ಫಾಕ್ಸ್‌ನಲ್ಲಿ ವಿಭಿನ್ನವಾಗಿ ಕಾಣಬಹುದು. ವೃತ್ತಿಪರ ಡೆವಲಪರ್ ಗಳು ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರಲ್ಲಿ ಪರೀಕ್ಷೆ ಮಾಡುವರು ಫಲಿತಾಂಶ ದ್ವಂದ್ವವನ್ನು ತಪ್ಪಿಸಲು. +> ⚠️ **ಪ್ರಮುಖ ಪರೀಕ್ಷಾ ಸಲಹೆ**: ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಹಲವಾರು ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಎಚ್ಚರಿಕೆಯಿಂದ ಪರೀಕ್ಷಿಸಿ! ಕ್ರೋಮ್‌ನಲ್ಲಿ ಅದು ಬಲವಾಗಿದ್ದರೆ, ಸಫಾರಿ ಅಥವಾ ಫೈರ್‌ಫಾಕ್ಸ್‌ನಲ್ಲಿ ವಿಭಿನ್ನವಾಗಿ ಕಾಣಬಹುದು. ವೃತ್ತಿಪರ ಡೆವಲಪರ್‌ಗಳು ಸತತ ಬಳಕೆದಾರ ಅನುಭವಗಳನ್ನು ಖಚಿತಪಡಿಸಲು ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ಪರೀಕ್ಷಿಸುತ್ತಾರೆ. -### ಕಮಾಂಡ್ ಲೈನ್ ಸಾಧನಗಳು: ನಿಮ್ಮ ಡೆವಲಪರ್ ಸೂಪರ್ ಶಕ್ತಿಗಳಿಗೆ ಪ್ರವೇಶ +### ಕಮಾಂಡ್ ಲೈನ್ ಟೂಲ್ಸ್: ನಿಮ್ಮ ಡೆವಲಪರ್ ಸೂಪರ್‌ಪವರ್‌ಗಳಿಗೆ ದ್ವಾರ -ಸರಿ, ನಿಮ್ಮಿಗೆ ಕಮಾಂಡ್ ಲೈನ್ ಬಗ್ಗೆ ಪೂರ್ಣವಾಗಿ ನಿಷ್ಠುರ ಸತ್ಯವನ್ನು ಹೇಳುತ್ತೇನೆ, ಏಕೆಂದರೆ ಅದನ್ನು ನಿಜವಾಗಿಯೂ ಅರ್ಥಮಾಡ್ಕೊಳ್ಳುವವರಿಂದ ನೀವು ಕೇಳಬೇಕು. ಮೊದಲು ಅದನ್ನು ನೋಡಿ – ಕೇವಲ ಈ ಭಯಾನಕ ಕಪ್ಪು ಪರದೆ ಟಿಪ್ಪಣಿಗಳೊಂದಿಗೆ – ನನಗೆ ನಿಜವಾಗಿಯೂ ಅನ್ನಿಸಿತು, "ಇಲ್ಲಾ, ಗಡಿಯಾರ ಇಲ್ಲ! ಇದು 1980ರ ದಶಕದ ಹ್ಯಾಕರ್ ಚಿತ್ರದಿಂದ ಬಂದಂತೆ ಇದೆ, ಮತ್ತು ನಾನು ಇದಕ್ಕೆ ಪೋಷ್ಠಿಕೂ ಕಡಿಮೆ ತಿಳುವಳಿಕೆ ಇದ್ದೇನೆ!" 😅 +ಸರೇ, ನಾನು ಈ ಕಮಾಂಡ್ ಲೈನ್ ಬಗ್ಗೆ ಸಂಪೂರ್ಣ ಖಚಿತವಾಗಿರುವ ಕ್ಷಣವನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಬಯಸುತ್ತೇನೆ, ಏಕೆಂದರೆ ನಾನು ಇದನ್ನು ನಿಜವಾಗಿಯೂ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಒಬ್ಬರಿಂದ ನೀವು ಕೇಳಿ. ಪ್ರಥಮವಾಗಿ ನೋಡಿದಾಗ – ಕೇವಲ ಈ ಭೀಕರ ಕಪ್ಪು ಸ್ಕ್ರೀನ್ ಇರುವ, ಮಿಂಚು ಹೊಯ್ಯುತ್ತಿರುವ ಬರಹದೊಂದಿಗೆ – ನಾನು ನಿಜವಾಗಿಯೂ "ಇಲ್ಲ, ಇಂತಹದೊಂದು 1980ರ ಹ್ಯಾಕರ್ ಚಿತ್ರದಿಂದಲೇ ಬಂದುಬಿಟ್ಲಿದಂತಿದೆ, ನಾನು ಇದಕ್ಕೆ ಸೂಕ್ತ ಬುದ್ಧಿವಂತನಲ್ಲ" ಎಂದು ಭಾವಿಸ್ತು 😅 -ಆದರೆ ನಾನು ಹಿಂಪಡೆಯಾಗಿರುವುದು ನಿಮಗೆ ಹೇಳಬೇಕಾದುದು ಏನೆಂದರೆ: ಕಮಾಂಡ್ ಲೈನ್ ಭಯಪಡಬೇಕಾಗಿಲ್ಲ – ಇದು ನಿಜವಾಗಿಯೂ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಜೊತೆ ನೇರ ಸಂಭಾಷಣೆ ಹೋಲುತ್ತದೆ. ಹಣಿಕೆ ಮೂಲಕ ಆಹಾರವನ್ನು ಆರ್ಡರ್ ಮಾಡುವ ಪ್ರಕ್ರಿಯೆ (ಅದು ಸುಲಭ ಮತ್ತು ಸುಂದರ) ಮತ್ತು ನಿಮಗೆ ಬರುವ ಸ್ಥಳೀಯ ರೆಸ್ಟೋರೆಂಟ್ ಗೆ ಹೋಗಿ ಅಲ್ಲಿ ಕುಟುಂಬವು ನಿಮ್ಮ ಇಷ್ಟವನ್ನು ತಿಳಿದು ಅದ್ಭುತ ಆಹಾರ ತಯಾರಿಸುವಂತೆ ಹೇಳುವುದರಲ್ಲಿ ಭಿನ್ನತೆ ಇದೆ. +ಆದರೆ ಯಾರು ಹೀಗಾಗಿಯೇ ಹೇಳಿಯಿದ್ದರು ಅಂದ್ರೆ ನಾನು ಈಗ ನಿಮಗೆ ಹೇಳುತ್ತಿದ್ದೇನೆ: ಕಮಾಂಡ್ ಲೈನ್ ಭೀಕರವಲ್ಲ – ಅದು ನಿಜವಾಗಿಯೂ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಜೊತೆ ನೇರ ಸಂಭಾಷಣೆ ಮಾಡುತ್ತಿರುವಂತೆ. ಅದನ್ನು ಆರಾಮದಾಯಕ ಚಿತ್ರಗಳು ಮತ್ತು ಮೆನುಗಳಿರುವ ಫ್ಯಾನ್ಸಿ ಅಪ್ಲಿಕೇಶನ್ ಮೂಲಕ ಆಹಾರ ಆರ್ಡರ್ ಮಾಡೋದು ಮತ್ತು ನಿಮ್ಮ ನೆಚ್ಚಿನ ಸ್ಥಳೀಯ ಭೋರ್ಜರಿ ರೆಸ್ಟೋರೆಂಟ್‌ಗೆ ಹೋದರೆ ಅಲ್ಲಿ ಶೆಫ್ ನಿಮಗೆ ಸಂಗತಿಗಳನ್ನು ಬಹಳ ಚೆನ್ನಾಗಿ ತಿಳಿದುಕೊಂಡು, ನೀವು "ನನ್ನಗಾಗಿ ಅದ್ಭುತವೊಂದನ್ನು ಸೆಗೆ" ಅಂದ್ರೆ ನಿಖರವಾಗಿ ಅದನ್ನು ತಯಾರಿಸಬಹುದೆಂಬ ವ್ಯತ್ಯಾಸ ಎಂದು ಭಾವಿಸಿ. -ಕಮಾಂಡ್ ಲೈನ್ ಡೆವಲಪರ್ ಗಳು ಮಾಯಾಜಾಲಿಗಳು ಎಂಬ ನಂಬಿಕೆ ಹೊಂದಲು ಹೋದ ಕಡೆ. ನೀವು ಕೆಲವು ಮಾಯಾಜಾಲಿ ಪದಗಳನ್ನು ಟೈಪ್ ಮಾಡುತ್ತೀರಿ (ಓಕೆ, ಅವು ಕೇವಲ ಕಮಾಂಡ್ ಗಳು, ಆದರೆ ಅವು ಮಾಯಾಜಾಲದಂತೆ ಅನಿಸುವವು), ಎಂಟರ್ ಒತ್ತುತ್ತೀರಿ, ಮತ್ತು ಬೂಂ – ನೀವು ಸಂಪೂರ್ಣ ಯೋಜನಾವಳಿಗಳನ್ನು ಸೃಷ್ಟಿಸುತ್ತೀರಿ, ಜಗತ್ತಿನಾದ್ಯಾಂತ ಶಕ್ತಿಶಾಲಿ ಸಾಧನಗಳನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡುತ್ತೀರಿ, ಅಥವಾ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ಹಜಾರಾರು ಮಂದಿಗೆ ತೋರಿಸುತ್ತೀರಿ. ಮೊದಲ ಬಾರಿಗೆ ಅದೊಂದು ಶಕ್ತಿ ಅನುಭವಿಸಿದ ಮೇಲೆ, ಇದು ನಿಜವಾಗಿಯೂ ಅಡಿಕ್ಟಿವ್ ಆಗುತ್ತದೆ! +ಕಮಾಂಡ್ ಲೈನ್ ವಾಸ್ತವವಾಗಿ ನಿಷ್ಣಾತರಾಗಿ ಭಾವಿಸುವ ಸ್ಥಳವಾಗಿದೆ. ನೀವು ಕೆಲವು ಮಾಯಾಜಾಲದ ಶಬ್ದಗಳನ್ನು (ಸರೇ, ಅವು ಕಮಾಂಡ್ಸ್ ಮಾತ್ರ ಆದರೆ ಅವು ಮಾಯಾಜಾಲದಂತೆ ಅನುಭವವಾಗುತ್ತವೆ!), ಮೊತ್ತ ಮೊದಲಾಗಿ ಟೈಪ್ ಮಾಡಿ, ಎಂಟರ್ ಒತ್ತಿ, ಮತ್ತು ಬೂಮ್ – ನೀವು ಸಂಪೂರ್ಣ ಯೋಜನೆ ರಚನೆಗಳನ್ನು ಸೃಷ್ಟಿಸಬಹುದು, ವಿಶ್ವಾದ್ಯಾಂತದಿಂದ ಶಕ್ತಿಯುತ ಉಪಕರಣಗಳನ್ನು ಸ್ಥಾಪಿಸಬಹುದು ಅಥವಾ ಇಂಟರ್ನೆಟ್‌ಗೆ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ತಲುಪಿಸಬಹುದು. ಈ ಶಕ್ತಿ ಮೊದಲ ಬಾರಿಗೆ ಪ್ರಾಯೋಗಿಕವಾಗಿ ಅನುಭವಿಸಿದಾಗ ಅದು ಹಠಾತ್ ಆಸಕ್ತಿ ಮೂಡಿಸುತ್ತದೆ! -**ನಿಮ್ಮ сеть ಆದ್ಯಂತ ಮೊತ್ತಿಷ್ಟಿಕೆ:** +**ನಿಮ್ಮ ಪ್ರಶಸ್ತಿ ಆಯುಧ ಆಗಲು ಕಮಾಂಡ್ ಲೈನ್ ಸಾಧ್ಯತೆಗಳು:** -ಗ್ರಾಫಿಕಲ್ ಇಂಟರ್ಫೇಸ್‌ಗಳು ಹಲವಾರು ಕೆಲಸಗಳಿಗೆ ಅತ್ಯುತ್ತಮವಾಗಿದ್ದು, ಕಮಾಂಡ್ ಲೈನ್ ಸ್ವಯಂಸಂಚಾಲನೆ, ನಿಖರತೆ ಮತ್ತು ವೇಗದಲ್ಲಿ ಮುಂಚೂಣಿ ಸಾಧನವಾಗಿದೆ. ಬಹು ಅಭಿವೃದ್ಧಿ ಸಾಧನಗಳು ಮುಖ್ಯವಾಗಿ ಕಮಾಂಡ್ ಲೈನ್ ಮೂಲಕ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಪರಿಣಾಮಕಾರಿ ಉಪಯೋಗ ಕಲಿತರೆ ನಿಮ್ಮ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಬಹಳ ಹೆಚ್ಚು ಹೆಚ್ಚಿಸಬಹುದು. +ಗ್ರಾಫಿಕಲ್ ಇಂಟರ್ಫೇಸ್‌ಗಳು ಹಲವಾರು ಕಾರ್ಯಗಳಿಗೆ ಉತ್ತಮವಾಗಿವೆ, ಆದರೆ ಕಮಾಂಡ್ ಲೈನ್ ಸ್ವಯಂಚಾಲನಾ, ನಿಖರತೆ ಮತ್ತು ವೇಗದಲ್ಲಿ ಉತ್ಕೃಷ್ಟವಾಗಿದೆ. ಅನೇಕ ಡೆವಲಪ್ಮೆಂಟ್ ಟೂಲ್ಸ್ ಮುಖ್ಯವಾಗಿ ಕಮಾಂಡ್ ಲೈನ್ ಇಂಟರ್ಫೇಸ್ ಮೂಲಕ ಕೆಲಸ ಮಾಡುತ್ತವೆ, ಮತ್ತು ಅವುಗಳನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ಬಳಸುವುದು ನಿಮ್ಮ ಉತ್ಪಾದಕತೆಯನ್ನು ಬಹಳ ಮಟ್ಟಿಗೆ ಹೆಚ್ಚಿಸಬಹುದು. ```bash -# ಹಂತ 1: ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಯನ್ನು ರಚಿಸಿ ಮತ್ತು ಆ ದಿಕ್ಕಿನಲ್ಲಿ ನಾವಿಗೇಟ್ ಮಾಡಿ +# ಹಂತ 1: ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಯನ್ನು ರಚಿಸಿ ಮತ್ತು ಅದಕ್ಕೆ ನವಿಗೇಟ್ ಮಾಡಿ mkdir my-awesome-website cd my-awesome-website ``` **ಈ ಕೋಡ್ ಏನು ಮಾಡುತ್ತದೆ:** -- **"my-awesome-website"** ಎಂದು ಹೊಸ ಡೈರೆಕ್ಟರಿಯನ್ನು ರಚಿಸುತ್ತದೆ ನಿಮ್ಮ ಯೋಜನೆಗಾಗಿ -- **ಹೊಸ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಪ್ರವೇಶಿಸಿ** ಕೆಲಸವನ್ನು ಪ್ರಾರಂಭಿಸಿ +- **ಹೊಸ ಡೈರೆಕ್ಟರಿ "my-awesome-website" ಎಂಬುದನ್ನು ನೀವು ಅಭಿವೃದ್ಧಿಗೊಳಿಸಲು ಸೃಷ್ಟಿಸಿ** +- **ಹೊಸ ಸೃಷ್ಟಿಸಿದ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಪ್ರವೇಶಿಸಿ ಕೆಲಸವನ್ನು ಪ್ರಾರಂಭಿಸಿ** ```bash -# ಹಂತ 2: package.json ನೊಂದಿಗೆ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿ +# ಹಂತ 2: project ಅನ್ನು package.json ಹೀಗಾಗಿ ಪ್ರಾರಂಭಿಸಿ npm init -y -# ಆಧುನಿಕ ಅಭಿವೃದ್ಧಿ ಸಾಧನಗಳನ್ನು ಇನ್ಸ್ಟಾಲ್ ಮಾಡಿ +# ಆಧುನಿಕ ಅಭಿವೃದ್ಧಿ ಉಪಕರಣಗಳನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ npm install --save-dev vite prettier eslint npm install --save-dev @eslint/js ``` -**ಹಂತ ಹಂತವಾಗಿ, ಇದು ನಡೆಯುತ್ತಿದೆ:** -- `npm init -y` ಬಳಸಿ Node.js ಪ್ರಾಜೆಕ್ಟ್ ನ ಐನಿಷಿಯಲೈಸ್ ಮಾಡಿ ಡಿಫಾಲ್ಟ್ ಸೆಟ್ಟಿಂಗ್‍ ಗಳೊಂದಿಗೆ -- ವೇಗವಾದ ಅಭಿವೃದ್ಧಿ ಮತ್ತು ಉತ್ಪಾದನೆಗಾಗಿ Vite ಅನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ -- ಸ್ವಯಂಚಾಲಿತ ಕೋಡ್ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಗೆ Prettier ಮತ್ತು ಕೋಡ್ ಗುಣಮಟ್ಟ ಚೆಕ್ ಗಾಗಿ ESLint ಸೇರಿಸಿ -- `--save-dev` ಧ್ವಜದ ಮೂಲಕ ಇದನ್ನು ಬೆಳವಣಿಗೆ ಅವಶ್ಯಕತೆಗಳಾಗಿ ಗುರುತಿಸಿ +**ಪದದಿಂದ ಪದಕ್ಕೆ, ಇದರಲ್ಲಿ ನಡೆಯುವುದು:** +- **ಡಿಫಾಲ್ಟ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳೊಂದಿಗೆ ಹೊಸ Node.js ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿ `npm init -y` ಬಳಸಿ** +- **ವೈಟ್ ಅನ್ನು ವೇಗದ ಅಭಿವೃದ್ಧಿ ಮತ್ತು ಉತ್ಪಾದನಾ ನಿರ್ಮಾಣಗಳಿಗೆ ಆಧುನಿಕ ಬಿಲ್ಡ್ ಟೂಲ್ ಆಗಿ ಇನ್ಸ್‌ಟಾಲ್ ಮಾಡಿ** +- **ಸ್ವಯಂಚಾಲಿತ ಕೋಡ್ ಸ್ವರೂಪಗೊಳಿಸುವಿಕೆಗಾಗಿ ಪ್ರಿಟಿಯರ್ ಮತ್ತು ಕೋಡ್ ಗುಣಮಟ್ಟ ಪರಿಶೀಲನೆಗಾಗಿ ESLint ಅನ್ನು ಸೇರಿಸಿ** +- **`--save-dev` ಧ್ವಜವನ್ನು ಬಳಸಿಕೊಂಡು ಈಗಳನ್ನು ಡೆವಲಪ್ಮೆಂಟ್-ನಿಮಿತ್ತ ಮಾತ್ರ ಅವಲಂಬನೆಗಳಾಗಿ ಗುರುತಿಸಿ** ```bash -# ಹಂತ 3: ಯೋಜನೆ ರಚನೆ ಮತ್ತು ಫೈಲುಗಳನ್ನು ಸೃಷ್ಟಿಸಿ +# ಹಂತ 3: ಪ್ರಾಜೆಕ್ಟ್ ಶೃಂಖಲೆ ಮತ್ತು ಕಡತೆಗಳನ್ನು ರಚಿಸಿ mkdir src assets echo 'My Site

Hello World

' > index.html -# ಅಭಿವೃದ್ಧಿ ಸರ್ವರನ್ನು ಪ್ರಾರಂಭಿಸಿ +# ಅಭಿವೃದ್ಧಿ ಸರ್ವರ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿ npx vite ``` -**ಮೇಲಿನಲ್ಲಿರುವುದು:** -- ಮೂಲ ಕೋಡ್ ಮತ್ತು ಆಸ್ತಿ ಫೋಲ್ಡರ್ ಗಳನ್ನು ವಿಭಜಿಸಿ ಯೋಜನೆಯನ್ನು ಸಂಘಟಿಸಿಕೊಂಡೇವೆ -- ಸರಿಯಾದ ಡಾಕ್ಯುಮೆಂಟ್ ರಚನೆಯೊಂದಿಗೆ ಮೂಲಭೂತ HTML ಫೈಲ್ ರಚಿಸಲಾಗಿದೆ -- ಲೈವ್ ರಿಲೋಡ್ ಮತ್ತು ಹಾಟ್ ಮೋಡ್ಯೂಲ್ ರಿಪ್ಲೇಸ್‌ಮೆಂಟ್ ಗೆ Vite ಅಭಿವೃದ್ಧಿ ಸರ್ವರ್ ಆರಂಭಿಸಲಾಗಿದೆ +**ಮೇಲಿನ ಕೋಡಿನಲ್ಲಿ ನಾವು:** +- **ಮೂಲ ಕೋಡ್ ಮತ್ತು ಅಸೆಟ್‌ಗಳಿಗಾಗಿ ವಿಭಿನ್ನ ಫೋಲ್ಡರ್ಗಳನ್ನು ಸೃಷ್ಟಿಸಿ ಯೋಜನೆಯನ್ನು ಸಂಘಟಿಸುತ್ತೇವೆ** +- **ಸರಿಯಾದ ಡಾಕ್ಯೂಮೆಂಟ್ ರಚನೆಯನ್ನು ಹೊಂದಿದ ಒಂದು ಮೂಲಭೂತ HTML ಫೈಲ್ ಸೃಷ್ಟಿಸಿ** +- **ತಾಜಾ ಲೋಡ್ ಮತ್ತು ಹಾಟ್ ಮಾಡ್ಯೂಲ್ ಬದಲಾವಣೆಗೆಿಗಾಗಿ ವೈಟ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ** -#### ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಅಗತ್ಯವಿರುವ ಕಮಾಂಡ್ ಲೈನ್ ಸಾಧನಗಳು +#### ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಅವಶ್ಯಕ ಕಮಾಂಡ್ ಲೈನ್ ಟೂಲ್ಸ್ -| ಸಾಧನ | ಉದ್ದೇಶ | ನೀವು ಇದನ್ನು ಬೇಕಾದ ಕಾರಣ | -|-------|---------|------------------------| -| **[Git](https://git-scm.com/)** | ಆವೃತ್ತಿ ನಿಯಂತ್ರಣ | ಬದಲಾವಣೆಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಿ, ಮತ್ತವರೊಂದಿಗೆ ಸಹಕರಿಸಿ, ನಿಮ್ಮ ಕೆಲಸಕ್ಕೆ ಬ್ಯಾಕಪ್ ಮಾಡಿ | -| **[Node.js & npm](https://nodejs.org/)** | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರನ್ ಟೈಮ್ & ಪ್ಯಾಕೇಜ್ ನಿರ್ವಾಹಕ | ಬ್ರೌಸರ್ ಹೊರಗಿನ JavaScript ರನ್ ಮಾಡಿ, ಆಧುನಿಕ ಅಭಿವೃದ್ಧಿ ಸಾಧನಗಳನ್ನು ಇನ್ಸ್ಟಾಲ್ ಮಾಡಿ | -| **[Vite](https://vitejs.dev/)** | ಬಿಲ್ಡ್ ಉಪಕರಣ & ಡೆವ್ ಸರ್ವರ್ | ಅತ್ಯಂತ ವೇಗವಾದ ಅಭಿವೃದ್ಧಿ ಹಾಟ್ ಮೋಡ್ಯೂಲ್ ರಿಪ್ಲೇಸ್‌ಮೆಂಟ್ ಜೊತೆಗೆ | -| **[ESLint](https://eslint.org/)** | ಕೋಡ್ ಗುಣಮಟ್ಟ | ನಿಮ್ಮ JavaScript ನಲ್ಲಿ ಸಮಸ್ಯೆಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕಂಡುಹಿಡಿದು ಸರಿಪಡಿಸುವುದು | -| **[Prettier](https://prettier.io/)** | ಕೋಡ್ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ | ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ನಿಯಮಿತವಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ ಓದಲು ಸುಲಭವಾಗಿಸುತ್ತವೆ | +| ಟೂಲ್ | ಉದ್ದೇಶ | ನಿಮ್ಮ ಅಗತ್ಯವೇನು? | +|------|---------|-----------------| +| **[Git](https://git-scm.com/)** | ಆವೃತ್ತಿ ನಿಯಂತ್ರಣ | ಬದಲಾವಣೆಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಿ, ಇತರರೊಂದಿಗೆ ಸಹಕಾರ ಮಾಡಿ, ನಿಮ್ಮ ಕೆಲಸ ಬ್ಯಾಕಪ್ ಮಾಡಿ | +| **[Node.js & npm](https://nodejs.org/)** | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರನ್‌ಟೈಮ್ ಮತ್ತು ಪ್ಯಾಕೇಜ್ ನಿರ್ವಹಣೆ | ಬ್ರೌಸರ್ ಹೊರಗಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಓಡಿಸಲು, ಆಧುನಿಕ ಡೆವಲಪ್‌ಮೆಂಟ್ ಟೂಲ್ಸ್ ಇನ್ಸ್‌ಟಾಲ್ ಮಾಡಲು | +| **[Vite](https://vitejs.dev/)** | ಬಿಲ್ಡ್ ಟೂಲ್ ಮತ್ತು ಡೆವ್ ಸರ್ವರ್ | ಹಾಟ್ ಮಾಡ್ಯೂಲ್ ಬದಲಾವಣೆಗಳೊಂದಿಗೆ ಅತಿ ವೇಗದ ಅಭಿವೃದ್ಧಿ | +| **[ESLint](https://eslint.org/)** | ಕೋಡ್ ಗುಣಮಟ್ಟ | ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ ಸಮಸ್ಯೆಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕಂಡುಹಿಡಿದು ಸರಿಪಡಿಸುವುದು | +| **[Prettier](https://prettier.io/)** | ಕೋಡ್ ಸ್ವರೂಪಗೊಳಿಸುವಿಕೆ | ನಿಮ್ಮ ಕೋಡ್ ಸತತವಾಗಿ ಸ್ವರೂಪಗೊಳ್ಳಲು ಮತ್ತು ಓದಲು ಸುಲಭವಾಗಿಸಲು | -#### ವೇದಿಕೆಯ ವಿಶೇಷ ಆಯ್ಕೆಗಳು +#### ವೇದಿಕೆ ನಿರ್ದಿಷ್ಟ ಆಯ್ಕೆಗಳು -**Windows:** +**ವಿಂಡೋಸ್:** - **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - ಆಧುನಿಕ, ವೈಶಿಷ್ಟ್ಯಪೂರ್ಣ ಟರ್ಮಿನಲ್ -- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - ಶಕ್ತಿ ಪೂರಿತ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಪರಿಸರ -- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - ಪರಂಪರাগত ವಿಂಡೋಸ್ ಕಮಾಂಡ್ ಲೈನ್ +- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - ಶಕ್ತಿಯುತ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಪರಿಸರ +- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - ಪರಂಪರागत ವಿಂಡೋಸ್ ಕಮಾಂಡ್ ಲೈನ್ -**macOS:** -- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - ಒಳಗೊಂಡಿರುವ ಟರ್ಮಿನಲ್ ಅಪ್ಲಿಕೇಶನ್ -- **[iTerm2](https://iterm2.com/)** - ವಿಶಿಷ್ಟ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಸುಧಾರಿತ ಟರ್ಮಿನಲ್ +**ಮ್ಯಾಕ್‌ಒಎಸ್:** +- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - ಬಿಲ್ಟ್‌ಇನ್ ಟರ್ಮಿನಲ್ ಅಪ್ಲಿಕೇಶನ್ +- **[iTerm2](https://iterm2.com/)** - ಉನ್ನತ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಸುಧಾರಿತ ಟರ್ಮಿನಲ್ -**Linux:** -- **[Bash](https://www.gnu.org/software/bash/)** 💻 - ಪ್ರಾಮುಖ್ಯತೆ ಹೊಂದಿದ ಲಿನಕ್ಸ್ ಶೆಲ್ -- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - ಸುಧಾರಿತ ಟರ್ಮಿನಲ್ ಅನುಕರಣೆ +**ಲಿನಕ್ಸ್ನು:** +- **[Bash](https://www.gnu.org/software/bash/)** 💻 - ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಲಿನಕ್ಸು ಶೆಲ್ +- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - ಉನ್ನತ ಟರ್ಮಿನಲ್ ಎಮ್ಯುಲೇಟರ್ -> 💻 = ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್‌ನಲ್ಲಿ ಪೂರ್ವಾಪೇಕ್ಷಣೆಯಾಗಿ ಸ್ಥಾಪಿಸಲಾಗಿದೆ +> 💻 = ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್ನಲ್ಲಿ ಪೂರ್ವಸ್ಥಾಪಿತವಾಗಿದೆ -> 🎯 **ಕಲಿಕೆಯ ದಾರಿ**: `cd` (ಡೈರೆಕ್ಟರಿ ಬದಲಾಯಿಸಿ), `ls` ಅಥವಾ `dir` (ಫೈಲುಗಳ ಪಟ್ಟಿ ಮಾಡಿ), ಮತ್ತು `mkdir` (ಫೋಲ್ಡರ್ ರಚಿಸಿ) ನಂತಹ ಮೂಲಭೂತ ಕಮಾಂಡ್ ಗಳಿಂದ ಪ್ರಾರಂಭಿಸಿ. `npm install`, `git status`, ಮತ್ತು `code .` (ಪ್ರಸ್ತುತ ಡೈರೆಕ್ಟರಿಯನ್ನು VS Code ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ) ಹೀಗೆ ಆಧುನಿಕ ಕೆಲಸಗಳ ಕಮಾಂಡ್ ಗಳೊಂದಿಗೆ ಅಭ್ಯಾಸ ಮಾಡಿ. ನೀವು ಹೆಚ್ಚು ಅಡಗುಮಾಡಿಕೊಂಡಂತೆ ಹೆಚ್ಚು ಸುಧಾರಿತ ಕಮಾಂಡ್ ಗಳು ಮತ್ತು ಸ್ವಯಂಸಂಚಾಲನೆ ತಂತ್ರಗಳನ್ನು ಸಹಜವಾಗಿ ಕಲಿತುಕೊಳ್ಳುತ್ತೀರಿ. +> 🎯 **ಅಧ್ಯಯನ ಮಾರ್ಗ**: ಮೂಲ ಕಮಾಂಡ್ಗಳಿಂದ ಪ್ರಾರಂಭಿಸಿ, ಉದಾ: `cd` (ಡೈರೆಕ್ಟರಿ ಬದಲಿಸಿ), `ls` ಅಥವಾ `dir` (ಫೈಲ್‌ಗಳ ಪಟ್ಟಿ), ಹಾಗೂ `mkdir` (ಫೋಲ್ಡರ್ ಸೃಷ್ಟಿಸಿ). ಆಧುನಿಕ ಕಾರ್ಯವಾಹಕ ಕಮಾಂಡ್ಗಳಂತೆ `npm install`, `git status`, ಮತ್ತು `code .` (ಪ್ರಸ್ತುತ ಡೈರೆಕ್ಟರಿಯನ್ನು VS ಕೋಡ್‌ನಲ್ಲಿ ತೆರೆಯುವುದು) ಅಭ್ಯಾಸ ಮಾಡಿ. ಹೆಚ್ಚು ಆರಾಮದಾಯಕವಾಗಿ ಬಂದುಮುಂದಕ್ಕೆ ಮುಂದೆ ಇನ್ನಷ್ಟು ತಂತ್ರಜ್ಞಾನಾತ್ಮಕ ಕಮಾಂಡ್ಸ್ ಮತ್ತು ಸ್ವಯಂಕ್ರಿಯಾ ತಂತ್ರಗಳನ್ನು ನೈಜವಾಗಿ ಪಡೆದುಕೊಳ್ಳುತ್ತೀರಿ. -### ಡಾಕ್ಯುಮೆಂಟೇಷನ್: ನಿಮ್ಮ ಸದಾ ಲಭ್ಯವಿರುವ ಕಲಿಕೆಯ ಗುರು +### ಡಾಕ್ಯುಮೆಂಟೇಶನ್: ನಿಮ್ಮ ಸದಾ ಲಭ್ಯವಿರುವ ಕಲಿಕಾ ಮಾರ್ಗದರ್ಶಿ -ಸರಿ, ನಾನು ನಿಮಗೆ ಒಂದು ಸಣ್ಣ ರಹಸ್ಯವನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತೇನೆ, ಇದು ಆರಂಭಿಕನಾಗಿರುವುದು ಬಗ್ಗೆ ನೀವು ತುಂಬಾ ಒಳ್ಳೆಯ ಭಾವನೆ ಕೊಡುವುದು: ಅತ್ಯಂತ ಅನುಭವ ಹೊಂದಿರುವ ಡೆವಲಪರ್ ಗಳು ತಮ್ಮ ಸಮಯದ ದೊಡ್ಡ ಭಾಗವನ್ನು ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಓದುವುದಕ್ಕೆ ಕಳೆಯುತ್ತಾರೆ. ಅದು ಅವರು ಏನು ಮಾಡುತ್ತಿದ್ದಾರೆ ಎಂಬುದನ್ನು ಗೊತ್ತಿಲ್ಲದ ಕಾರಣವಲ್ಲ – ಅದು ಜ್ಞಾನದ ಸಂಕೇತ! +ಸರಿ, ನೀವು ಆರಂಭಿಕನಾಗಿರುವ ವಿಷಯದಲ್ಲಿ ನಿಮ್ಮನ್ನು ಬಹಳ ನೆಮ್ಮದಿಗೊಳಿಸುವ ವಿಷೆಯನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತೇನೆ: ಅತಿ ಅನುಭವ ಹೊಂದಿರುವ ಡೆವಲಪರ್‌ರೂ ತಮ್ಮ ಹೆಚ್ಚಿನ ಸಮಯವನ್ನು ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಓದುವುದರಲ್ಲಿ ವ್ಯಯಿಸುತ್ತಾರೆ. ಅದು ಅವರಿಗೆ ಏನೂ ಗೊತ್ತಿಲ್ಲದ ಕಾರಣವಲ್ಲ – ಅದು ಜ್ಞಾನಿಯ ಚಿಹ್ನೆ! -ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಅನ್ನು ನಿಮಗೆ ಲೋಕದ ಅತ್ಯಂತ ಸಹಿಷ್ಣು, ಜ್ಞಾನಿಗಳು 24/7 ಲಭ್ಯವಿರುವ ಶಿಕ್ಷಕರಂತೆ ಪರಿಗಣಿಸಿ. 2 ಗಂಟೆಗೆ ಸಮಸ್ಯೆಗೆ ಸಿಲುಕಿದರೆ? ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಅದೃಷ್ಟದಂತೆ ತಣ್ಣಗಿನ ಆಲಿಂಗನವನ್ನು ನೀಡಿ ನಿಮಗೆ ಬೇಕಾದ ಉತ್ತರವನ್ನು ನೀಡಲಿದೆ. ಎಲ್ಲರೂ ಮಾತನಾಡುತ್ತಿರುವ ಹೊಸ ವೈಶಿಷ್ಟ್ಯದ ಬಗ್ಗೆ ತಿಳಿಯಲು ಇಚ್ಛಿಸುತ್ತೀರಾ? ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ನಿಮ್ಮ ಸಹಾಯಕ್ಕೆ ಬರುತ್ತದೆ ಕ್ರಮೇಣ ಉದಾಹರಣೆಗಳೊಂದಿಗೆ. ಏಕೆ ಏನಾಡ್ತಿದೆಯೆಂದು ತಿಳಿದುಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದೀರಾ? ನೀವು ಊಹಿಸಿದಂತೆಯೇ – ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಅದನ್ನು ತಿಳಿಸಿ ಅದು ಇಪ್ಪತ್ತು! +ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು 24/7 ಲಭ್ಯವಿರುವ ಇತರ ವ್ಯಕ್ತಿಗಳ ಹಿಡಿದುಕೊಂಡುವಾರರಂತೆ ಭಾವಿಸಿ, ಜಗತ್ತಿನ ಅತ್ಯಂತ ಸಹನಶೀಲ, ಜ್ಞಾನಧಾರಿಗಳಾಗಿ. ರಾತ್ರಿ 2 ಗಂಟೆಗೆ ಸಮಸ್ಯೆಯಲ್ಲಿ ಹಿಂತಿರುಗಿದರೆ? ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ನಿಮ್ಮನ್ನು ಹತ್ತಿರದಿಂದ ಬೆಂಬಲಿಸುವಂತೆ ಲಭಿಸುತ್ತದೆ ಮತ್ತು ನೀವು ಅವಶ್ಯಕವಾಗಿರುವ ಉತ್ತರವನ್ನು ನೀಡುತ್ತದೆ. ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳ ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳಲು ಇಚ್ಛಿಸುತ್ತೀರಾ? ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಹಂತ ಹಂತವಾಗಿ ಉದಾಹರಣೆಗಳೊಂದಿಗೆ ನಿಮ್ಮನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಏಕೆ ಅದರ ಕೆಲಸವಾಗುತ್ತದೆ ಅಂತ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದೀರಾ? ನೀವು ಊಹಿಸಿದ್ದು ಸರಿಯೇ – ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅದನ್ನು ವಿವರವಾಗಿ ಹೇಳಲು ಸಿದ್ಧವಾಗಿದೆ, ಅದು ಕೊನೆಗೆ ನಿಮ್ಮ ಮನಸ್ಸಿನಲ್ಲಿ ಹೊಳಪಾಗುತ್ತದೆ! -ನನ್ನ ದೃಷ್ಟಿಕೋನವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬದಲಿಸಿದ ಅಂಶ ಇದಾಗಿದೆ: ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಜಗತ್ತು ಅತ್ಯಂತ ವೇಗವಾಗಿ ilerಗುತ್ತಿರುವದು, ಮತ್ತು ಯಾರೂ ಎಲ್ಲವನ್ನೂ ನೆನಪಿರಿಸಲಾಗುವುದಿಲ್ಲ. ನಾನು 15+ ವರ್ಷದ ಅನುಭವ ಹೊಂದಿದ ಹಿರಿಯ ಡೆವಲಪರ್ ಗಳು ಮೂಲವಾದ ಸಿಂಟ್ಯಾಕ್ಸ್ ಹುಡುಕುತ್ತಿರುವುದನ್ನು ನೋಡಿದೆ ಮತ್ತು ನೀವು ಏನು ತಿಳಿದುಕೊಳ್ಳಬೇಕು? ಇದು ಅಳಿಯುವಂತದ್ದಲ್ಲ – ಇದು ತುಂಬರುವಂತದ್ದು! ಇದು ನಿಖರ ಸ್ಮರಣೆ ಬಗ್ಗೆ ಅಲ್ಲ; ವೇಗವಾಗಿ ನಂಬಿಗಸ್ಥ ಉತ್ತರಗಳನ್ನು ಹುಡುಕುವುದು ಮತ್ತು ಅವುಗಳನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸಬೇಕೆಂದು ತಿಳಿದುಕೊಳ್ಳುವುದರ ಬಗ್ಗೆ. +ನನಗೆ ದೃಷ್ಟಿಕೋನವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬದಲಾಯಿಸಿದ ವಿಷಯ ಇದೆ: ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ ಲೋಕವು ಅತ್ಯಂತ ವೇಗವಾಗಿ ಸಾಗುತ್ತದೆ, ಮತ್ತು ಯಾರೂ (ನಿಜವಾಗಿಯೂ ಯಾರೂ ಇಲ್ಲ!) ಎಲ್ಲಾ ವಿಚಾರಗಳನ್ನು ನೆನಪಿನಲ್ಲಿಟ್ಟುಕೊಳ್ಳುವುದಿಲ್ಲ. ನಾನು 15+ ವರ್ಷಗಳ ಅನುಭವ ಹೊಂದಿರುವ ಹಿರಿಯ ಡೆವಲಪರ್‌ರನ್ನು ಮೂಲ ಸಿಂಟ್ಯಾಕ್ಸ್ ಹುಡುಕಿಸುತ್ತಿರುವುದನ್ನು ನೋಡಿದ್ದೇನೆ, ಮತ್ತು ನೀವು ತಿಳಿದುಕೊಳ್ಳಿ ಏನು? ಅದು ಅವಮಾನಕಾರಿ ಕಾರ್ಯವಲ್ಲ – ಅದು ಬುದ್ಧಿವಂತಿಕೆ! ಪರಿಪೂರ್ಣ ಸ್ಮರಣೆ ಉಳಿಸಿಕೊಂಡಿರುವುದಿಲ್ಲ; ತ್ವರಿತವಾಗಿ ಅವಲಂಬನೀಯ ಉತ್ತರಗಳನ್ನು ಪತ್ತೆಮಾಡುವುದು ಮತ್ತು ಅವುಗಳನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸುವುದೆಂದು ತಿಳಿಯುವುದು ಮುಖ್ಯ. -**ಇಲ್ಲಿ ನಿಜವಾದ ಕಾಡ್ ನಡೆಯುತ್ತದೆ:** +**ನಿಜವಾದ ಮಾಯಾಜಾಲ ಅಲ್ಲಿ ನಡೆಯುತ್ತದೆ:** -ವೃತ್ತಿಪರ ಡೆವಲಪರ್ ಗಳು ತಮ್ಮ ಸಮಯದ ದೊಡ್ಡ ಭಾಗವನ್ನು ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಓದುವಿಕೆಗೆ ಮೀಸಲಿಡುತ್ತಾರೆ – ಅದು ಅವರು ಏನು ಮಾಡುತ್ತಾರೆ ಎಂಬುದನ್ನು ತಿಳಿಯದಿರುವುದರಿಂದ ಅಲ್ಲ, ಆದರೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಜಗತ್ತು ಹಗುರವಾಗಿ ಬದಲಾಗಿದೆ ಮತ್ತು ಅಪ್‌ಡೇಟ್ ಆಗಿರಬೇಕಾದುದರಿಂದ ನಿರಂತರ ಕಲಿಕೆಯನ್ನು ಅಗತ್ಯವಿದೆ. ಉತ್ತಮ ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ನಿಮಗೆ *ಹಾಗೇ* ಬಳಸಬೇಕೆಂದು ಮಾತ್ರವಲ್ಲ, *ಏಕೆ* ಮತ್ತು *ಎಂದಕ್ಕೆ* ಬಳಸಬೇಕು ಎಂಬುದನ್ನೂ ತಿಳಿಸುತ್ತದೆ. +ವೃತ್ತಿಪರ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಸಮಯದ ಒಂದು ಪ್ರಮುಖ ಭಾಗವನ್ನು ಡಾಕ್ಯುಮೆಂಟ್ ಓದುವಿಕೆಗೆ ಮೀಸಲಿಡುತ್ತಾರೆ – ಏಕೆಂದರೆ ಅವರಿಗೆ ಏನು ಮಾಡಬೇಕೋ ಗೊತ್ತಿಲ್ಲದ ಕಾರಣವಲ್ಲ, ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ ತಕ್ಷಣವಾಗಿ ಬದಲಾಗುತ್ತಿದ್ದಂತೆ ನಿರಂತರ ಅಧ್ಯಯನ ಅವಶ್ಯಕ. ಉತ್ತಮ ಡಾಕ್ಯುಮೆಂಟ್ ನಿಮ್ಮನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಮಾತ್ರವಲ್ಲ, ಏಕೆ ಮತ್ತು ಯಾವಾಗ ಬಳಸಬೇಕೆಂದು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. -#### ಅಗತ್ಯ ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಸಂಪನ್ಮೂಲಗಳು +#### ಅವಶ್ಯಕ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಸಂಪನ್ಮೂಲಗಳು -**[ಮೊಜಿಲ್ಲಾ ಡೆವಲಪರ್ ನೆಟ್‌ವರ್ಕ್ (MDN)](https://developer.mozilla.org/docs/Web)** -- ವೆಬ್ ತಂತ್ರಜ್ಞಾನ ಡಾಕ್ಯುಮೆಂಟೇಷನ್‌ಗಾಗಿ ಚಿನ್ನದ ಮಾನಕ -- HTML, CSS, ಮತ್ತು JavaScript ಗಾಗಿ ಸಮಗ್ರ ಮಾರ್ಗದರ್ಶನ -- ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆ ಮಾಹಿತಿ ಒಳಗೊಂಡಿದೆ -- ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ಪ್ರದರ್ಶನಗಳು +**[ಮೊಜಿಲ್ಲ ಡೆವಲಪರ್ ನೆಟ್ವರ್ಕ್ (MDN)](https://developer.mozilla.org/docs/Web)** +- ವೆಬ್ ತಂತ್ರಜ್ಞಾನದ ಚಿನ್ನದ ಮಟ್ಟದ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ +- HTML, CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗಾಗಿ ಸಮಗ್ರ ಗೈಡ್‌ಗಳು +- ಬ್ರೌಸರ್ ಹೊಂದಿಕೆಯಾಗುವ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿದೆ +- ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಅಂತರ್‌ಕ್ರಿಯಾತ್ಮಕ ಡೆಮೋಗಳಿವೆ -**[Web.dev](https://web.dev)** (ಗೂಗಲ್ ಮೂಲಕ) -- ಆಧುನಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಉತ್ತಮ ಪದ್ಧತಿಗಳು -- ಕಾರ್ಯಕ್ಷಮತೆ ಆಪ್ಟಿಮೈಜೆಷನ್ ಮಾರ್ಗದರ್ಶನಗಳು -- ಪ್ರವೇಶಾರ್ಥಕತೆ ಮತ್ತು ಸಮಾವೇಶಾತ್ಮಕ ವಿನ್ಯಾಸ ತತ್ವಗಳು -- ನಿಜ ಜೀವನದ ಯೋಜನೆಗಳ ಪ್ರಕರಣ ಸಂಶೋಧನೆಗಳು +**[Web.dev](https://web.dev)** (ಗೂಗಲ್ ನೀಡಿದ್ದು) +- ಆಧುನಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು +- ಪ್ರದರ್ಶನ ವೃದ್ಧಿ ಗೈಡ್‌ಗಳು +- ಪ್ರಾಪ್ಯತೆ ಮತ್ತು ಸಮಾವೇಶ ವಿನ್ಯಾಸ ತತ್ವಗಳು +- ವಾಸ್ತವ ಪ್ರಾಯೋಗಗಳ ಕೇಸ್ ಸ್ಟಡಿಗಳು -**[Microsoft ಡೆವಲಪರ್ ಡಾಕ್ಯುಮೆಂಟೇಷನ್](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)** -- ಎಡ್ಜ್ ಬ್ರೌಸರಿನ ಅಭಿವೃದ್ಧಿ ಸಂಪನ್ಮೂಲಗಳು -- ಪ್ರೋಗ್ರೆಸಿವ್ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಗೈಡ್ ಗಳು -- ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ಅಭಿವೃದ್ಧಿ ಒಳನೋಟಗಳು +**[ಮೈಕ್ರೋಸಾಫ್ಟ್ ಡೆವಲಪರ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)** +- ಎಡ್ಜ್ ಬ್ರೌಸರ್ ಅಭಿವೃದ್ಧಿ ಸಂಪನ್ಮೂಲಗಳು +- ಪ್ರೋಗ್ರೆಸಿವ್ ವೆಬ್ ಆಪ್ ಗೈಡ್‌ಗಳು +- ಕ್ರಾಸ್-ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಅಭಿವೃದ್ಧಿ ಅರಿವು -**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)** -- ಸಂರಚಿತ ಕಲಿಕಾ ಪಾಠಕ್ರಮಗಳು -- ಉದ್ಯಮ ತಜ್ಞರಿಂದ ವೀಡಿಯೊ ಕೋರ್ಸ್‌ಗಳು -- ಕೈಯಲ್ಲಿ ಮಾಡುವ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು +**[Frontend Masters ಲರ್ನಿಂಗ್ ಪಥಗಳು](https://frontendmasters.com/learn/)** +- ಸಂರಚಿತ ಕಲಿಕೆಯ ಅಥವಾನಕ್ರಮಗಳು +- ಕೈಗಾರಿಕೆ ತಜ್ಞರಿಂದ ವೀಡಿಯೋ ಕೋರ್ಸುಗಳು +- ಕೈಯಿಂದ ಅಡಿ ಚಟುವಟಿಕೆಗಳು -> 📚 **ಅಧ್ಯಯನ ತಂತ್ರ**: ಡಾಕ್ಯುಮೆಂಟೇಷನ್ ಅನ್ನು ನೆನಪಿಸಿಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸಬೇಡಿ – ಬದಲಾಗಿ ಅದನ್ನು ಪರಿಣಾಮವಾಗಿ ಸಂಚರಿಸುವುದನ್ನು ಕಲಿಯಿರಿ. ಹೆಚ್ಚು ಉಪಯೋಗಿಸುವ ಉಲ್ಲೇಖಗಳನ್ನು ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಿ ಮತ್ತು ವಿಶೇಷ ಮಾಹಿತಿಯನ್ನು ಶೀಘ್ರವಾಗಿ ಹುಡುಕಲು ಹುಡುಕಾಟ ಕಾರ್ಯಗಳನ್ನು ಅಭ್ಯಾಸ ಮಾಡಿ. +> 📚 **ಅಧ್ಯಯನ ತಂತ್ರ**: ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ನೆನಪಿನಲ್ಲಿಟ್ಟುಕೊಳ್ಳಲು ಯತ್ನಿಸಬೇಡಿ – ಬದಲು ಅದನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ಹೇಗೆ ತಲುಪುವುದು ಎಂದು ಕಲಿಯಿರಿ. ತುಂಬಾ ಬಳಸದ ಎಲ್ಲಾ ರೆಫರೆನ್ಸನ್ನೂ ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಿ ಮತ್ತು ವಿಶೇಷ ಮಾಹಿತಿಯನ್ನು ಬೇಗನೆ ಹುಡುಕಲು ಹುಡುಕು ಕಾರ್ಯಚಟುವಟಿಕೆಯನ್ನು ಅಭ್ಯಾಸ ಮಾಡಿ. -### 🔧 **ಸಾಧನ ಪರಿಣತಿ ಪರಿಶೀಲನೆ: ನಿಮಗೆ ಯಾವುದು ಅನಿಸುತ್ತಿದೆ?** +### 🔧 **ಟೂಲ್ ಮಾಸ್ಟರಿ ಪರಿಶೀಲನೆ: ನೀವು ಏನನ್ನು ಹೆಚ್ಚು ಆನಂದಿಸುತ್ತೀರಿ?** -**ಒಂದು ಕ್ಷಣ ತೆಗೆದು ಯೋಚಿಸಿ:** -- ಯಾವ ಸಾಧನವನ್ನು ಮೊದಲಿಗೆ ಪ್ರಯತ್ನಿಸಲು ನೀವು ಅತ್ಯಂತ ಉತ್ಸುಕನಾಗಿದ್ದೀರಿ? (ತಪ್ಪು ಉತ್ತರವಿಲ್ಲ!) -- ಕಮಾಂಡ್ ಲೈನ್ ಇನ್ನೂ ಭಯಾನಕವಾಗಿದೆಯೆ, ಅಥವಾ ನೀವು ಅದರಲ್ಲಿ ಕುತೂಹಲವಿದೆಯೆ? -- ನೀವು ಬ್ರೌಸರಿನ DevTools ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಪ್ರಿಯ ವೆಬ್ಸೈಟ್‌ಗಳ ಹಿಂದಡೆ ನೋಡುತ್ತಿರುವ ಕೌಲ್ಪನೆಯನ್ನು ಮಾಡಬಹುದೇ? +**ಒಂದು ಕ್ಷಣವನ್ನು ತೆಗೆದುಕೊಂಡು ಪರಿಗಣಿಸಿ:** +- ಯಾವ ಟೂಲ್ ಅನ್ನು ನೀವು ಮೊದಲು ಪ್ರಯತ್ನಿಸಲು ಅತ್ಯಂತ ಉತ್ಸುಕರಾಗಿದ್ದೀರಾ? (ತಪ್ಪು ಉತ್ತರವೇ ಇಲ್ಲ!) +- ಕಮಾಂಡ್ ಲೈನ್ ಇನ್ನೂ ಭೀತಿದಾಯಕವೆಂದು ಭಾಸವಾಗುತ್ತದೆಯಾ, ಅಥವಾ ಅದರಲ್ಲಿ ಕುತೂಹಲ ಉಂಟಾಗಿದ್ದೇ? +- ನಿಮ್ಮ ನೆಚ್ಚಿನ ವೆಬ್‌ಸೈಟ್‌ಗಳ ಹಿಂದೆ ಕಾಗದ ಹಾಯ್ದು ನೋಡಲು ಬ್ರೌಸರ್ ಡೆವ್‌ಟೂಲ್ಸ್ ಬಳಕೆ ಮಾಡುವುದನ್ನು ನೀವು ಕಲ್ಪಿಸಬಹುದೇ? ```mermaid -pie title "ಉಪಕರಣಗಳೊಂದಿಗೆ ಡೆವಲಪರ್ ಸಮಯ ವ್ಯಯ" - "ಕೋಡ್ ಎಡಿಟರ್" : 40 +pie title "ಕರಣಾ ಕಾಲೋಪಯೋಗಿ ಸಾಧನಗಳೊಂದಿಗೆ" + "ಕೋಡ್ ಸಂಪಾದಕ" : 40 "ಬ್ರೌಸರ್ ಪರೀಕ್ಷೆ" : 25 "ಕಮಾಂಡ್ ಲೈನ್" : 15 - "ದಾಖಲೆಗಳನ್ನು ಓದುವುದು" : 15 - "ಡಿಬಗ್ಗಿಂಗ್" : 5 + "ದಸ್ತಾವೇಜು ಓದು" : 15 + "ದೋಷ ತಿದ್ದುವುದು" : 5 ``` -> **ರಮಣೀಯ ಸಂಚಯ**: ಬಹುತೇಕ ಡೆವಲಪರ್ ಗಳು ತಮ್ಮ ಕೋಡ್ ಎಡಿಟರ್‌ನಲ್ಲಿ ಸರಾಸರಿ 40% ಸಮಯ ಕಳೆದರೂ, ಪರೀಕ್ಷೆ, ಕಲಿಕೆ, ಮತ್ತು ಸಮಸ್ಯೆ ಪರಿಹಾರಕ್ಕೆ ಹೆಚ್ಚಿನ ಸಮಯ ಬಿತ್ತಿಸುತ್ತಾರೆ. ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕೇವಲ ಕೋಡ್ ಬರೆಯುವುದಲ್ಲ – ಅನುಭವಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವುದಾಗಿದೆ! +> **ಸಂತೋಷದ ಅಂಶ**: ಬಹುತೇಕ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಸಮಯದ 40% ಅನ್ನು ಕೋಡ್ ಎಡಿಟರ್‌ನಲ್ಲಿ ಕಳೆಯುತ್ತಾರೆ, ಆದರೆ ಪರೀಕ್ಷೆ, ಕಲಿಕೆ ಮತ್ತು ಸಮಸ್ಯೆಗಳ ಪರಿಹಾರಕ್ಕೆ ಎಷ್ಟೋ ಸಮಯ ವ್ಯಯವಾಗುತ್ತದೆ ಎಂದು ಗಮನಿಸಿ. ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕೇವಲ ಕೋಡ್ ಬರೆಯುವುದು ಮಾತ್ರವಲ್ಲ – ಅದು ಅನುಭವಗಳನ್ನು ರೂಪಿಸುವುದಾಗಿದೆ! -✅ **ಚಿಂತನಾವಕಾಶ**: ಇಲ್ಲಿ ಒಂದು ರಮಣೀಯ ವಿಷಯವಿದೆ ಯೋಚಿಸಲು – ವೆಬ್ಸೈಟ್ ರಚನೆಗೆ ಸಾಧನಗಳು (ಅಭಿವೃದ್ಧಿ) ಮತ್ತು ಅವು ಹೇಗೆ ಕಾಣಬೇಕು ಅನ್ನೋದನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವ ಸಾಧನಗಳು (ಡಿಸೈನ್) ವಿಭಿನ್ನವಾಗಿರುತ್ತವೆ? ಅದು ಸುಂದರವಾದ ಮನೆ ವಿನ್ಯಾಸ ಮಾಡುವ ವಾಸ್ತುಶಿಲ್ಪಿ ಹಾಗೂ ಅದನ್ನು daadwerkelijk ನಿರ್ಮಿಸುವ ಕಾನ್‌ಟ್ರಾಕ್ಟರ್‌ ನಡುವಿನ ವ್ಯತ್ಯಾಸದಂತಿದೆ. ಎರಡೂ ಮುಖ್ಯ, ಆದರೆ ಬೇರೆ ತಂಡದ ಸಲಕರಣೆಗಳು ಬೇಕು! ಇಂತಹ ಯೋಚನೆ ನಿಮಗೆ ವೆಬ್ಸೈಟ್ ಗಳನ್ನು ಹೇಗೆ ಜೀವಂತಗೊಳಿಸುವುದನ್ನು ವಿಶಾಲ ದೃಷ್ಟಿಯಿಂದ ನೋಡುವಲ್ಲಿ ಸಹಾಯ ಮಾಡುತ್ತದೆ. +✅ **ಚಿಂತನಕ್ಕೆ ಆಹಾರ**: ಇಲ್ಲಿ ಒಂದು ಅಚ್ಚರಿಯ ಸಂಗತಿಯೋಂದಿದೆ – ವೆಬ್‌ಸೈಟ್‌ಗಳ ನಿರ್ಮಾಣ (ಅಭಿವೃದ್ಧಿ) ಟೂಲ್ಗಳು ಮತ್ತು ಅವು ಹೇಗೆ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ (ಡಿಸೈನ್) ಟೂಲ್ಗಳ ನಡುವೆ ನೀವು ಹೇಗೆ ವ್ಯತ್ಯಾಸವನ್ನು ನೋಡುತ್ತೀರಿ? ಅದನ್ನು ಒಂದು ಕಲಾವಿದನಂತಹ ಹೊಸ ಮನೆಯನ್ನು ವಿನ್ಯಾಸ ಮಾಡುವುದು ಮತ್ತು ಅದನ್ನು ವಾಸ್ತವದಲ್ಲಿ ಕಟ್ಟುವ ಕಾಂಟ್ರಾಕ್ಟರ್ ಎಂದು ಊಹಿಸಿ. ಒಂದೊಂದು ಕೆಲಸವೂ ಪ್ರಮುಖವಾಗಿವೆ ಆದರೆ ಅವುಗಳ ಟೂಲ್‌ಬಾಕ್ಸ್‌ಗಳು ಬೇರೆಬೇರೆ! ಇಂತಹ ಚಿಂತನೆ ನಿಮ್ಮಿಗೆ ವೆಬ್‌ಸೈಟ್‌ಗಳು ಹೇಗೆ ಜೀವंतವಾಗುತ್ತವೊ ಅದನ್ನು ದೊಡ್ಡ ದೃಷ್ಟಿಯಿಂದ ನೋಡುವಲ್ಲಿ ಸಹಾಯ ಮಾಡಲಿದೆ. -## GitHub Copilot ಏಜೆಂಟ್ ಸವಾಲು 🚀 +## GitHub Copilot ಏಜೆಂಟ್ ಚಾಲೆಂಜ್ 🚀 -ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿಕೊಂಡು ಕೆಳಗಿನ ಸವಾಲನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ: +ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಕೆಳಗಿನ ಚಾಲೆಂಜ್ ಅನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ: -**ವಿವರಣೆ:** ಆಧುನಿಕ ಕೋಡ್ ಎಡಿಟರ್ ಅಥವಾ IDE ಯ ಹಂತಗಳನ್ನು ಅನ್ವೇಷಿಸಿ ಮತ್ತು ಅದು ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಹೇಗೆ ಸುಧಾರಿಸುತ್ತದೆ ಎಂದು ತೋರಿಸಿ. +**ವಿವರಣೆ:** ಆಧುನಿಕ ಕೋಡ್ ಎಡಿಟರ್ ಅಥವಾ ಐಡಿಯೆಯ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಅನ್ವೇಷಿಸಿ ಮತ್ತು ಅದು ನಿಮ್ಮ ವರ್ಕ್‌ಫ್ಲೋವನ್ನು ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿ ಹೇಗೆ ಸುಧಾರಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಪ್ರದರ್ಶಿಸಿ. -**ಪ್ರಾಂಪ್ಟ್:** ಕೋಡ್ ಎಡಿಟರ್ ಅಥವಾ IDE ಆಯ್ಕೆ ಮಾಡಿ (Visual Studio Code, WebStorm ಅಥವಾ ಕ್ಲೌಡ್ ಆಧಾರಿತ IDE ಗಳಲ್ಲಿ ಯಾವುದಾದರೂ). ನೀವು ಹೆಚ್ಚಿನ ಪರಿಣಾಮಕಾರಿತ್ವದೊಂದಿಗೆ ಬರೆಯಲು, ಡಿಬಗ್ ಮಾಡಲು ಅಥವಾ ಕೋಡ್ ನಿರ್ವಹಿಸಲು ಸಹಾಯ ಮಾಡುವ ಮೂರು ವೈಶಿಷ್ಟ್ಯಗಳು ಅಥವಾ ವಿಸ್ತರಣೆಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ. ಪ್ರತಿ ಒಂದು ಮಧ್ಯೆ, ಅದು ನಿಮ್ಮ ಕೆಲಸದ ಹರಿವಿಗೆ ಹೇಗೆ ಹಿತಕರ ಎಂದು ಸಂಕ್ಷಿಪ್ತ ವಿವರಣೆ ನೀಡಿ. +**ಪ್ರಾಂಪ್ಟ್:** ಕೋಡ್ ಎಡಿಟರ್ ಅಥವಾ ಐಡಿಯೆ (Visual Studio Code, WebStorm ಅಥವಾ ಕ್ಲೌಡ್ ಆಧಾರಿತ ಐಡಿಯೆ ಕಾದಾದರೂ) ಆಯ್ಕೆ ಮಾಡಿ. ನೀವು ಕೋಡ್ ಬರೆಯಲು, ಡಿಬಗ್ಗಿಗಾಗಿ ಅಥವಾ ರಕ್ಷಣೆಗಾಗಿ ಸಹಾಯ ಮಾಡುವ ಮೂರು ವೈಶಿಷ್ಟ್ಯಗಳು ಅಥವಾ ವಿಸ್ತರಣೆಗಳನ್ನು ಪಟ್ಟಿಮಾಡಿ. ಪ್ರತಿಯೊಂದಕ್ಕೆ, ಅದು ನಿಮ್ಮ ವರ್ಕ್‌ಫ್ಲೋಗೆ ಹೇಗೆ ಲಾಭ ನೀಡುತ್ತದೆ ಎಂಬುದಕ್ಕೆ ಸಣ್ಣ ವಿವರಣೆ ಒದಗಿಸಿ. --- -## 🚀 ಸವಾಲು +## 🚀 ಚಾಲೆಂಜ್ -**ಸರಿ, ಅನ್ವೇಷಕ, ನಿಮ್ಮ ಮೊದಲ ಪ್ರಕರಣಕ್ಕಾಗಿ ಸಜ್ಜಾಗಿದ್ದೀರಾ?** +**ಸರಿ, ಅಭಿಯಂತರ, ನಿಮ್ಮ ಮೊದಲ ಪ್ರಕರಣಕ್ಕೆ ಸಿದ್ಧರಾ?** -ನೀವು ಇಲ್ಲಿಗೆ ಶ್ರದ್ಧೆಯಿಂದ ಬಂದಿರುವುದು ಈಗ ನನಗೆ ಒಂದು ಸಾಹಸ ಇಲ್ಲಿದೆ, ಅದು ನಿಮಗೆ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಜಗತ್ತಿನ ವಿಭಿನ್ನತೆ ಮತ್ತು ಆಕರ್ಷಕತೆಯನ್ನು ತೋರಿಸುತ್ತದೆ. ಕೇಳಿ – ಇದು ಇನ್ನೂ ಕೋಡ್ ಬರೆಯಲು ಅಲ್ಲ, ಹೀಗಾಗಿ ಒತ್ತಡ ಬೇಡ! ನೀವು ನಿಮ್ಮ very first case ನಲ್ಲಿ programming ಭಾಷಾ ಅನ್ವೇಷಕ ಎನ್ನುತ್ತಾ! +ಈ ಅದ್ಭುತ ಅಡಿತಳಿಯಿಂದ ಮೀರಿದ ಮಹತ್ವಪೂರ್ಣ ಆಧಾರದೊಂದಿಗೆ, ಈಗ ನಿಮಗೆ ಒಂದು ಸಾಹಸ ಇದೆ ಅದು ನಿಮ್ಮಗೆ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಲೋಕವೇ ಎಷ್ಟು ವೈವಿಧ್ಯಮಯ ಮತ್ತು ಮನೋಹರವಾಗಿದೆಯೋ ಅದು ತೋರಿಸಲು ಸಹಾಯ ಮಾಡಲಿದೆ. ಮತ್ತು ಕೇಳಿ – ಇದು ಇನ್ನೂ ಕೋಡ್ ಬರೆಯುವುದೇ ಅಲ್ಲ, ಆದ್ದರಿಂದ ಒತ್ತಡವಿರಬಾರದು! ನಿಮ್ಮನ್ನು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷಾ ಡಿಟೆಕ್ಟಿವ್ ಎಂದು ಭಾವಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಮೊದಲ ಅತ್ಯುತ್ತಮ ಪ್ರಕರಣದಲ್ಲಿ, -**ನಿಮ್ಮ ಮಿಷನ್, ನೀವು ಸ್ವೀಕರಿಸಿದರೆ:** -1. **ಭಾಷಾ ಅನ್ವೇಷಕ ಆಗಿ**: ಸಂಪೂರ್ಣ ವಿಭಿನ್ನ ವಿಶ್ವಗಳಿಂದ ಮೂರೂ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳನ್ನು ಆರಿಸಿ – ಒಂದು ವೆಬ್ಸೈಟ್ಗಳನ್ನು ರಚಿಸುತ್ತಿದೆ, ಒಂದು ಮೊಬೈಲ್ ಆಪ್ ರಚಿಸುತ್ತದೆ, ಮತ್ತೊಂದು ವಿಜ್ಞಾನಿಗಳಿಗೆ ಡೇಟಾ ಗಣನೆ ಮಾಡುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಭಾಷೆಗಳಲ್ಲಿ ಸರಳ ಕೆಲಸವನ್ನು ಲಿಖಿಸಿರುವ ಉದಾಹರಣೆಗಳನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ. ನೀವು ಆಷ್ಟು ಅಚ್ಚರಿಯಾಗುವಿರಿ ಹೇಗೆ ಭಿನ್ನವಾಗಿರಬಹುದು ಪರೀಕ್ಷೆ ಮಾಡ್ತಾ ಇರುವುದರಿಂದ! +**ನಿಮ್ಮ ಮಿಷನ್, ನೀವು ಅದನ್ನು ಅಂಗೀಕರಿಸಿದರೆ:** +1. **ಭಾಷಾ ಅನ್ವೇಷಕನಾಗಿರಿ**: ಸಂಪೂರ್ಣ ವಿಭಿನ್ನ ಪ್ರಪಂಚಗಳಿಂದ ಮೂರು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳನ್ನು ಆಯ್ಕೆಮಾಡಿ – ಒಂದು ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು, ಒಂದು ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ರಚಿಸುವುದು, ಮತ್ತೊಂದು ವೈಜ್ಞಾನಿಕರಿಗಾಗಿ ಡೇಟಾ ಸಂಸ್ಕರಿಸುವುದು. ಒಂದೇ ಸರಳ ಕಾರ್ಯವನ್ನು ಪ್ರತೀ ಭಾಷೆಯಲ್ಲಿ ಬರೆಯಲಾದ ಉದಾಹರಣೆಗಳನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ. ನೀವು ನಿಜವಾಗಿಯೂ ಆಶ್ಚರ್ಯಚಕಿತರಾಗುತ್ತೀರಿ ಎಷ್ಟು ವಿಭಿನ್ನವಾಗಿಯೂ ಇದ್ದರೂ ಅವುಗಳು ಇದೇ ಕಾರ್ಯವನ್ನು ಹೇಗೆ ಮಾಡುತ್ತವೆ ಎಂದು! -2. **ಅವರ ಮೂಲ ಕಥೆಯನ್ನು ಅನ್ವೇಷಿಸಿ**: ಪ್ರತಿ ಭಾಷೆಯ ವಿಶೇಷತೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ. ಎಲ್ಲಾ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳೂ ಇದೇ ಕಾರಣಕ್ಕೆ ನಿರ್ಮಿಸಲ್ಪಟ್ಟವು – ”ನೀವು ಗೊತ್ತಾ? ಈ ವಿಶೇಷ ಸಮಸ್ಯೆಗೆ ಇನ್ನೊಂದು ಉತ್ತಮ ಪರಿಹಾರ ಅಗತ್ಯವಿದ್ದು” ಎಂಬ ಆಲೋಚನೆಯಿಂದ. ನೀವು ಆ ಸಮಸ್ಯೆಗಳೇನು olduğunu ಕಂಡುಹಿಡಿಯಬಹುದೇ? ಆ ಕಥೆಗಳು ತುಂಬಾ ಆಕರ್ಷಕವಾಗಿವೆ! +2. **ಅವ್ವನ್ ಮೂಲ ಕಥನಗಳನ್ನು ಅನ್ವೇಷಿಸಿ**: ಪ್ರತೀ ಭಾಷೆಯ ವಿಶೇಷತೆ ಏನು? ಇಲ್ಲಿ ಒಂದು ಕುತೂಹಲಕರ ಸಂಗತಿ – ಪ್ರತೀ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯು ಯಾರೋ ತಿಳಿಸಿದ್ದರಿಂದ সৃষ্টি ಆಗಿದೆ, "ನನಗೆ ಗೊತ್ತಿದೆ, ಈ ನಿಶ್ಚಿತ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಲು ಉತ್ತಮ ವಿಧಾನವೇನೋ ಇರಬೇಕೆಂದು" ಯೋಚಿಸಿ. ನೀವು ಆ ಸಮಸ್ಯೆಗಳೇನು ಎಂದು ಕಂಡುಹಿಡಿಯಬಹುದೇ? ಕೆಲವು ಈ ಕಥೆಗಳು ನಿಜವಾಗಿಯೂ ರೋಚಕವಾಗಿವೆ! -3. **ಸಮುದಾಯಗಳನ್ನು ಭೇಟಿಮಾಡಿ**: ಪ್ರತಿ ಭಾಷೆಯ ಸಮುದಾಯ ಹೇಗೆ ಆತ್ಮೀಯ ಮತ್ತು ಸಹಾಯಕವಿದೆ ಅಂದುಕೊಳ್ಳಿ. ಕೆಲವು ತಲೆಸಾಲುಗಳೋ ಜನಸಂಖ್ಯೆಯ ಮೀಸಲಿಟ್ಟಿರುತ್ತಾರೆ, ಇನ್ನಷ್ಟು ಸಣ್ಣ ಆದರೆ ತುಂಬಾ ಒಗ್ಗಟ್ಟಾಗಿ ಮತ್ತೊಬ್ಬರ ನೆರವನ್ನು ನೀಡುತ್ತಾರೆ. ವಿವಿಧ ವ್ಯಕ್ತಿತ್ವಗಳನ್ನು ನೋಡಲು ನೀವು ಇಷ್ಟಪಡುತ್ತೀರಿ! +3. **ಸಮುದಾಯಗಳನ್ನು ಭೇಟಿಮಾಡಿ**: ಪ್ರತೀ ಭಾಷೆಯ ಸಮುದಾಯದ ಆತ್ಮೀಯತೆ ಮತ್ತು ಕೂಡಿ ಸಹಾಯ ಮಾಡುವ ತೀರ್ಪನ್ನು ಪರಿಶೀಲಿಸಿ. ಕೆಲವರಿಗೆ ಲಕ್ಷಾಂತರ ಡೆವಲಪರ್ ಗಳು ತಮ್ಮ ಜ್ಞಾನ ಹಂಚಿಕೊಳ್ಳುತ್ತಿದ್ದಾರೆ; ಇತರರು ಕಡಿಮೆ ಆದರೆ ಅತ್ಯಂತ ಒಪ್ಪಂದಗೊಳ್ಳುವ ಸಮುದಾಯಗಳು. ನೀವು ಈ ವಿಭಿನ್ನ ವ್ಯಕ್ತಿತ್ವಗಳನ್ನು ನೋಡಲು ಅನುಭವ ಮಾಡುತ್ತೀರಿ! -4. **ನಿಮ್ಮ ಅನುಭವವನ್ನು ಅನುಸರಿಸಿ**: ಈಗ ಯಾವ ಭಾಷೆ ನಿಮಗೆ ಹೆಚ್ಚು ಸುಲಭವಂತೆ ಅನಿಸುತ್ತದೆ? "ಸರಿ" ಆಯ್ಕೆ ಮಾಡುವ ಬಗ್ಗೆ ಒತ್ತಡ ಬೇಡ – ನಿಮ್ಮ ಅನುಭವವನ್ನು ಕೇಳಿ! ಇಲ್ಲಿಗೆ ತಪ್ಪು ಉತ್ತರವಿಲ್ಲ, ಮತ್ತು ನೀವು ಇನ್ನು ಮುಂದೆ ಇತರ ಭಾಷೆಗಳನ್ನು ಕೇಳಿಕೊಳ್ಳಬಹುದು. +4. **ನಿಮ್ಮ ಹೃದಯ ಅನುಭವಿಸಿ**: ಯಾವ ಭಾಷೆ ಈಗ ನಿಮಗೆ ಅತ್ಯಂತ ಸಮೀಪಿತವಾಗಿದೆ? "ಪೂರ್ಣವಾದ" ಆಯ್ಕೆಯನ್ನು ಮಾಡಲು ಒತ್ತಡವಿಡಬೇಡಿ – ನಿಮ್ಮ ಪ್ರೀತಿ ಅನುಭವಿಸಿ! ಯಾರೂ ತಪ್ಪಾಗಿಲ್ಲ, ಮತ್ತು ನೀವು ಬೇರೆಯನ್ನೂ ನಂತರದಲ್ಲಿ ಅನ್ವೇಷಿಸಬಹುದು. -**ಬೋನಸ್ ಅನ್ವೇಷಣಾ ಕೆಲಸ**: ಪ್ರತಿಯೊಂದು ಭಾಷೆಯಲ್ಲಿ ನಿರ್ಮಿಸಿರುವ ಪ್ರಮುಖ ವೆಬ್ಸೈಟ್ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ ಗಳನ್ನು ಹುಡುಕಿ ನೋಡಿ. ನಾನು ಖಂಡಿತವಾಗಿ ನಿಮಗೆ ಆಶ್ಚರ್ಯವಾಗುತ್ತದೆ ನಿಮ್ಮ ಇನ್‌ಸ್ಟಾಗ್ರಂ, ನೆಟ್‌ಫ್ಲಿಕ್ಸ್ ಅಥವಾ ನೀವು ನಿಲ್ಲಿಸಲಾಗದ ಆ ಮೊಬೈಲ್ ಆಟ ಏನಿನಿಂದ ನಿರ್ಮಿತವಾಗಿದೆ ಎಂದು ತಿಳಿದುಕೊಳ್ಳುವಾಗ! +**ಬೋನಸ್ ಡಿಟೆಕ್ಟಿವ್ ಕೆಲಸ:** ಪ್ರತೀ ಭಾಷೆಯಿಂದ ಯಾವ ಪ್ರಮುಖ ವೆಬ್‌ಸೈಟ್‌ಗಳು ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ರಚಿಸಲ್ಪಟ್ಟಿವೆ ಎಂದು ಕಂಡುಹಿಡಿಯಲು ಪ್ರಯತ್ನಿಸಿ. ನೀವು ಇನ್ಸ್ಟಾಗ್ರಾಂ, ನೆಟ್ಫ್ಲಿಕ್ಸ್ ಅಥವಾ ನೀವು ನಿಲ್ಲಿಸಲು ಸಾಧ್ಯವಿಲ್ಲದ ಮೊಬೈಲ್ ಗೇಮ್ ಅನ್ನು ಶ್ರೀನಿವಾಸವಾಗೀಲಿ! -> 💡 **ಮನಶಾರೀರದಲ್ಲಿಡಿ**: ನೀವು ಇವತ್ತು ಯಾವುದೇ ಭಾಷೆಯ ಪರಿಣತಿಯಾಗಿ ಸಾಧ್ಯವಿಲ್ಲ. ನೀವು ಅವರಿಗೆ ಪರಿಚಯ ಪಡೆಯುತ್ತೀರಿ ಮತ್ತು ಮುಂದಕ್ಕೆ ಏಲ್ಲಿ ನೆಲೆಸಬಲ್ಲಿರಿ ಎಂಬುದನ್ನು ತೀರ್ಮಾನಿಸುವ ಮುನ್ನ. ಸಮಯ ತೆಗೆದುಕೊಂಡು, ಆನಂದಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಕುತೂಹಲಕ್ಕೆ ತಡೆಯಿಟ್ಟುಕೊಳ್ಳಬೇಡಿ! +> 💡 **ಸ್ಮರಣೆಯಲ್ಲಿಡಿ**: ನೀವು ಇವತ್ತು ಯಾವುದೇ ಭಾಷೆಯಲ್ಲಿ ಪರಿಣತಿಯನ್ನು ಪಡೆಯಬೇಕಾಗಿಲ್ಲ. ನೀವು ಇತರರ ಮುಂದಿನ ಪ್ರಾರಂಭಕ್ಕೆ neighborhood ನ್ನು ತಿಳಿಯುತ್ತಿದ್ದೀರಿ. ಸಮಯ ತೆಗೆದುಕೊಳ್ಳಿ, ಆನಂದಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಕುತೂಹಲದವರನ್ನು ಅನುಸರಿಸಿ. -## ನೀವು ಕಂಡುಹಿಡಿದುದಕ್ಕೆ ಸಂಭ್ರಮಿಸೋಣ! +## ನೀವು ಅನ್ವೇಷಿಸಿದ ಸಂಗತಿಗಳನ್ನು ಸಂಭ್ರಮಿಸೋಣ! -ಅಯ್ಯೋ, ನೀವು ಇಂದು ತುಂಬಾ ಅದ್ಭುತ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಳ್ಳಿದ್ದೀರಿ! ನಾನು ನಿಜವಾಗಿಯೂ ಆಸಕ್ತನಾಗಿದ್ದೇನೆ ನೀವು ಈ ಅದ್ಭುತ ಪ್ರಯಾಣದಲ್ಲಿ ಎಷ್ಟಷ್ಟು ವಿಷಯ ಹಿಡಿದಿಟ್ಟಿದ್ದೀರೋ ಎಂಬುದನ್ನು ಕಂಡು. ಮತ್ತು ನೆನಪಿಡಿ – ಇದು ಪರೀಕ್ಷೆಯಲ್ಲ, ಎಲ್ಲವನ್ನೂ ಸರಿಯಾಗಿ ಮಾಡಬೇಕಾಗಿಲ್ಲ. ಇದು ಅತ್ಯಂತ ಆನಂದ ಹಾಗೂ ತಿಳುವಳಿಕೆಯ ತಯಾರಿ! +ಅಯ್ಯಯ್ಯೋ, ನೀವು ಇಂದು ಅತಿ ಅದ್ಭುತ ಮಾಹಿತಿಯನ್ನು ಸೇವಿಸಿದ್ದೀರಿ! ನಿಜವಾಗಿಯೂ ನಿಮಗೆ ಈ ಅದ್ಭುತ ಪ್ರಯಾಣ ಎಷ್ಟು ಹೋಲಿದೆಯೋ ನೋಡಲು ನಾನು ಉತ್ಸುಕನಾಗಿದ್ದೇನೆ. ಮತ್ತೊಮ್ಮೆ ನೆನಪಿಸಿ – ಇದು ಯಾವುದೇ ಪರೀಕ್ಷೆಯಲ್ಲ, ಎಲ್ಲವನ್ನೂ ಪರಿಪೂರ್ಣವಾಗಿ ಮಾಡಬೇಕಾಗಿಲ್ಲ. ಇದು ನೀವು ಈ ಆಸಕ್ತಿದಾಯಕ ಲೋಕದ ಬಗ್ಗೆ ಕಲಿತ ಎಲ್ಲಾ ಅದ್ಭುತ ವಿಷಯಗಳ ಸೆಲಬ್ರೆಷನ್! -[ಪೋಸ್ಟ್-ಪಾಠ ಕ್ವಿಜ್‌ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ](https://ff-quizzes.netlify.app/web/) -## ವಿಮರ್ಶೆ & ಸ್ವಯಂ ಅಧ್ಯಯನ +[ಪೋಸ್ಟ್-ಪಾಠ ಕ್ವಿಜ್ ತೆಗೆದುಕೊಳ್ಳಿ](https://ff-quizzes.netlify.app/web/) -**ನಿಮ್ಮ ಸಮಯವನ್ನು ತೆಗೆದುಕೊಂಡು ಅದನ್ನು ಅನ್ವೇಷಿಸಿ ಮತ್ತು ಆನಂದಿಸಬಹುದು!** +## ವಿಮರ್ಶೆ ಮತ್ತು ಸ್ವಯಂ ಅಧ್ಯಯನ -ನೀವು ಇಂದು ಬಹಳಷ್ಟು ವಿಷಯಗಳನ್ನು ಮುಟ್ಟಿದ್ದೀರಿ, ಮತ್ತು ಅದು ಹೆಮ್ಮೆಪಡುವದರಂತೆ ಇದೆ! ಈಗ ಬರುವುದೇನೆಂದರೆ ಸಿಹಿಪಟ – ನಿಮ್ಮ ಕುತೂಹಲ ಉಂಟುಮಾಡಿದ ವಿಷಯಗಳನ್ನು ಅನ್ವೇಷಿಸುವುದು. ನೆನಪಿನಲ್ಲಿ ಇರಲಿ, ಇದು ಹೋಮ್‌ವರ್ಕ್ ಅಲ್ಲ – ಇದು ಒಂದು ಸಾಹಸ! +**ಸಮಯ ಪಡೆದು ಅನ್ವೇಷಿಸಿ ಮತ್ತು ಆನಂದಿಸಿ!** +ನೀವು ಇಂದು ಬಹಳಷ್ಟು ವಿಷಯಗಳನ್ನು ಆವರಿಸಿಕೊಂಡಿದ್ದೀರಿ, ಮತ್ತು ಅದಕ್ಕಾಗಿ ನೀವು ಹೆಮ್ಮೆಪಡಲು ಹಕ್ಕು ಹೊಂದಿದ್ದೀರಿ! ಈಗ ಆ ನಿರೀಕ್ಷೆಯನ್ನು ಹುಟ್ಟಿಸಿರುವ ವಿಷಯಗಳನ್ನು ಅನ್ವೇಷಿಸುವುದು ರೋಚಕ ಭಾಗ – ಇದು ಮನೆಯ ಕೆಲಸವಲ್ಲ, ಇದು ಸಾಹಸ! -**ನಿಮ್ಮನ್ನು ರಂಜಿಸುವುದರಲ್ಲಿ ಆಳವಾಗಿ ಡುಬ್ಬಿ ಹೋಗಿ:** +**ನಿಮಗೆ ಉತ್ಸಾಹ ನೀಡುವ ವಿಷಯಗಳನ್ನು ಆಳವಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ:** -**ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳೊಂದಿಗೆ ಕೈ ಅನಿಸಿ:** -- ನಿಮ್ಮ ಗಮನ ಸೆಳೆದ 2-3 ಭಾಷೆಗಳ ಅಧಿಕೃತ ತಾಣಗಳಿಗೆ ಭೇಟಿ ನೀಡಿ. ಪ್ರತಿ ಭಾಷೆಗೆ ತನ್ನದೇನಾದರೂ ವೈಯಕ್ತಿಕತೆ ಮತ್ತು ಕಥೆಯಿದೆ! -- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ಅಥವಾ [Replit](https://replit.com/) ಮುಂತಾದ ಆನ್‌ಲೈನ್ ಕೋಡಿಂಗ್ ಪ್ಲೇಗ್ರೌಂಡ್ಸ್ ಪ್ರಯತ್ನಿಸಿ. ಪ್ರಯೋಗ ಮಾಡಲು ಭಯಪಡಬೇಡಿ – ನೀವು ಯಾವುದಾದರೂ ಕೆಡಕಲಾರಿಗೆ ಸಾಧ್ಯವಿಲ್ಲ! -- ನಿಮ್ಮ ಸುಮಾರು ಇಷ್ಟದ ಭಾಷೆಯ ಹುಟ್ಟುಗadona ವನ್ನು ಓದಿ. ಗಂಭೀರವಾಗಿ ಹೇಳುವುದಾದರೆ, ಕೆಲವು ಈ ಮೂಲ ಕಥೆಗಳು ಅತ್ಯಂತ ರೋಚಕವಾಗಿದ್ದು, ಭಾಷೆಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸಹಾಯಮಾಡುತ್ತವೆ. +**ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳೊಂದಿಗೆ ನೇರವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಿ:** +- ನಿಮ್ಮ ಗಮನ ಸೆಳೆದ 2-3 ಭಾಷೆಗಳ ಅಧಿಕೃತ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಭೇಟಿ ನೀಡಿ. ಪ್ರತಿಯೊಂದೂ ತನ್ನದೇ ಆದ ಸ್ವಭಾವ ಮತ್ತು ಕಥೆಯನ್ನು ಹೊಂದಿದೆ! +- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), ಅಥವಾ [Replit](https://replit.com/) ಮುಂತಾದ ಆನ್‌ಲೈನ್ ಕೋಡಿಂಗ್ ಪ್ಲೇಗ್ರೌಂಡ್‌ಗಳನ್ನು ಪ್ರಯತ್ನಿಸಿ. ಪ್ರಯೋಗ ಮಾಡಲು ಭಯಪಡುವುದಿಲ್ಲ – ನೀವು ಯಾವುದನ್ನೂ ಹಾಳುಮಾಡುವುದಿಲ್ಲ! +- ನಿಮ್ಮ ಮೆಚ್ಚಿನ ಭಾಷೆ ಹೇಗೆ ಮೂಡಿಯಿತು ಎಂಬುದರ ಬಗ್ಗೆ ಓದಿ. ಗಂಭೀರವಾಗಿ ಹೇಳುತ್ತೇನೆ, ಕೆಲವು ಮೊದಲನೆಯ ಕಥೆಗಳು ಆಕರ್ಷಕವಾಗಿವೆ ಮತ್ತು ಭಾಷೆಗಳು ಯಾಕೆ ಹಾಗೆ ಕೆಲಸ ಮಾಡುತ್ತವೆ ಎಂಬುದನ್ನು ესಗೆ ತಿಳಿದುಕೊಳ್ಳಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. -**ನಿಮ್ಮ ಹೊಸ ಉಪಕರಣಗಳೊಂದಿಗೆ ಆರಾಮವಾಗಿ ಇದ್ದಿರಿ:** -- ನೀವು Visual Studio Code ಡೌನ್‌ಲೋಡ್ ಮಾಡದಿದ್ದರೆ – ಅದು ಉಚಿತವಾಗಿದ್ದು, ನೀವು ಅದನ್ನು ಇಷ್ಟಪಡುತ್ತಾರೆ! -- ವಿಶೇಧಗಳ ಮಾರುಕಟ್ಟೆಯನ್ನು ಸ್ವಲ್ಪ ಸಮಯಕ್ಕಾಗಿ ಬ್ರೌಸ್ ಮಾಡಿ. ಅದು ನಿಮ್ಮ ಕೋಡ್ ಸಂಪಾದಕಕ್ಕೆ ಒಂದು ಅಪ್ ಸ್ಟೋರ್ ಹೀಗಿದೆ! -- ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ತೆರೆಯಿರಿ ಮತ್ತು ಜಾಸ್ತಿ ಕ್ಲಿಕ್ ಮಾಡಿ. ಎಲ್ಲವನ್ನೂ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕಾಗಿಲ್ಲ – ಅಲ್ಲಿ ಏನಿದೆ ಎನ್ನುವುದಕ್ಕೆ ಪರಿಚಯ ಪಡೆಯಿರಿ. +**ನಿಮ್ಮ ಹೊಸ ಉಪಕರಣಗಳಿಗೆ ಸುಧಾರಿತ ಪರಿಚಯ ಪಡೆಯಿರಿ:** +- ನೀವು ಇನ್ನುಳಿದಿಲ್ಲದಿದ್ದರೆ Visual Studio Code ಡೌನ್ಲೋಡ್ ಮಾಡಿ – ಇದು ಉಚಿತ ಮತ್ತು ನೀವು ಇದನ್ನು ಇಷ್ಟಪಡುವಿರಿ! +- ಸ್ವಲ್ಪ ಸಮಯವನ್ನು ಎಕ್ಸ್ಟೆನ್ಶನ್ಸ್ ಮಾರ್ಕೆಟ್‌ಪ್ಲೇಸ್‌ನಲ್ಲಿ ಗಂಟಲುಸುತ್ತಿಕೊಳ್ಳಿ. ಇದು ನಿಮ್ಮ ಕೋಡ್ ಸಂಪಾದಕರಿಗೆ ಅಪ್ಲಿಕೇಶನ್ ಸ್ಟೋರ್‌ವಂತೆ ಇದೆ! +- ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಡೆವಲಪರ್ ಟೂಲ್‌ಗಳನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಸುತ್ತುತ್ತಿ ಕ್ಲಿಕ್ ಮಾಡಿ. ಎಲ್ಲ ಕ್ರಮಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದನ್ನು ಚಿಂತಿಸಬೇಡಿ – ಯಾವುದು ಇದೆ ಅಂತ ನೆನಪಿಡಿ. -**ಸಮುದಾಯ ಸೇರಿ:** -- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ಅಥವಾ [GitHub](https://github.com/)ಗಳಲ್ಲಿ ಕೆಲವು ಡೆವಲಪರ್ ಸಮುದಾಯಗಳನ್ನು ಅನುಸರಿಸಿ. ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಸಮುದಾಯವು ಹೊಸಬರಿಗೆ ತುಂಬಾ ಆತಿಥ್ಯಪೂರ್ವಕವಾಗಿದೆ! -- ಯೂಟ್ಯೂಬ್‌ನಲ್ಲಿ ಆರಂಭಿಕರ ಗೆಳತಿಯ ಕೋಡಿಂಗ್ ವೀಡಿಯೋಗಳನ್ನು ನೋಡಿ. ಪ್ರಾರಂಭವಾಗಿದ್ದಾಗ ಯಾವ ರೀತಿ ಅಂದಿರಲು ನ್ಯಾಯಿಪಡಿಸುವ ಸುಂದರ ಸೃಷ್ಟಿಕರ್ತರು ಅಲ್ಲಿ ಬಹಳಿದ್ದಾರೆ. -- ಸ್ಥಳೀಯ ಮೀಟಪ್‌ಗಳು ಅಥವಾ ಆನ್‌ಲೈನ್ ಸಮುದಾಯಗಳಿಗೆ ಸೇರುವುದನ್ನು ಪರಿಗಣಿಸಿ. ನಂಬಿಕೆಯಿಂದ ಹೇಳುತ್ತೇನೆ, ಡೆವಲಪರ್‌ಗಳಿಗೆ ಹೊಸಬರಿಗೆ ಸಹಾಯ ಮಾಡುವುದು ತುಂಬಾ ಇಷ್ಟ! +**ಸಮುದಾಯಕ್ಕೆ ಸೇರ್ಪಡೆ ಆಗಿ:** +- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), ಅಥವಾ [GitHub](https://github.com/) ನಲ್ಲಿ ಕೆಲವು ಡೆವಲಪರ್ ಸಮುದಾಯಗಳನ್ನು ಅನುಸರಿಸಿ. ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಸಮುದಾಯ ಹೊಸವರಿಗಾಗಿ ತುಂಬಾ ಸ್ವಾಗತಿಸುತ್ತದೆ! +- YouTube ನಲ್ಲಿ ಆರಂಭಿಕರಿಗೆ ಅನುಕೂಲಕರವಾದ ಕೋಡಿಂಗ್ ವಿಡಿಯೋಗಳನ್ನು ನೋಡಿ. ಪ್ರಾರಂಭಿಸುವುದನ್ನು ನೆನಪಿನಲ್ಲಿಟ್ಟುಕೊಂಡು ತುಂಬಾ ಉತ್ತಮ ರಚನೆಯವರು ಇದ್ದಾರೆ. +- ಸ್ಥಳೀಯ ಮೀಟಪ್‌ಗಳು ಅಥವಾ ಆನ್‌ಲೈನ್ ಸಮುದಾಯಗಳಿಗೆ ಸೇರ್ಪಡೆ ಆಗುವುದನ್ನು ಪರಿಗಣಿಸಿ. ನಂಬಿ, ಡೆವಲಪರ್ಗಳು ಹೊಸವರ ನೆರವಾಗಲು ಇಷ್ಟಪಡುವರು! -> 🎯 **ಶ್ರವಿಸಿ, ಇದು ನಾನು ನಿಮಗೆ ನೆನಪಿಸಬೇಕು ಎ೦ಬುದು:** ನೀವು ಒಂದು ರಾತ್ರಿಯಲ್ಲಿ ಕೋಡಿಂಗ್ ಮಾಂತ್ರಿಕನಾಗಬೇಕೆಂದು ನಿರೀಕ್ಷಿಸಲಾಗಿರುವುದಿಲ್ಲ! ಈಗ, ನೀವು ಭಾಗವಾಗಲಿರುವ ಈ ಅದ್ಭುತ ಹೊಸ ಜಗತ್ತನ್ನು ಪರಿಚಯಿಸಿಕೊಳ್ಳುತ್ತಿದ್ದೀರಿ. ನಿಮ್ಮ ಸಮಯ ತೆಗೆದುಕೊಂಡು ಪ್ರಯಾಣವನ್ನು ಆನಂದಿಸಿ, ಮತ್ತು ನೆನಪಿನಲ್ಲಿ ಇರಲಿ – ಪ್ರತಿಯೊಂದು ಡೆವಲಪರ್ ನೀವು ಪ್ರಶಂಸಿಸುವವರು ಅವರು ಕೂಡ ನಿಮ್ಮ ಕ್ರಮದಲ್ಲಿ ಕುಳಿತಿರುವಾಗ ಸಂತೋಷದಿಂದ ಮತ್ತು ಸ್ವಲ್ಪವಾಗಿ ಅಲಜಲು ಅನುಭವಿಸಿದ್ದರು. ಅದು ಸಂಪೂರ್ಣ ಸಹಜ, ಮತ್ತು ಅದರಿಂದ ಅರ್ಥವಾಗುವುದು ನೀವು ಸರಿಯಾಗಿ ಮಾಡುತ್ತಿರುವಿರಿ! +> 🎯 **ನೋಡು, ಇದು ನೀವು ನೆನಪಿಡಬೇಕಾದುದು**: ನೀವು ಒಂದು ರಾತ್ರಿ ಯಡಿಯೂರಪ್ಪನಂತಹ ಕೋಡಿಂಗ್ ಜಾದೂಗಾರರಾಗಬೇಕೆಂದು ನಿರೀಕ್ಷಿಸುವುದಿಲ್ಲ! ಈಗಿನ ಕ್ಷಣದಲ್ಲಿ ನೀವು ಈ ಅದ್ಭುತ ಹೊಸ ಜಗತ್ತನ್ನು ಪರಿಚಯಿಸುತ್ತಿದ್ದೀರಿ. ಸಮಯ ತೆಗೆದುಕೊಳ್ಳಿ, ಪ್ರಯಾಣವನ್ನು ಆನಂದಿಸಿ, ಮತ್ತು ನೆನಪಿಡಿ – ನೀವು ಗೌರವಿಸುವ ಪ್ರತಿಯೊಬ್ಬ ಡೆವಲಪರ್ ಕೂಡ ಸರಿ ಈ ತಾಣದಲ್ಲಿದ್ದ, ಉತ್ಸಾಹದಿಂದ ಮತ್ತು ಸ್ವಲ್ಪ ಒತ್ತಡದೊಂದಿಗೆ ಮುಂಚೆ ಕುಳಿತಿದ್ದ. ಇದು ಸಂಪೂರ್ಣ ಸಾಮಾನ್ಯ ಮತ್ತು ನೀವು ಸರಿಯಾಗಿ ಮಾಡುತ್ತಿದ್ದೀರಾ ಎಂಬದಕ್ಕೆ ಇದೊಂದು ಸಂಕೇತ. -## ಕಾರ್ಯ +## ನಿಯೋಜನೆ [Reading the Docs](assignment.md) -> 💡 **ನಿಮ್ಮ ಕಾರ್ಯಕ್ಕೆ ಸಣ್ಣ ಒತ್ತರಣೆ:** ನಾವು ಇನ್ನೂ ಮುಟ್ಟದ ಕೆಲವು ಉಪಕರಣಗಳನ್ನು ನೀವು ಅನ್ವೇಷಿಸುವುದನ್ನು ನಾನು ಅತ್ಯಂತ ಇಷ್ಟಪಡುವೆನು! ನಾವು ಈಗಾಗಲೇ ಮಾತಾಡಿ ಕೊಳ್ಳುವ ಸಂಪಾದಕಗಳು, ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣಗಳನ್ನು ಬಿಟ್ಟುಬಿಡಿ – ಅಲ್ಲಿ ಅನ್ತಹ ಅದ್ಭುತ ಅಭಿವೃದ್ಧಿ ಉಪಕರಣಗಳ ಸಂಪೂರ್ಣ ವಿಶ್ವವಿದ್ದು ಅದು ಆವಿಷ್ಕರಣೆಗೆ ಕಾಯುತ್ತಿದೆ. ಕ್ರಿಯಾಶೀಲವಾಗಿ ನಿರ್ವಹಿಸುವ, ಜ್ಜೀವಂತ ಮತ್ತು ಸಹಾಯಕ ಸಮುದಾಯಗಳ (ಇವುಗಳಲ್ಲಿ ಉತ್ತಮ ಟ್ಯುಟೋರಿಯಲ್ಗಳು ಮತ್ತು ಅತ್ಯುತ್ತಮ ಬೆಂಬಲಿಗರು ಇದ್ದಾರೆ) ಉಪಕರಣಗಳನ್ನು ಹುಡುಕಿರಿ. +> 💡 **ನಿಮ್ಮ ನಿಯೋಜನೆಗೆ ಚುಶುಮಕಾಕು**: ನಾವು ಇನ್ನೂ ಆವರಿಸಿರದ ಕೆಲವು ಉಪಕರಣಗಳನ್ನು ನೀವು ಅನ್ವೇಷಿಸುವುದನ್ನು ನಾನು ಖಂಡಿತವಾಗಿ ನೋಡಲು ಇಷ್ಟಪಡುವೆ! ನಾವು ಈಗಾಗಲೇ ಮಾತನಾಡಿರುವ ಸಂಪಾದಕರು, ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಟೂಲ್ಗಳನ್ನು ಬದಿಗಿಟ್ಟು – ಅಂತಹ ಅದ್ಭುತ ಅಭಿವೃದ್ಧಿ ಉಪಕರಣಗಳ ನಾಲೆಯಾಚಲೆಯೊಂದಿದೆ, ಅದನ್ನು ಅನ್ವೇಷಿಸಲು ಕಾಯುತ್ತಿದೆ. ಸಕ್ರಿಯವಾಗಿ ನಿರ್ವಹಿಸಲಾಗುತ್ತಿರುವ ಮತ್ತು ಚೈತನ್ಯದಿಂದ ಬಲವಾದ, ಸಹಾಯಕ ಸಮುದಾಯಗಳನ್ನು ಹೊಂದಿರುವುದಕ್ಕಿರುವ ಉಪಕರಣಗಳನ್ನು ಹುಡುಕಿ (ಇವುಗಳನ್ನು ವಿವರಿಸುವ ಉತ್ತಮ ಟ್ಯೂಟೋರಿಯಲ್ಸ್ ಮತ್ತು ನಿಮ್ಮ ಸಮಸ್ಯೆಗಳಾದಾಗ ಸ್ನೇಹಪೂರಕ ಸಹಾಯ ಪಡೆಯಲು ಜನರೊಂದಿಗೆ ಉತ್ತಮ ಸಂಪರ್ಕ ಇರುತ್ತದೆ). --- -## 🚀 ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪ್ರಯಾಣದ ಕಾಲಸೂಚಿ +## 🚀 ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪ್ರಯಾಣ ಅವಧಿ ನಿಯೋಜನೆ -### ⚡ **ಮುಂದಿನ 5 ನಿಮಿಷಗಳಲ್ಲಿ ನೀವು ಏನು ಮಾಡಬಹುದು** -- [ ] ನಿಮ್ಮ ಗಮನ ಸೆಳೆದ 2-3 ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಿ -- [ ] ನೀವು ಇನ್ನೂ ಡೌನ್‌ಲೋಡ್ ಮಾಡದಿದ್ದರೆ Visual Studio Code ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ -- [ ] ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಡೆವ್‌ಟೂಲ್ಸ್ (F12) ತೆರೆಯಿರಿ ಮತ್ತು ಯಾವುದಾದರೂ ವೆಬ್‌ಸೈಟ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ -- [ ] ಒಂದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಸಮುದಾಯಕ್ಕೆ ಸೇರಿದಿರಿ (Dev.to, Reddit r/webdev, ಅಥವಾ Stack Overflow) +### ⚡ **ಮುಂದಿನ 5 ನಿಮಿಷಗಳಲ್ಲಿ ನೀವು ಮಾಡಬಹುದಾದುದು** +- [ ] ನಿಮ್ಮ ಗಮನ ಸೆಳೆದ 2-3 ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಿ +- [ ] ನೀವು ಇನ್ನು Visual Studio Code ಡೌನ್ಲೋಡ್ ಮಾಡದಿದ್ದರೆ ಮಾಡಿಕೊಳ್ಳಿ +- [ ] ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಡೆವ್‌ಟೂಲ್‌ಗಳು (F12) ತೆರೆಯಿರಿ ಮತ್ತು ಯಾವುದಾದರೂ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ +- [ ] ಒಂದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಸಮುದಾಯದಲ್ಲಿ ಸೇರ್ಪಡೆ ಆಗಿ (Dev.to, Reddit r/webdev, ಅಥವಾ Stack Overflow) -### ⏰ **ಈಗಿನ ಗಂಟೆಯಲ್ಲಿ ನೀವು ಸಾಧಿಸಬಹುದು** -- [ ] ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್ ಕೊನೆಮಾಡಿ ಮತ್ತು ನಿಮ್ಮ ಉತ್ತರಗಳನ್ನು ಪರಿಗಣಿಸಿ -- [ ] GitHub Copilot ವಿಸ್ತರಣೆ ಜೊತೆಗೆ VS Code ಸನ್ನದ್ಧಪಡಿಸಿ -- [ ] 2 ವಿಭಿನ್ನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳಲ್ಲೊಂದು "Hello World" ಉದಾಹರಣೆಯನ್ನು ಆನ್‌ಲೈನಲ್ಲೇ ಪ್ರಯತ್ನಿಸಿ -- [ ] "Day in the Life of a Developer" ಎಂಬ ವೀಡಿಯೋವನ್ನು ಯೂಟ್ಯೂಬ್‌ನಲ್ಲಿ ನೋಡಿ -- [ ] ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ತನಿಖಾ ಕೆಲಸ ಆರಂಭಿಸಿ (ಚಾಲೆಂಜ್‌ನಿಂದ) +### ⏰ **ಈ ಗಂಟೆಯಲ್ಲಿ ನೀವು ಸಾಧಿಸಬಹುದಾದುದು** +- [ ] ಪಾಠದ ನಂತರದ ಪ್ರಶ್ನೋತ್ತರಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಉತ್ತರಗಳನ್ನು ಪರಿಷೀಲಿಸಿ +- [ ] VS Code ಗೆ GitHub Copilot ಎಕ್ಸ್ಟೆನ್ಶನ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ +- [ ] ಆನ್‌ಲೈನ್‌ನಲ್ಲಿ 2 ವಿಭಿನ್ನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳಲ್ಲಿ "Hello World" ಉದಾಹರಣೆ ಪ್ರಯತ್ನಿಸಿ +- [ ] YouTube ನಲ್ಲಿ "ಡೆವಲಪರ್ ಜೀವನದ ಒಂದು ದಿನ" ವಿಡಿಯೋ ನೋಡಿ +- [ ] ನಿಮ್ಮ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ ಡಿಟೆಕ್ಟಿವ್ ಕಾರ್ಯವನ್ನು ಪ್ರಾರಂಭಿಸಿ (ಚಲಂಜಿನ ಅಂಶದಿಂದ) ### 📅 **ನಿಮ್ಮ ಒಂದು ವಾರದ ಸಾಹಸ** -- [ ] ಕಾರ್ಯವನ್ನು ಪೂರ್ಣಗೊಳ್ಳಿಸಿ ಮತ್ತು 3 ಹೊಸ ಅಭಿವೃದ್ಧಿ ಉಪಕರಣಗಳನ್ನು ಅನ್ವೇಷಿಸಿ -- [ ] ಸೋಶಿಯಲ್ ಮೀಡಿಯಾದಲ್ಲಿ 5 ಡೆವಲಪರ್‍ಗಳು ಅಥವಾ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಖಾತೆಗಳನ್ನು ಅನುಸರಿಸಿ -- [ ] CodePen ಅಥವಾ Replit ನಲ್ಲಿ ಏನಾದರೂ ಸಣ್ಣದಾಗಿ ನಿರ್ಮಿಸಿ (ಕೆಲವೊಮ್ಮೆ "Hello, [ನಿಮ್ಮ ಹೆಸರು]!" ಸಹ ಸಾಲು) -- [ ] ಯಾರೋ ಒಬ್ಬ ಡೆವಲಪರ್ ಅವರ ಕೋಡಿಂಗ್ ಸಾಹಸದ ಬಗ್ಗೆ ಒಂದು ಬ್ಲಾಗ್ ಪೋಸ್ಟ್ ಓದಿ -- [ ] ಆನ್ಲೈನ್ ಘಟನೆ ಅಥವಾ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಮಾತುಕತೆ ವೀಕ್ಷಿಸಿ -- [ ] ಆಯ್ದ ಭಾಷೆಯನ್ನು ಆನ್ಲೈನ್ ಟ್ಯುಟೋರಿಯಲ್‌ಗಳಿಂದ ಕಲಿಯಲು ಪ್ರಾರಂಭಿಸಿ +- [ ] ನಿಯೋಜನೆಯನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು 3 ಹೊಸ ಅಭಿವೃದ್ಧಿ ಉಪಕರಣಗಳನ್ನು ಅನ್ವೇಷಿಸಿ +- [ ] 5 ಡೆವಲಪರ್ ಅಥವಾ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಖಾತೆಗಳನ್ನು ಸಾಮಾಜಿಕ ಜಾಲತಾಣಗಳಲ್ಲಿ ಅನುಸರಿಸಿ +- [ ] CodePen ಅಥವಾ Replit ನಲ್ಲಿ ಸಣ್ಣದೊಂದು ನಿರ್ಮಿಸಿ (ಹಾಗೇ "Hello, [ನಿಮ್ಮ ಹೆಸರು]!" ಕೂಡ) +- [ ] ಯಾರೋ ಡೆವಲಪರ್ ಅವರ ಕೋಡಿಂಗ್ ಪ್ರಯಾಣದ ಬಗ್ಗೆ ಬ್ಲಾಗ್ ಪೋಸ್ಟ್ ಓದಿ +- [ ] ವರ್ಚುವಲ್ ಮೀಟಪ್ ಗೆ ಸೇರಿ ಅಥವಾ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಟಾಕ್ ಅನ್ನು ಗಮನಿಸಿ +- [ ] ನಿಮ್ಮ ಆರಿಸಿದ ಭಾಷೆಯನ್ನು ಆನ್‌ಲೈನ್ ಟ್ಯೂಟೋರಿಯಲ್ಸ್ ಮೂಲಕ ಕಲಿಯಲು ಪ್ರಾರಂಭಿಸಿ ### 🗓️ **ನಿಮ್ಮ ಒಂದು ತಿಂಗಳ ಪರಿವರ್ತನೆ** -- [ ] ನಿಮ್ಮ ಮೊದಲ ಸಣ್ಣ ಯೋಜನೆ ನಿರ್ಮಿಸಿ (ಸರಳ ವೆಬ್ ಪುಟವೂ ಸಾಕು!) -- [ ] ಓಪನ್ ಸೋರ್ಸ್ ಯೋಜಿಗೆ ಕೊಡುಗೆ ನೀಡಿ (ದಾಖಲೆ ತಿದ್ದುಪಡಿ ಆರಂಭದಲ್ಲಿ) -- [ ] ಯಾರೋ ಹೊಸಬರಿಗೆ ಮಾರ್ಗದರ್ಶನ ನೀಡಿರಿ -- [ ] ನಿಮ್ಮ ಡೆವಲಪರ್ ಪೋರ್ಟ್‌ಫೋಲಿಯೊ ವೆಬ್‌ಸೈಟ್ ರಚಿಸಿ -- [ ] ಸ್ಥಳೀಯ ಡೆವಲಪರ್ ಸಮುದಾಯಗಳು ಅಥವಾ ಅಧ್ಯಯನ ಗುಂಪುಗಳೊಂದಿಗೆ ಸಂಪರ್ಕ ಮಾಡಿ -- [ ] ಮುಂದಿನ ಕಲಿಕೆಯ ಗುರಿ ರೂಪಿಸುವುದನ್ನು ಪ್ರಾರಂಭಿಸಿ +- [ ] ನಿಮ್ಮ ಮೊದಲ ಸಣ್ಣ ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಿಸಿ (ಸರಳ ವೆಬ್ ಪುಟವೂ ಸಾಕು!) +- [ ] ಒನ್‌ಸೋರ್ಸ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಸಹಾಯ ಮಾಡಿ (ದೈನಂದಿನ ಡಾಕ್ಯುಮೆಂಟ್ ಫಿಕ್ಸ್ಗಳಿಂದ ಪ್ರಾರಂಭಿಸಿ) +- [ ] ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪ್ರಯಾಣದಲ್ಲಿ ಇತ್ತೀಚೆಗೆ ಪ್ರಾರಂಭಿಸಿದ ಯಾರಿಗಾದರೂ ಮಾರ್ಗದರ್ಶನ ನೀಡಿ +- [ ] ನಿಮ್ಮ ಡೆವಲಪರ್ ಪೋರ್‌ಟ್ಫೋಲಿಯೊ ವೆಬ್‌ಸೈಟ್ ರಚಿಸಿ +- [ ] ಸ್ಥಳೀಯ ಡೆವಲಪರ್ ಸಮುದಾಯಗಳು ಅಥವಾ ಅಧ್ಯಯನ ಗುಂಪುಗಳಿಗೆ ಸಂಪರ್ಕ ಮಾಡಿಕೊಳ್ಳಿ +- [ ] ಮುಂದಿನ ಕಲಿಕೆಯ ಮೈಲಿಗಲ್ಲನ್ನು ಯೋಜಿಸಲು ಪ್ರಾರಂಭಿಸಿ -### 🎯 **ಅಂತಿಮ ಪರಿಗಣನೆ ಪರಿಶೀಲನೆ** +### 🎯 **ಅಂತಿಮ ಪ್ರತಿಬಿಂಬ ಪರಿಶೀಲನೆ** -**ಮುಂದೆ ಹೋಗುವುದಕ್ಕೂ ಮುಂಚೆ, ಒಬ್ಬ ಭಾಗವನ್ನು ಆಚರಿಸಿ:** -- programming ಬಗ್ಗೆ ಇಂದು ನಿಮ್ಮನ್ನು ಕಿಚ್ಚುಮಾತು ಮಾಡಿದ ಏನಾದರೊಬ್ಬದು ಯಾವುದು? -- ಯಾವ ಉಪಕರಣ ಅಥವಾ ಕಲ್ಪನೆಯನ್ನು ನೀವು ಮೊದಲು ಅನ್ವೇಷಿಸಲು ಇಚ್ಛಿಸುತ್ತೀರಿ? -- ಈ programming ಪ್ರಯಾಣವನ್ನು ಪ್ರಾರಂಭಿಸುವ ಬಗ್ಗೆ ನೀವು ಹೇಗಿದ್ದೀರಿ? -- ಈಗಲೇ ನೀವು ಡೆವಲಪರ್ ಒಬ್ಬರಿಗೆ ಕೇಳಬೇಕಿರುವ ಒಂದು ಪ್ರಶ್ನೆಯೇನು? +**ಮುಂದೆ ಹೋಗುವ ಮೊದಲು, ಒಂದು ಕ್ಷಣ ನಿಂತು ಗುಣಾತ್ಮಕವಾಗಿ ಹರ್ಷಿಸಿ:** +- ಪ್ರತಿದಿನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಬಗ್ಗೆ ಏನು ನಿಮಗೆ ಉತ್ಸಾಹ ನೀಡಿತು? +- ಯಾವ ಉಪಕರಣ ಅಥವಾ ಆಲೋಚನೆಯನ್ನು ಮೊದಲಿಗೆ ಅನ್ವೇಷಿಸಲು ಇಚ್ಛಿಸುತ್ತೀರಿ? +- ಈ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪ್ರಯಾಣವನ್ನು ಪ್ರಾರಂಭಿಸುವ ಕುರಿತು ನಿಮ್ಮ ಭಾವನೆ ಏನಾಗಿದೆ? +- ಈಗಾಗಲೇ ಯಾವ ಪ್ರಶ್ನೆಯನ್ನು ಡೆವಲಪರ್‌ರಿಂದ ಕೇಳಬೇಕೆಂದು ನೀವು ಬಯಸುತ್ತೀರಿ? ```mermaid journey - title ನಿಮ್ಮ ಆತ್ಮವಿಶ್ವಾಸ ನಿರ್ಮಾಣ ಯಾತ್ರೆ - section ಇಂದಿನದು - ಕುತೂಹಲಪೂರ್ಣ: 3: You - ತುಂಬಾ ಒತ್ತಡದಡಿಯಲ್ಲಿ: 4: You - ಉತ್ಸಾಹಭರಿತ: 5: You + title ನಿಮ್ಮ ಆತ್ಮವಿಶ್ವಾಸ ವೃದ್ಧಿ ಪ್ರಯಾಣ + section ಇಂದು + ಕುತೂಹಲೋತ್ಪನ್ನ: 3: You + ಒತ್ತಡಗೊಳ್ಳುವುದು: 4: You + ಉತ್ಸಾಹ: 5: You section ಈ ವಾರ ಅನ್ವೇಷಣೆ: 4: You ಕಲಿಕೆ: 5: You - ಸಂಪರ್ಕಿಸಲು: 4: You + ಸಂಪರ್ಕ: 4: You section ಮುಂದಿನ ತಿಂಗಳು ನಿರ್ಮಾಣ: 5: You - ಆತ್ಮವಿಶ್ವಾಸವುಳ್ಳ: 5: You - ಇತರರಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತಿರುವುದು: 5: You + ಆತ್ಮವಿಶ್ವಾಸಿ: 5: You + ಇತರರಿಗೆ ಸಹಾಯ: 5: You ``` -> 🌟 **ನಿಮ್ಮ ನೆನಪಿಗೆ:** ಪ್ರತಿಯೊಬ್ಬ ماهರೂ ಕೂಡ ಮೊದಲಿಗೆ ಆರಂಭಿಕನಾಗಿದ್ದರೂ; ಪ್ರತಿಯೊಬ್ಬ ಹಿರಿಯ ಡೆವಲಪರ್ ಕೂಡ ನೀವು ನಿನ್ನ ಸಮಯದಲ್ಲಿ ಹಾಗೆಯೇ - ಉತ್ಸಾಹದಿಂದ, ಸ್ವಲ್ಪ ಅಲಜಲಾಗಿ ಮತ್ತು ಯಾವನು ಸಾಧ್ಯ ಎ೦ಬುದರ ಬಗ್ಗೆ ಕುತೂಹಲದಿಂದ ಇದ್ದರು. ನೀವು ಅದ್ಭುತ ಸಮುದಾಯದಲ್ಲಿ ಇದ್ದೀರಿ, ಮತ್ತು ಈ ಪ್ರಯಾಣ ಅದ್ಭುತವಾಗಿರುತ್ತದೆ. ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ನ ಅದ್ಭುತ ಜಗಕ್ಕೆ ಸ್ವಾಗತ! 🎉 +> 🌟 **ನೆನಪಿಡಿ**: ಪ್ರತಿಯೊಬ್ಬ ತಜ್ಞವೂ ಮೊದಲು ಆರಂಭಿಕನಾಗಿದ್ದ. ಪ್ರತಿಯೊಬ್ಬ ಹಿರಿಯ ಡೆವಲಪರ್ ಕೂಡ ಈಗಿನ ನಿಮಗೆ ಹೋಲುವಂತೆ – ಉತ್ಸಾಹದಿಂದ, ಸ್ವಲ್ಪ ಒತ್ತಡದಿಂದ, ಮತ್ತು ಸಾಧ್ಯಗಳ ಬಗ್ಗೆ ಕುತೂಹಲದಿಂದ ತುಂಬಿದ್ದ. ನೀವು ಅದ್ಭುತ ಕಂಪನಿಯಲ್ಲಿ ಇದ್ದೀರಿ, ಮತ್ತು ಈ ಪ್ರಯಾಣ ಅದ್ಭುತವಾಗಲಿದೆ. ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ನ ಅದ್ಭುತ ಲೋಕಕ್ಕೆ ಸ್ವಾಗತ! 🎉 --- -**ಅತ್ಯಾವಶ್ಯಕ ನಿರ್ಗಮನ**: -ಈ ದಸ್ತಾವೇಜನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಉಪಯೋಗಿಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸೀಮಿತತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ದಸ್ತಾವೇಜನ್ನು ಅದರ ಸ್ಥಳೀಯ ಭಾಷೆಯಲ್ಲಿರುವ ಮೂಲ ಪ್ರಾಮಾಣಿಕ ಆಧಾರವೆಂದು ಪರಿಗಣಿಸಬೇಕು. ಗಂಭೀರ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅಸಮರ್ಥನೆಗಳು ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗಳನ್ನು ಕುರಿತು ನಾವು ಹೊಣೆಗಾರರಾಗಿದ್ದೇವಲ್ಲ. +**ಅಪವಾದ**: +ಈ ದಸ್ತಾವೇಜು [ಕೋ-ಒಪ್ ಟ್ರಾನ್ಸ್‌ಲೇಟರ್](https://github.com/Azure/co-op-translator) ಎಂಬ AI ಅನುವಾದ ಸೇವೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ಸರಿಯಾಗಿರುವ ಅನುವಾದಕ್ಕಾಗಿ ಪ್ರಯತ್ನಿಸಿದೆವು, ಆದಾಗ್ಯೂ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಇರುವ ಮೂಲ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸಿದ ಪರಿಣಾಮವಾಗಿ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಲ್ಲ. \ No newline at end of file diff --git a/translations/kn/AGENTS.md b/translations/kn/AGENTS.md index f990cd372..276a7f793 100644 --- a/translations/kn/AGENTS.md +++ b/translations/kn/AGENTS.md @@ -1,112 +1,112 @@ # AGENTS.md -## Project Overview +## ಪ್ರಾಜೆಕ್ಟ್ ಅವಲೋಕನ -ಇದು ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಸುವ ಶೈಕ್ಷಣಿಕ ಪಾಠ್ಯಕ್ರಮ ಸಂಗ್ರಹವಾಗಿದೆ. ಈ ಪಾಠ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ವ್ಯಾಪಕ 12 ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, 24 ಹಸ್ತಪ್ರಯೋಗ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡಿದೆ. +ಇದು ಪ್ರಾರಂಭಿಕರಿಗಾಗಿ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ತ್ವಗಳನ್ನು ಕಲಿಸುವ ಶಿಕ್ಷಣ ಕಾರ್ಯಕ್ರಮದ ರೆಪೊಸಿಟರಿ ಆಗಿದೆ. ಈ ಕಾರ್ಯಕ್ರಮವು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಕ್ಲೌಡ್ ಅಡ್ವೊಕೇಟ್ಸ್ ಅವರಿಂದ ಅಭಿವೃದ್ಧಿಗೊಳಿಸಲಾದ ಸಂಪೂರ್ಣ 12 ವಾರಗಳ ಕೋರ್ಸ್ ಆಗಿದ್ದು, JavaScript, CSS ಮತ್ತು HTML ಅನ್ನು ಒಳಗೊಂಡ 24 ಕೈಗಾರಿಕಾ ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. -### Key Components +### ಪ್ರಮುಖ ಅಂಶಗಳು -- **ಶೈಕ್ಷಣಿಕ ವಿಷಯ**: 24 ರಚನೆಗೊಳಿಸಲಾದ ಪಾಠಗಳು ಯೋಜನೆ ಆಧಾರಿತ ಘಟಕಗಳಾಗಿ ಸರಿಯಲಾಗಿದೆ -- **ಆಚಾರ್ಯ ಯೋಜನೆಗಳು**: Terrarium, ಟೈಪಿಂಗ್ ಆಟ, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಅಂತರಿಕ್ಷ ಆಟ, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕ -- **ಪರಸ್ಪರ ಕ್ರಿಯಾಶೀಲ ಕ್ವಿಜುಗಳು**: ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳೊಂದಿಗೆ 48 ಕ್ವಿಜುಗಳು (ಪೂರ್ವ/ಪೋಸ್ಟ್ ಪಾಠ ಇವೆಲ್ಯುವೇಶನ್ಗಳು) -- **ಬಹುಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳಿಗಾಗಿ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳು -- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಯೋಜನೆಗಳಿಗೆ) +- **ಶಿಕ್ಷಣ ವಿಷಯ**: 24 ಸಂಖ್ಯೆಯ ಪಾಠಗಳನ್ನು ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಘಟಕಗಳ往ತ್ಕಿಂತ ತೆಗೆದು ರೂಪಿಸಿರುವುದು +- **ಪ್ರಾಯೋಗಿಕ ಪ್ರಾಜೆಕ್ಟ್ಸ್**: ಟೆರಾರಿಯಂ, ಟೈಪಿಂಗ್ ಗೇಮ್, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಗೇಮ್, ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್, ಕೋಡ್ ಎಡಿಟರ್ ಮತ್ತು AI ಚಾಟ್ ಸಹಾಯಕರ +- **ಸಕ್ರಿಯ ಕ್ವಿಜ್‌ಗಳು**: 3 ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿರುವ 48 ಕ್ವಿಜ್‌ಗಳು (ಪೂರ್ವ/ಪೋಸ್ಟ್ ಪಾಠ ಮೌಲ್ಯಮಾಪನಗಳು) +- **ಬহು ಭಾಷಾ ಬೆಂಬಲ**: GitHub Actions ಮೂಲಕ 50+ ಭಾಷೆಗಳ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ +- **ತಂತ್ರಜ್ಞಾನಗಳು**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗಾಗಿ) -### Architecture +### ವಾಸ್ತುಶಿಲ್ಪ -- ಪಾಠ ಆಧಾರಿತ ರಚನೆಯೊಂದಿಗೆ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹಾಲಯ +- ಪಾಠ ಆಧಾರಿತ ರಚನೆಯೊಂದಿಗೆ ಶಿಕ್ಷಣ ರೆಪೊಸಿಟರಿ - ಪ್ರತಿ ಪಾಠ ಫೋಲ್ಡರ್ README, ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳನ್ನು ಹೊಂದಿದೆ -- ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳು ಪ್ರತ್ಯೇಕ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ (quiz-app, ವಿವಿಧ ಪಾಠ ಯೋಜನೆಗಳು) -- GitHub Actions ಬಳಸಿ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator) -- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ Docsify ಮೂಲಕ ಪೂರೈಸಲಾಗಿದ್ದು PDF ಆಗಿ ಲಭ್ಯ +- ಬೇರೆಯಾದ ನಿರ್ದೇಶನಗಳಲ್ಲಿ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳು (quiz-app, ವಿವಿಧ ಪಾಠ ಪ್ರಾಜೆಕ್ಟ್ಗಳು) +- GitHub Actions ಬಳಸುವ ಅನುವಾದ ವ್ಯವಸ್ಥೆ (co-op-translator) +- ಡಾಕ್ಯುಮೆಂಟೇಶನ್ Docsify ಮೂಲಕ ಸರ್ವ್ ಆಗುತ್ತದೆ ಮತ್ತು PDF ಆಗಿಯೂ ಲಭ್ಯವಿದೆ -## Setup Commands +## ಸೆಟ್‌ಅಪ್ ಕಮಾಂಡ್ಗಳು -ಈ ಸಂಗ್ರಹಾಲಯವು ಮುಖ್ಯವಾಗಿ ಶೈಕ್ಷಣಿಕ ವಿಷಯವನ್ನು ಬಳಕೆಗಾರರಿಗೆ ಒದಗಿಸಲು ಇದೆ. ವಿಶೇಷ ಯೋಜನೆಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು: +ಈ ರೆಪೊಸಿಟರಿ ಮುಖ್ಯವಾಗಿ ಶೈಕ್ಷಣಿಕ ವಿಷಯವನ್ನು ಬಳಸಿಕೊಳ್ಳಲು. ವಿಶೇಷ ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು: -### Main Repository Setup +### ಮುಖ್ಯ ರೆಪೊಸಿಟರಿ ಸೆಟ್‌ಅಪ್ ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Quiz App Setup (Vue 3 + Vite) +### Quiz App ಸೆಟ್‌ಅಪ್ (Vue 3 + Vite) ```bash cd quiz-app npm install npm run dev # ಅಭಿವೃದ್ಧಿ ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ -npm run build # ಉತ್ಪಾದನಕ್ಕಾಗಿ ನಿರ್ಮಿಸಿ -npm run lint # ESLint ಅನ್ನು ನಡಿಸಿ +npm run build # ತಯಾರಿಗಾಗಿ ನಿರ್ಮಿಸಿ +npm run lint # ESLint ಅನ್ನು ರನ್ ಮಾಡಿ ``` -### Bank Project API (Node.js + Express) +### ಬ್ಯಾಂಕ್ ಪ್ರಾಜೆಕ್ಟ್ API (Node.js + Express) ```bash cd 7-bank-project/api npm install -npm start # API ಸರ್ವರ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಿ -npm run lint # ESLint ಅನ್ನು ನಡೆಸಿ -npm run format # Prettier ನೊಂದಿಗೆ ವಿಂಗಡಿಸಿ +npm start # API ಸರ್ವರ್ ಪ್ರಾರಂಭಿಸಿ +npm run lint # ESLint ಅನ್ನು ಚಾಲನೆ ಮಾಡಿ +npm run format # Prettier ಮೂಲಕ ಸ್ವರೂಪಗೊಳಿಸಿ ``` -### Browser Extension Projects +### ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಪ್ರಾಜೆಕ್ಟ್ಗಳು ```bash cd 5-browser-extension/solution npm install -# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಲೋಡ್ ಮಾರ್ಗದರ್ಶನವನ್ನು ಅನುಸರಿಸಿ +# ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆ ಲೋಡಿಂಗ್ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ ``` -### Space Game Projects +### ಸ್ಪೇಸ್ ಗೇಮ್ ಪ್ರಾಜೆಕ್ಟ್ಗಳು ```bash cd 6-space-game/solution npm install -# ವೆಬ್ ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ತೆರೆಯಿರಿ ಅಥವಾ Live Server ಬಳಸಿರಿ +# ಬ್ರೌಸರ್‌ನಲ್ಲಿ index.html ತೆರೆಯಿರಿ ಅಥವಾ ಲೈವ್ ಸರ್ವರ್ ಅನ್ನು ಬಳಸಿ ``` -### Chat Project (Python Backend) +### ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ (Python ಬ್ಯಾಕೆಂಡ್) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN ಪರಿಸರ ಚರವನ್ನು ಹೊಂದಿಸಿ +# GITHUB_TOKEN ಪರಿಸರ ಚರಮಾನವನ್ನು ಹೊಂದಿಸಿ python api.py ``` -## Development Workflow +## ಅಭಿವೃದ್ಧಿ ಕಾರ್ಯಪಟು -### For Content Contributors +### ವಿಷಯದ ಕೊಡುಗೆದಾರರಿಗೆ -1. **ನಿಮ್ಮ GitHub ಖಾತೆಗೆ** ಸಂಗ್ರಹಾಲಯವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ -2. **ನಿಮ್ಮ ಫೋರ್ಕ್** ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ -3. **ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ ಹೊಸ ಬ್ರಾಂಚ್** ರಚಿಸಿ +1. ನಿಮ್ಮ GitHub ಅಕೌಂಟ್‌ಗೆ ರೆಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ +2. ನಿಮ್ಮ ಫೋರ್ಕ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಿ +3. ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ ಹೊಸ ಶಾಖೆ ರಚಿಸಿ 4. ಪಾಠ ವಿಷಯ ಅಥವಾ ಕೋಡ್ ಉದಾಹರಣೆಗಳಲ್ಲಿ ಬದಲಾವಣೆ ಮಾಡಿ -5. ಸಂಬಂಧಿಸಿದ ಯೋಜನೆ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ -6. ಕೊಡುಗೆ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಅನುಸರಿಸಿ ಪುಲ್ ವಿನಂತಿಗಳನ್ನು ಸಲ್ಲಿಸಿ +5. ಸಂಬಂಧಿಸಿದ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಯಾವುದೇ ಕೋಡ್ ಬದಲಾವಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ +6. ಕೊಡುಗೆ ಮಾರ್ಗಸೂಚಿಗಳ ಅನುಸರಿಸಿ ಪುಲ್ ರಿಕ್ವೆಸ್ಟ್‌ಗಳನ್ನು ಸಲ್ಲಿಸಿ -### For Learners +### ಕಲಿಯುವವರಿಗೆ -1. ಸಂಗ್ರಹಾಲಯವನ್ನು ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ -2. ಪಾಠ ಡೈರೆಕ್ಟರಿಗಳಿಗೆ ಕ್ರಮವಾಗಿ ನವಿಗೇಟ್ ಮಾಡಿ -3. ಪ್ರತಿ ಪಾಠಕ್ಕೆ README ಕಡತಗಳನ್ನು ಓದಿ -4. ಪೂರ್ವ ಪಾಠ ಕ್ವಿಜುಗಳನ್ನು https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಿ -5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳ ಮೂಲಕ ಕೆಲಸ ಮಾಡಿ -6. ಅಸೈನ್‌ಮೆಂಟುಗಳು ಮತ್ತು ಪೋಟೆಗಳು ಪೂರ್ಣಗೊಳಿಸಿ -7. ಪೋಸ್ಟ್-ಪಾಠ ಕ್ವಿಜುಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ +1. ರೆಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಅಥವಾ ಕ್ಲೋನ್ ಮಾಡಿ +2. ಕ್ರಮಬದ್ಧವಾಗಿ ಪಾಠ ಡೈರೆಕ್ಟರಿಗಳಿಗೆ ತೆರಳಿ +3. ಪ್ರತಿಯೊಬ್ಬ ಪಾಠದ README ಕಡತಗಳನ್ನು ಓದಿ +4. ಪೂರ್ವ ಪಾಠ ಕ್ವಿಜ್‌ಗಳನ್ನು https://ff-quizzes.netlify.app/web/ ನಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಿ +5. ಪಾಠ ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಿ +6. ಹುದ್ದೆಗಳು ಮತ್ತು ಸವಾಲುಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ +7. ಪೋಸ್ಟ್ ಪಾಠ ಕ್ವಿಜ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ -### Live Development +### ಲೈವ್ ಅಭಿವೃದ್ಧಿ -- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ಅನ್ನು ಓಡಿಸಿ (ಪೋರ್ಟ್ 3000) -- **Quiz App**: `quiz-app` ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ಅನ್ನು ಓಡಿಸಿ -- **Projects**: HTML ಯೋಜನೆಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ -- **API Projects**: ಅನುರೂಪ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ಅನ್ನು ಓಡಿಸಿ +- **ಡಾಕ್ಯುಮೆಂಟೇಶನ್**: ರೂಟ್‌ನಲ್ಲಿ `docsify serve` ರನ್ ಮಾಡಿ (ಪೋರ್ಟ್ 3000) +- **Quiz App**: quiz-app ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ `npm run dev` ರನ್ ಮಾಡಿ +- **ಪ್ರಾಜೆಕ್ಟ್ಸ್**: HTML ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ +- **API ಪ್ರಾಜೆಕ್ಟ್ಸ್**: ಪ್ರತ್ಯೇಕ API ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm start` ರನ್ ಮಾಡಿ -## Testing Instructions +## ಪರೀಕ್ಷೆ ಸೂಚನೆಗಳು -### Quiz App Testing +### Quiz App ಪರೀಕ್ಷೆ ```bash cd quiz-app @@ -114,169 +114,169 @@ npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳಿಗಾ npm run build # ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ ``` -### Bank API Testing +### ಬ್ಯಾಂಕ್ API ಪರೀಕ್ಷೆ ```bash cd 7-bank-project/api -npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳ ಪರಿಶೀಲನೆ ಮಾಡಿ -node server.js # ಸರ್ವರ್ ದೋಷವಿಲ್ಲದೆ ಶುರುವಾಗುತ್ತದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ +npm run lint # ಕೋಡ್ ಶೈಲಿ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ +node server.js # ದೋಷಗಳಿಲ್ಲದೆ ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಗುತ್ತದೆಯೊ ಕಂಡು ನೋಡಿರಿ ``` -### General Testing Approach +### ಸಾಮಾನ್ಯ ಪರೀಕ್ಷೆ ವಿಧಾನ -- ಇದು ಆಪ್ಟೋಮೇಶನ್ ಪರೀಕ್ಷೆಗಳಿಲ್ಲದ ಶೈಕ್ಷಣಿಕ ಸಂಗ್ರಹ -- ಕೈಯಿಂದ ಪರೀಕ್ಷೆ ನೋಡುವದು: - - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷರಹಿತವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ - - ಡಾಕ್ಯುಮೆಂಟೇಶನಿನಲ್ಲಿನ ಲಿಂಕ್‌ಗಳು ಸರಿಯಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ - - ಯೋಜನೆ ನಿರ್ಮಾಣ ಯಶಸ್ವಿಯಾಗುತ್ತವೆ - - ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸುತ್ತವೆ +- ಇದು ಸ್ವಯಂಚಾಲಿತ ಸಮಗ್ರ ಪರೀಕ್ಷೆಗಳಿಲ್ಲದ ಒಂದು ಶಿಕ್ಷಣ ರೆಪೊಸಿಟರಿ +- ಕೈಯಿಂದ ಪರೀಕ್ಷೆ ಕೆಳಕಂಡ ಮೇಲೆ ಗಮನಹರಿಸುತ್ತದೆ: + - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ದೋಷರಹಿತವಾಗಿ ಚಾಲನೆಯಲ್ಲಿರಬೇಕು + - ಡಾಕ್ಯುಮೆಂಟೇಶನ್‌ನ ಲಿಂಕ್‌ಗಳು ಸರಿಯಾಗಿರಬೇಕು + - ಪ್ರಾಜೆಕ್ಟ್ ಬಿಲ್ಡ್ಗಳು ಯಶಸ್ವಿಯಾಗಿ ಪೂರ್ಣಗೊಳ್ಳಬೇಕು + - ಉದಾಹರಣೆಗಳು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು -### Pre-submission Checks +### ಸಲ್ಲಿಸುವ ಮೊದಲು ಪರಿಶೀಲನೆ -- package.json ಇರುವ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ಓಡಿಸಿ -- ಮಾರ್ಕ್‌ಡೌನ್ಗಳ ಲಿಂಕ್‌ಗಳನ್ನು ಮಾನ್ಯವೋ ಎಂದು ಪರಿಶೀಲಿಸಿ +- package.json ಇರುವ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ +- ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕ್‌ಗಳು ಮಾನ್ಯವೋ ಎಂದು ಪರಿಶೀಲಿಸಿ - ಬ್ರೌಸರ್ ಅಥವಾ Node.js ನಲ್ಲಿ ಕೋಡ್ ಉದಾಹರಣೆಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ -- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆಯನ್ನು ಹೊಂದಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ +- ಅನುವಾದಗಳು ಸರಿಯಾದ ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತವೆಯೋ ಎಂದು ಪರಿಶೀಲಿಸಿ -## Code Style Guidelines +## ಕೋಡ್ ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು ### JavaScript -- ಆಧುನಿಕ ES6+语句 ಬಳಸಿ -- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ನೀಡಲಾದ ಮಾನದಂಡ ESLint ರೂಲ್ಸ್ ಅನುಸರಿಸಿ -- ಹೆಚ್ಚು ಸ್ಪಷ್ಟರಾಗಿ ವ್ಯಾರೀಬಲ್ಗಳು ಮತ್ತು ಫಂಕ್ಷನ್‌ಗಳು ಹೆಸರಿಸು -- ಕಲಿಕೆಗಾಗಿ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ -- ಸ್ಥಾಪಿತ ಆಗಿದ್ದಲ್ಲಿ Prettier ಬಳಸಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿ +- ನವೀನ ES6+ ವಾಕ್ಯ ರಚನೆ ಬಳಸಿ +- ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ನೀಡಲಾದ ESLint ನಿಯಮಗಳನ್ನು ಅನುಸರಿಸಿ +- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆಗೆ ಅರ್ಥಪೂರ್ಣ ಚರ ಮತ್ತು ಫಂಕ್ಷನ್ ಹೆಸರುಗಳನ್ನು ಬಳಸಿ +- ಕಲಿಯುವವರಿಗೆ ಕ್ಲೀರ್ ಮಾಡುವ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ +- Prettier ಅಳವಡಿಸಿರುವಲ್ಲಿ ಆಕಾರಣವನ್ನು ಅನುಸರಿಸಿ ### HTML/CSS -- ಸ್ಮ್ಯಾನ್ಟಿಕ್ HTML5 ಘಟಕಗಳು +- ಅರ್ಥಪೂರ್ಣ HTML5 ಅಂಶಗಳು - ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ ತತ್ವಗಳು -- ಸ್ಪಷ್ಟ ಕ್ಲಾಸ್ ಹೆಸರಿನ ನಿಯಮಗಳು -- CSS ತಂತ್ರಗಳನ್ನು ವಿವರಿಸುವ ಟಿಪ್ಪಣಿಗಳು +- ಸ್ಪಷ್ಟ ಶ್ರೇಣಿವರ್ಗೀಕರಣ ನಿಯಮಗಳು +- CSS ತಂತ್ರಗಳು ಕುರಿತು ಟಿಪ್ಪಣಿಗಳು ಕಲಿಯುವವರಿಗೆ ### Python - PEP 8 ಶೈಲಿ ಮಾರ್ಗಸೂಚಿಗಳು - ಸ್ಪಷ್ಟ, ಶೈಕ್ಷಣಿಕ ಕೋಡ್ ಉದಾಹರಣೆಗಳು -- ಕಲಿಕೆಗೆ ಸಹಾಯಕವಾಗಿದ್ದಲ್ಲಿ ಪ್ರಕಾರ ಸೂಚನೆಗಳು +- ಕಲಿಕ್‌ಗೆ ನೆರವಾಗುವ ಟೈಪ್ ಸಂದರ್ಶನೆಗಳು -### Markdown Documentation +### ಮಾರ್ಕ್‌ಡೌನ್ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ -- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹೈರಾರ್ಕಿ -- ಭಾಷಾ ಸ್ಪೆಸಿಫಿಕೇಶನ್‌ನೊಂದಿಗೆ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು -- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳ ಲಿಂಕ್‌ಗಳು -- `images/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಮತ್ತು ಚಿತ್ರಗಳು -- ಚಿತ್ರಗಳಿಗೆ ಪ್ರವೇಶಾಸುಲಭ್ಯತೆಗಾಗಿ Alt ಪಠ್ಯ +- ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಹಿರಾರ್ಚಿ +- ಭಾಷಾ ನಿರ್ದಿಷ್ಟ ಪದಗಳೊಂದಿಗೆ ಕೋಡ್ ಬ್ಲಾಕ್ಗಳು +- ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳಿಗೆ ಲಿಂಕ್‌ಗಳು +- ಚಿತ್ರಗಳು ಮತ್ತು ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ಗಳು `images/` ಡೈರೆಕ್ಟರಿಗಳಿಗೆ +- ಎಲ್ಲಾ ಚಿತ್ರಗಳಿಗೆ Alt ಪಠ್ಯವನ್ನು ಹಾಕಿ ಪ್ರವೇಶೀಯತೆಗಾಗಿ -### File Organization +### ಕಡತ ಸಂರಚನೆ -- ಪಾಠಗಳು ಕ್ರಮಾಂಕಿತ ಮರಗಳಾಗಿ (1-getting-started-lessons, 2-js-basics ಮುಂತಾದವು) -- ಪ್ರತಿ ಯೋಜನೆಗೆ `solution/` ಮತ್ತು ಬಹುಮಾನವಾಗಿ `start/` ಅಥವಾ `your-work/` ಡೈರೆಕ್ಟರಿಗಳು ಇರುತ್ತವೆ -- ಪಾಠ ವಿಶೇಷ `images/` ಫೋಲ್ಡರ್‌ಗಳಲ್ಲಿ ಚಿತ್ರಗಳು ಸಂಗ್ರಹವಾಗಿವೆ -- ಅನುವಾದಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ +- ಪಾಠಗಳಗಿನ ಕ್ರಮ ಸಂಖ್ಯೆ (1-getting-started-lessons, 2-js-basics, ಇತ್ಯಾದಿ) +- ಪ್ರತಿಯೊಂದು ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ `solution/` ಮತ್ತು ಬಹುಶಃ `start/` ಅಥವಾ `your-work/` ಡೈರೆಕ್ಟರಿಗಳು ಇವೆ +- ಚಿತ್ರಗಳು ಪಾಠ-ನಿಯೋಗಿತ `images/` ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇವೆ +- ಅನುವಾದಗಳು `translations/{language-code}/` ರಚನೆಯಲ್ಲಿ ಇವೆ -## Build and Deployment +## ನಿರ್ಮಾಣ ಮತ್ತು ನಿಯೋಜನೆ -### Quiz App Deployment (Azure Static Web Apps) +### Quiz App ನಿಯೋಜನೆ (Azure Static Web Apps) -quiz-app ಅನ್ನು Azure Static Web Apps ಎಡಬ್ಲಾಯ್ಮೆಂಟ್‌ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ: +quiz-app ಅನ್ನು Azure Static Web Apps ನಿಯೋಜನೆಗಾಗಿ ಸಂರಚಿಸಲಾಗಿದೆ: ```bash cd quiz-app -npm run build # dist/ ಫೋಲ್ಡರ್ ಅನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ -# ಮೆನ್ ಶಾಖೆಗೆ ಪುಷ್ ಮಾಡಿದಾಗ GitHub Actions ವರ್ಕ್‌ಫ್ಲೋ ಮೂಲಕ ನಿಯೋಜಿಸಲಾಗುತ್ತದೆ +npm run build # dist/ ಫೋಲ್ಡರನ್ನು ರಚಿಸುತ್ತದೆ +# ಮೆನ್‌ಗೆ ಪುಷ್ ಮಾಡುವಾಗ GitHub Actions ವರ್ಕ್‌ಫ್ಲೋ ಮೂಲಕ ಡಿಪ್ಲಾಯ್ ಮಾಡುತ್ತದೆ ``` -Azure Static Web Apps ರಚನೆ: -- **ಅಪ್ ಸ್ಥಳ**: `/quiz-app` -- **ଆಟ୍‌ପುಟ್ ಸ್ಥಳ**: `dist` -- **ಕಾರ್ಯಪ್ರವಾಹ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +Azure Static Web Apps ಸಂರಚನೆ: +- **ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಳ**: `/quiz-app` +- **ಔಟ್‌ಪುಟ್ ಸ್ಥಳ**: `dist` +- **ಕಾರ್ಯಪಟು**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### Documentation PDF Generation +### ಡಾಕ್ಯುಮೆಂಟೇಶನ್ PDF ರಚನೆ ```bash npm install # docsify-to-pdf ಅನ್ನು ಸ್ಥಾಪಿಸಿ -npm run convert # ಡಾಕ್ಸ್‌ನಿಂದ PDF ಸೃಷ್ಟಿಸಿ +npm run convert # ಡಾಕ್ಸ್‌ನಿಂದ PDF ರಚಿಸಿ ``` -### Docsify Documentation +### Docsify ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ```bash npm install -g docsify-cli # Docsify ಅನ್ನು ಜಾಗತಿಕವಾಗಿ ಸ್ಥಾಪಿಸಿ -docsify serve # localhost:3000 ನಲ್ಲಿ ಸರ್ವ್ ಮಾಡಿ +docsify serve # localhost:3000 ನಲ್ಲಿ ಸೇವೆ ಮಾಡಿ ``` -### Project-specific Builds +### ಪ್ರಾಜೆಕ್ಟ್-ನಿರ್ದಿಷ್ಟ ನಿರ್ಮಾಣಗಳು -ಪ್ರತಿ ಯೋಜನೆ ಡೈರೆಕ್ಟರಿಗೆ ಸ್ವಂತ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆ ಇರಬಹುದು: -- Vue ಯೋಜನೆಗಳು: `npm run build` ಬಿಡುಗಡೆಪೂರ್ವ ಬ್ಯುಂಡಲ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ -- ಸ್ಥಿರ ಯೋಜನೆಗಳು: ಯಾವುದೇ ನಿರ್ಮಾಣ ಹಂತವಿಲ್ಲದೆ ಕಡತಗಳನ್ನು ನೇರವಾಗಿ ಸೇವ್ ಮಾಡಲಾಗುತ್ತದೆ +ಪ್ರತಿಯೊಂದು ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗೆ ಅದರ ಸ್ವಂತ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆ ಇರಬಹುದು: +- Vue ಪ್ರಾಜೆಕ್ಟ್ಗಳು: `npm run build` ರನ್ ಮಾಡಿದರೆ ಪ್ರೊಡಕ್ಷನ್ ಬಂಡಲ್ ನಿರ್ಮಿಸುತ್ತದೆ +- ಸ್ಥಿರ (Static) ಪ್ರಾಜೆಕ್ಟ್ಗಳು: ಯಾವುದೇ ನಿರ್ಮಾಣ ಹಂತವಿಲ್ಲದೆ ಕಡತಗಳನ್ನು ನೇರವಾಗಿ ಸರ್ವ್ ಮಾಡುವುದು -## Pull Request Guidelines +## ಪುಲ್ ರಿಕ್ವೆಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳು -### Title Format +### ಶೀರ್ಷಿಕೆ ವಿನ್ಯಾಸ -ಬದಲಾವಣೆ ಪ್ರದೇಶವನ್ನು ಸೂಚಿಸುವ ಸ್ಪಷ್ಟ, ವಿವರವಾದ ಶೀರ್ಷಿಕೆ ಬಳಸಿ: -- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರ್ಪಡೆ` -- `[Lesson-3] terrarium ಯೋಜನೆಯಲ್ಲಿ ಟೈಪೋ ಸರಿಪಡಿಸಿ` -- `[Translation] ಪಾಠ 5ಗಾಗಿ ಸ್ಪಾನಿಷ್ ಅನುವಾದ ಸೇರ್ಪಡೆ` +ಬದಲಾವಣೆಯ ಕ್ಷೇತ್ರವನ್ನು ಸೂಚಿಸುವ ಸ್ಪಷ್ಟ, ವರ್ಣನಾತ್ಮಕ ಶೀರ್ಷಿಕೆಗಳನ್ನು ಬಳಸಿ: +- `[Quiz-app] ಪಾಠ X ಗೆ ಹೊಸ ಕ್ವಿಜ್ ಸೇರಿಸಿ` +- `[Lesson-3] ಟೆರಾರಿಯಂ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿನ ಟೈಪೋ ಸರಿಪಡಿಸಿ` +- `[Translation] ಪಾಠ 5ಕ್ಕೆ ಸ್ಪ್ಯಾನಿಷ್ ಅನುವಾದ ಸೇರಿಸಿ` - `[Docs] ಸೆಟ್‌ಅಪ್ ಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಿ` -### Required Checks +### ಅಗತ್ಯ ಪರಿಶೀಲನೆಗಳು -ಪಿಆರ್ ಸಲ್ಲಿಸುವ ಮೊದಲು: +PR ಸಲ್ಲಿಸುವ ಮೊದಲು: 1. **ಕೋಡ್ ಗುಣಮಟ್ಟ**: - - ಪ್ರಸ್ತುತ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ಓಡಿಸಿ - - ಲಿಂಟ್ ದೋಷಗಳು ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ + - ಸಂಬಂಧಿಸಿದ ಪ್ರಾಜೆಕ್ಟ್ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ `npm run lint` ರನ್ ಮಾಡಿ + - ಎಲ್ಲಾ ಲಿಂಟ್ ದೋಷಗಳು ಮತ್ತು ಎಚ್ಚರಿಕೆಗಳನ್ನು ಸರಿಪಡಿಸಿ -2. **ನಿರ್ಮಾಣ ಪರಿಶೀಲನೆ**: - - ಅಗತ್ಯವಿದ್ದರೆ `npm run build` ಓಡಿಸಿ - - ಯಾವುದೇ ನಿರ್ಮಾಣ ದೋಷಗಳಿಲ್ಲದಿರುವುದನ್ನು ಖಚಿತಪಡಿಸಿ +2. **ನಿರ್ಮಾಣ ಪ್ರಮಾಣೀಕರಣ**: + - ಅನ್ವಯಿಸಿದರೆ `npm run build` ರನ್ ಮಾಡಿ + - ಯಾವುದೇ ನಿರ್ಮಾಣ ದೋಷ ಇಲ್ಲದಿರಬೇಕು -3. **ಲಿಂಕ್ ಮಾನ್ಯತೆ**: +3. **ಲಿಂಕ್ ಮಾನ್ಯತೆ ದೃಢೀಕರಣ**: - ಎಲ್ಲಾ ಮಾರ್ಕ್‌ಡೌನ್ ಲಿಂಕ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ - - ಚಿತ್ರ ಉಲ್ಲೇಖಗಳು ಸರಿಯಾದವೋ ಎಂದು ಪರಿಶೀಲಿಸಿ + - ಚಿತ್ರ ಕೊಂಡಿಗಳನ್ನು ಪರಿಶೀಲಿಸಿ 4. **ವಿಷಯ ಪರಿಶೀಲನೆ**: - - ವ್ಯಾಕರಣ ಮತ್ತು ಬರಹದ ಸರಿಯಾಗಿ ಹೊಂದಿರುವುದನ್ನು ಪರಿಶೀಲಿಸಿ - - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿದ್ದು ಶೈಕ್ಷಣಿಕವಾಗಿರಲಿ - - ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ + - ವ್ಯಾಕರಣ ಮತ್ತು SPELLCHECK ಮಾಡಿ + - ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಸರಿಯಾಗಿವೆ ಮತ್ತು ಶಿಕ್ಷಣೋದ್ಯಶವಿರುವುದನ್ನು ಖಚಿತಪಡಿಸಿ + - ಅನುವಾದಗಳು ಮೂಲ ಅರ್ಥವನ್ನು ಕಾಯ್ದುಕೊಳ್ಳಲಿ -### Contribution Requirements +### ಕೊಡುಗೆ ಅವಶ್ಯಕತೆಗಳು -- ಮೈಕ್ರೋಸಾಫ್ಟ್ CLA ಒಪ್ಪಿಕೊಳ್ಳಿ (ಮೊದಲ PR ನಲ್ಲಿ ಸ್ವಯಂಚಾಲಿತ ಪರಿಶೀಲನೆ) -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನುಸರಿಸಿ -- ವಿವರವಾದ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು [CONTRIBUTING.md](./CONTRIBUTING.md) ನಲ್ಲಿ ಪಡಿ -- ಪ್ರಸ್ತಾವನೆ ವಿವರಣೆಯಲ್ಲಿ ಸಮಸ್ಯೆ ಸಂಖ್ಯೆಗಳ ಉಲ್ಲೇಖ ಮಾಡಿ (ಅದಕ್ಕಾಗಿಯೇ ಇದ್ದರೆ) +- ಮೈಕ್ರೋಸಾಫ್ಟ್ CLA ಗೆ ಒಪ್ಪಿಗೆಯಾದಿರಬೇಕು (ಮೊದಲ PR ಮೇಲೆ ಸ್ವಚಾಲಿತ ಪರಿಶೀಲನೆ) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ಅನ್ನು ಅನುಸರಿಸಬೇಕು +- ವಿವರವಾದ ಮಾರ್ಗಸೂಚಿಗಳಿಗಾಗಿ [CONTRIBUTING.md](./CONTRIBUTING.md) ನೋಡಿ +- ಸಾಧಾರಣ ಪ್ರಕರಣ ಸಂಖ್ಯೆಗಳನ್ನು PR ವಿವರಣೆಯಲ್ಲಿ ಉಲ್ಲೇಖಿಸಿ -### Review Process +### ವಿಮರ್ಶಾ ಪ್ರಕ್ರಿಯೆ -- PR ಗಳು ನಿರ್ವಹಕರು ಮತ್ತು ಸಮುದಾಯದವರು ಸಹ ಪರಿಶೀಲನೆ ಮಾಡುತ್ತಾರೆ -- ಶೈಕ್ಷಣಿಕ ಸ್ಪಷ್ಟತೆ ಪ್ರಧಾನ್ಯ -- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಬೇಕು -- ಅನುವಾದಗಳನ್ನು ಶುದ್ಧತೆ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕmerksamkeitಗಾಗಿ ಪರಿಶೀಲನೆ ಮಾಡಲಾಗುತ್ತದೆ +- PR ಗಳು ನಿರ್ದಿಷ್ಟ ಹಾಗೂ ಸಮುದಾಯದ ಸಹಯೋಗದಿಂದ ಪರಿಶೀಲನೆಗೊಂಡುತ್ತವೆ +- ಶಿಕ್ಷಣ ಸ್ಪಷ್ಟತೆ ಪ್ರತಿಯೊಂದಿಗೂ ಪ್ರಾಥಮ್ಯವುಳ್ಳದು +- ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಇತ್ತೀಚಿನ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳಂತೆ ಇರಬೇಕು +- ಅನುವಾದಗಳು ಖಚಿತತೆಯೊಂದಿಗೆ ಹಾಗೂ ಸಸ್ಕೃತಿಕ ಸೂಕ್ತತೆಯೊಂದಿಗೆ ಪರಿಶೀಲಿಸಲ್ಪಡುತ್ತವೆ -## Translation System +## ಅನುವಾದ ವ್ಯವಸ್ಥೆ -### Automated Translation +### ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ -- GitHub Actions ನೊಂದಿಗೆ co-op-translator ಕಾರ್ಯ ಪ್ರಾಬಲ್ಯ -- 50+ ಭಾಷೆಗಳಿಗೂ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ -- ಮೂಲ ಕಡತಗಳು ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ -- ಅನುವಾದಿತ ಕಡತಗಳು `translations/{language-code}/` ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ +- GitHub Actions ನೊಂದಿಗೆ co-op-translator ವರ್ಕ್‌ಫ್ಲೋ ಬಳಸುತ್ತದೆ +- 50+ ಭಾಷೆಗಳಾಗಲೀ ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದ +- ಮೂಲ ಫೈಲ್‌ಗಳಿವೆ ಮುಖ್ಯ ಡೈರೆಕ್ಟರಿಗಳಲ್ಲಿ +- ಅನುವಾದಿತ ಕಡತಗಳು `translations/{language-code}/` ನಲ್ಲಿ ಇವೆ -### Adding Manual Translation Improvements +### ಕೈಗಾರಿಕೆಯ ಅನುವಾದ ಸುಧಾರಣೆ ಸೇರಿಸುವುದು -1. `translations/{language-code}/` ನಲ್ಲಿ ಕಡತವನ್ನು ಕಂಡುಹಿಡಿ -2. ರಚನೆಯನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತಾ ಸುಧಾರಣೆ ಮಾಡಿ -3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಿ -4. ಸ್ಥಳೀಯ ಕ್ವಿಜ್ ವಿಷಯವನ್ನು ಪರೀಕ್ಷಿಸಿ +1. `translations/{language-code}/`ದಲ್ಲಿ ಕಡತವನ್ನು ಹುಡುಕಿ +2. ರಚನೆ ಕಾಯ್ದುಕೊಳ್ಳುತ್ತಾ ಸುಧಾರಣೆ ಮಾಡಿ +3. ಕೋಡ್ ಉದಾಹರಣೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುವುದನ್ನು ಖಚಿತಪಡಿಸಿ +4. ಸ್ಥಳೀಯ ಕ್ವಿಜ್ ವಿಷಯಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ -### Translation Metadata +### ಅನುವಾದ ಮೆಟಾಡೇಟಾ -ಅನುವಾದಿತ ಕಡತಗಳು ಮೆಟಾಡೇಟಾ ಶೀರ್ಷಿಕೆ ಹೊಂದಿರುತ್ತವೆ: +ಅನುವಾದಿತ ಕಡತಗಳು ಹೆಡರ್ ಡೇಟಾವನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ: ```markdown ``` -## Debugging and Troubleshooting +## ಡೀಬಗ್ಗಿಂಗ್ ಮತ್ತು ಸಮಸ್ಯೆಗಳ ಪರಿಹಾರ -### Common Issues +### ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಗಳು **Quiz app ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**: -- Node.js ಆವೃತ್ತಿ (v14+ ಶಿಫಾರಸು) -- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ಚಾಲನೆ ಮಾಡಿ -- ಪೋರ್ಟ್ ಸಂಗ್ರಹಣೆ (ಡೀಫಾಲ್್ಟ್: Vite ಪೋರ್ಟ್ 5173) ಪರಿಶೀಲಿಸಿ +- Node.js ಸಂಸ್ಕರಣೆ ಪರಿಶೀಲಿಸಿ (v14+ ಶಿಫಾರಸು) +- `node_modules` ಮತ್ತು `package-lock.json` ಅಳಿಸಿ, ಮತ್ತೆ `npm install` ಮಾಡಿ +- ಪೋರ್ಟ್ ಒತ್ತಡವನ್ನು ಪರಿಶೀಲಿಸಿ (ಡೀಫಾಲ್ಟ್: Vite ಪೋರ್ಟ್ 5173 ಬಳಸುತ್ತದೆ) **API ಸರ್ವರ್ ಪ್ರಾರಂಭವಾಗುತ್ತಿಲ್ಲ**: -- Node.js ಆವೃತ್ತಿ ಕನಿಷ್ಠ (node >=10) ಪರಿಶೀಲಿಸಿ -- ಪೋರ್ಟ್ ಬಳಕೆಯಲ್ಲಿದೆಯೇ ನೋಡಿ -- ಎಲ್ಲ ಅವಲಂಬನೆಗಳನ್ನು `npm install` ಮೂಲಕ ಇನ್ಸ್‌ಟಾಲ್ ಮಾಡಿ +- Node.js ಸಂಸ್ಕರಣೆಯು ಕನಿಷ್ಟ (node >=10) ಅಗತ್ಯವಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ +- ಪೋರ್ಟ್ ಈಗಾಗಲೇ ಬಳಸಲಾಗುತ್ತಿದೆಯೇ ಎಂದು ತಪಾಸಿಸಿ +- `npm install` ರನ್ ಮಾಡಿ ಎಲ್ಲಾ ಅವಲಂಬನೆಗಳು ಇರಬೇಕು **ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಲೋಡ್ ಆಗುತ್ತಿಲ್ಲ**: -- manifest.json ಸರಿಯಾಗಿ ರಚಿಸಲಾಗಿದೆ ಎಂದು ಪರಿಶೀಲಿಸಿ -- ಬ್ರೌಸರ್ ಕಾನ್ಸೋಲ್ ದೋಷಗಳನ್ನು ಪರಿಶೀಲಿಸಿ -- ಬ್ರೌಸರ್ ವಿಶೇಷ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನೆ ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ +- manifest.json ಸರಿಯಾಗಿ ರೂಪುಗೊಂಡಿದೆ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ +- ಬ್ರೌಸರ್ ಕಾನ್ಸೋಲ್‌ನಲ್ಲಿ ದೋಷಗಳಿಗಾಗಿ ತಪಾಸಣೆ ಮಾಡಿ +- ಬ್ರೌಸರ್ ಅಭಿಪ್ರೇತ ವಿಸ್ತರಣೆ ಸ್ಥಾಪನಾ ನಿರ್ದೇಶನಗಳನ್ನು ಅನುಸರಿಸಿ -**Python ಚಾಟ್ ಯೋಜನೆ ಸಮಸ್ಯೆಗಳು**: -- OpenAI ಪ್ಯಾಕೇಜ್ ಇನ್‌ಸ್ಟಾಲ್ ಆಗಿದೆಯೇ ನೋಡಿ: `pip install openai` -- GITHUB_TOKEN ಪರಿಸರ ವ್ಯತ್ಯಯ ಸರಿಯಾದಂತೆ ಹೊಂದಿದೆ ಎಂದು ದೃಢಪಡಿಸಿ -- GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ ಅನುವುಗಳನ್ನು ಪರಿಶೀಲಿಸಿ +**Python ಚಾಟ್ ಪ್ರಾಜೆಕ್ಟ್ ಸಮಸ್ಯೆಗಳು**: +- OpenAI ಪ್ಯಾಕೇಜ್ ಸ್ಥಾಪಿಸಲಾಗಿದೆಯೇ: `pip install openai` +- GITHUB_TOKEN ಪರಿಸರ ಚರ ಅನ್ನು ಹೊಂದಿರುವುದನ್ನು ಖಚಿತಪಡಿಸಿ +- GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ ಹಕ್ಕುಗಳನ್ನು ಪರಿಶೀಲಿಸಿ -**Docsify ಡಾಕ್ಯುಮೆಂಟ್ ಪೂರೈಸುತ್ತಿಲ್ಲ**: -- docsify-cli ಅನ್ನು ಗ್ಲೋಬಲ್ ಆಗಿ ಇನ್ಸ್‌ಟಾಲ್ ಮಾಡಿ: `npm install -g docsify-cli` -- ಸಂಗ್ರಹಾಲಯದ ರೂಟ್ ಡೈರೆಕ್ಟರಿಯಿಂದ ಚಾಲನೆ ಮಾಡಿ -- `docs/_sidebar.md` ಉಳಿದಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿ +**Docsify ಡಾಕ್ಸ್ ಸರ್ವ್ ಆಗುತ್ತಿಲ್ಲ**: +- docsify-cli ಅನ್ನು ಗ್ಲೋಬಲಿ ಸ್ಥಾಪಿಸಿ: `npm install -g docsify-cli` +- ರೆಪೊ ರುಟ್ ಡೈರೆಕ್ಟರಿಯಿಂದ ರನ್ ಮಾಡಿ +- `docs/_sidebar.md` ಅಸ್ತಿತ್ವವಿದೆ ಎಂದು ತಪಾಸಿಸಿ -### Development Environment Tips +### ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಲಹೆಗಳು -- VS Code ನೊಂದಿಗೆ HTML ಯೋಜನೆಗಳಿಗೆ Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ -- ಏರ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸಿದ್ದಪಡಿಸಿ -- ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡಿಬಗ್ಗಿಂಗ್‌ಗೆ ಬ್ರೌಸರ್ ಡೆವ್‌ಟೂಲ್‌ಗಳನ್ನು ಬಳಸಿ -- Vue ಯೋಜನೆಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ +- HTML ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೆ VS Code Live Server ವಿಸ್ತರಣೆ ಬಳಸಿ +- ನಿರಂತರ ರೂಪಕ್ಕೆ ESLint ಮತ್ತು Prettier ವಿಸ್ತರಣೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿ +- JavaScript ಡೀಬಗ್ಗಿಂಗ್‌ಗಾಗಿ ಬ್ರೌಸರ್ ಡೆವ್‌ಟೂಲ್‌ಗಳನ್ನು ಬಳಸಿ +- Vue ಪ್ರಾಜೆಕ್ಟ್ಗಳಿಗೆ Vue DevTools ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಸ್ಥಾಪಿಸಿ -### Performance Considerations +### ಕಾರ್ಯಕ್ಷಮತೆ ಪರಿಗಣನೆಗಳು -- ಅನುವಾದಿತ ಕಡತಗಳ ಸಂಖ್ಯೆ ದೊಡ್ಡದು (50+ ಭಾಷೆಗಳು) ಹೀಗಾಗಿ ಸಂಪೂರ್ಣ ಕ್ಲೋನ್ ಗಾತ್ರ ದೊಡ್ಡದು -- ವಿಷಯದ ಮೇಲೆಯೇ ಕೆಲಸ ಮಾಡಿದರೆ ಶಾಲೋ ಕ್ಲೋನ್ ಬಳಸಿ: `git clone --depth 1` +- ಅನುವಾದಿತ ಕಡತಗಳ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯು (50+ ಭಾಷೆಗಳು) ಸಂಪೂರ್ಣ ಕ್ಲೋನ್‌ಗಳನ್ನು ದೊಡ್ಡದಾಗಿಸಲು ಕಾರಣವಾಗುತ್ತದೆ +- නම් ಮಾತ್ರ ವಿಷಯದ ಮೇಲೆ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದರೆ ಕಡಿಮೆ ಆಳದ ಕ್ಲೋನ್ ಮಾಡಿ: `git clone --depth 1` - ಇಂಗ್ಲಿಷ್ ವಿಷಯದ ಮೇಲೆ ಕೆಲಸ ಮಾಡುವಾಗ ಅನುವಾದಗಳನ್ನು ಹುಡುಕಾಟದಿಂದ ಹೊರತುಪಡಿಸಿ -- ಮೊದಲ ಬಾರಿಗೆ npm install, Vite ನಿರ್ಮಾಣ ತಡವಾಗಬಹುದು +- ಮೊದಲ ಬಾರಿಗೆ ನಿರ್ಮಾಣ ಪ್ರಕ್ರಿಯೆಗಳು ನಿಧಾನವಾಗಬಹುದು (npm install, Vite build) -## Security Considerations +## ಭದ್ರತಾ ಪರಿಗಣನೆಗಳು -### Environment Variables +### ಪರಿಸರ ಚರಗಳು -- API ಕೀಗಳು ಎಂದಿಗೂ ಸಂಗ್ರಹಾಲಯಕ್ಕೆ ಕಮಿಟ್ ಮಾಡಬೇಡಿ -- `.env` ಕಡತಗಳ ಬಳಕೆ (ಇವುಗಳು `.gitignore`ನಲ್ಲಿ ಸೇರಿವೆ) -- ಅಗತ್ಯ ಪರಿಸರ ವ್ಯತ್ಯಾಯಗಳನ್ನು ಪ್ರಾಜೆಕ್ಟ್ README ಗಳಲ್ಲಿ ದಾಖಲೆ ಮಾಡಿರಿ +- API ಕೀಗಳನ್ನು ರೆಪೊಸಿಟರಿಯಲ್ಲಿ ಎಂದಿಗೂ ಸಲಹೆಯಾಗಬಾರದು +- `.env` ಫೈಲ್‌ಗಳನ್ನು ಬಳಸಿ (ಈವು `.gitignore` ನಲ್ಲಿ ಸೇರಿವೆ) +- ಅಗತ್ಯ ಪರಿಸರ ಚರಗಳನ್ನು ಪ್ರಾಜೆಕ್ಟ್ README ಗಳಲ್ಲಿ ದಾಖಲಿಸಿ -### Python Projects +### Python ಪ್ರಾಜೆಕ್ಟ್ಗಳು -- ವರ್ಚುವಲ್ ಪರಿಸರಗಳನ್ನು ಬಳಸಿ: `python -m venv venv` +- ವರ್ಚುವಲ್ ಎನ್ವಾಯರನ್ಮೆಂಟ್‌ಗಳನ್ನು ಬಳಸಿ: `python -m venv venv` - ಅವಲಂಬನೆಗಳನ್ನು ನವೀಕರಿಸಿ -- GitHub ಟೋಕನ್‌ಗಳಿಗೆ ಕನಿಷ್ಠ ಅಗತ್ಯ ಅನುಮತಿಗಳು ಇರಲಿ +- GitHub ಟೋಕನ್‌ಗಳು ಕನಿಷ್ಠ ಅಗತ್ಯ ಅನುವಾದಗಳನ್ನು ಹೊಂದಿರಬೇಕು -### GitHub Models Access +### GitHub ಮಾದರಿಗಳ ಪ್ರವೇಶ - GitHub ಮಾದರಿಗಳಿಗೆ ವೈಯಕ್ತಿಕ ಪ್ರವೇಶ ಟೋಕನ್‌ಗಳು (PAT) ಅಗತ್ಯ -- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ವ್ಯತ್ಯಾಯಗಳಾಗಿ ಸಂರಕ್ಷಿಸಿ -- ಟೋಕನ್‌ಗಳು ಅಥವಾ ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಎಲ್ಲವೇಳೆ ಕಮಿಟ್ ಮಾಡಬೇಡಿ +- ಟೋಕನ್‌ಗಳನ್ನು ಪರಿಸರ ಚರಗಳಾಗಿ ಸಂಗ್ರಹಿಸಿ +- ಟೋಕನ್ ಅಥವಾ ಸಾಂದರ್ಭಿಕತೆಗಳನ್ನು ಎಂದಿಗೂ ದಾಖಲಿಸಬಾರದು -## Additional Notes +## ಹೆಚ್ಚುವರಿ ಟಿಪ್ಪಣಿಗಳು -### Target Audience +### ಗುರಿ ಪ್ರೇಕ್ಷಕರು -- ವೆಬ್ ಅಭಿವೃದ್ಧಿಗೆ ಸಂಪೂರ್ಣ ಆರಂಭಿಕರು -- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂ ಅಧ್ಯಯನಕಾರರು -- ತರಗತಿಗಳಲ್ಲಿ ಪಾಠ್ಯಕ್ರಮ ಬಳ 사용하는 ಶಿಕ್ಷಕರು -- ಪ್ರವೇಶಮಾರ್ಗ ಮತ್ತು ಹಂತ ಹಂತದ ಕೌಶಲ್ಯವನ್ನು ಗಮನದಲ್ಲಿಡುತ್ತಿದ್ದ ವಿಷಯ +- ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಪೂರ್ಣական ಪ್ರಾರಂಭಿಕರು +- ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಸ್ವಯಂಶಿಕ್ಷಕರು +- ತರಗತಿ ಸ್ಥಳದಲ್ಲಿ ಕಾರ್ಯಕ್ರಮವನ್ನು ಬಳಸುವ ಶಿಕ್ಷಕರು +- ವಿಷಯ ಪ್ರವೇಶযোগ্যತೆ ಮತ್ತು ಕ್ರಮೇಣ ಕೌಶಲ್ಯ ಅಭಿವೃದ್ಧಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ -### Educational Philosophy +### ಶೈಕ್ಷಣಿಕ ತತ್ವಶಾಸ್ತ್ರ -- ಯೋಜನೆ ಆಧಾರಿತ ಕಲಿಕೆ ವಿಧಾನ -- ಹಗುರಾದ ಜ್ಞಾನ ಪರೀಕ್ಷೆಗಳು (ಕ್ವಿಜುಗಳು) -- ಕಾರ್ಯಾಚರಣೆಯಾದ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು -- ನೈಜ ಜಗತ್ತಿನ ಅನ್ವಯ ಉದಾಹರಣೆಗಳು -- ಫ್ರೆಮ್ವರ್ಕ್‌ಗಳ ಮುಂಚಿತವಾಗಿ ಮೂಲಭೂತ ವಿಷಯಗಳ ಮೇಲೆ ಗಮನ +- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಕಲಿಕಾ ದೃಷ್ಟಿಕೋನ +- ನಿಯಮಿತ ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು (ಕ್ವಿಜ್‌ಗಳು) +- ಕೈಗಾರಿಕ ಮೂಲದ ಕೋಡಿಂಗ್ ಅಭ್ಯಾಸಗಳು +- ವಾಸ್ತವ ಜಗತ್ತಿನ ಅನ್ವಯಿಕೆ ಉದಾಹರಣೆಗಳು +- ಫ್ರೇಮ್ವರ್ಕ್‌ಗಳ ಮುಂಚೆ ಮೂಲತತ್ತ್ವಗಳ ಮೇಲೆ ಗಮನ -### Repository Maintenance +### ರೆಪೊಸಿಟರಿ ನಿರ್ವಹಣೆ -- ಕಲಿಕಾರರು ಮತ್ತು ಕೊಡುಗೆದಾರರ ಸಕ್ರಿಯ ಸಮುದಾಯ -- ಅವಲಂಬನೆಗಳು ಮತ್ತು ವಿಷಯ ಸಾಮಗ್ರಿಗಳ ನಿಯಮಿತ ನವೀಕರಣ -- ನಿರ್ವಹಕರಿಂದ ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳು ಮೇಲ್ವಿಚಾರಣೆ -- GitHub Actions ಮೂಲಕ ಅನುವಾದ ನವೀಕರಣ ಸ್ವಯಂಚಾಲಿತ +- ಶ್ರಮಶೀಲ ಕಲಿಯುವ ಹಾಗೂ ಕೊಡುಗೆದಾರರ ಸಮುದಾಯ +- ನಿರಂತರವಾಗಿ ಅವಲಂಬನೆಗಳು ಮತ್ತು ವಿಷಯಕ್ಕೆ ಅಪ್ಡೇಟ್ಗಳು +- ನಿರ್ವಹಕರಿಂದ ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಚರ್ಚೆಗಳ ಮೇಲ್ವಿಚಾರಣೆ +- GitHub Actions ಮೂಲಕ ಅನುವಾದ ಸ್ವಯಂಚಾಲಿತ ನವೀಕರಣಗಳು -### Related Resources +### ಸಂಬಂಧಿತ ಸಂಪನ್ಮೂಲಗಳು -- [Microsoft Learn modules](https://docs.microsoft.com/learn/) -- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ಶಿಫಾರಸು ಶೈಕ್ಷಣಿಕರಿಗೆ -- ಹೆಚ್ಚಿನ ಕೋರ್ಸ್‌ಗಳು: ಜನರೇಟಿವ್ AI, ಡೇಟಾ ಸಾಯನ್ಸ್, ML, IoT ಪಾಠ್ಯಕ್ರಮಗಳು ಲಭ್ಯ +- [Microsoft Learn ಘಟಕಗಳು](https://docs.microsoft.com/learn/) +- [ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಸಂಪನ್ಮೂಲಗಳು](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) ಕಲಿಯುವವರಿಗೆ ಶಿಫಾರಸು +- ಹೆಚ್ಚುವರಿ ಕೋರ್ಸ್‌ಗಳು: ಜನನಾತ್ಮಕ AI, ಡೇಟಾ ಸೈನ್ಸ್, ML, IoT ಕೋರ್ಸ್‌ಗಳು ಲಭ್ಯ -### Working with Specific Projects +### ವಿಶೇಷ ಪ್ರಾಜೆಕ್ಟ್ಗಳೊಂದಿಗೆ ಕೆಲಸ -ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳ ವಿವರವಾದ ಸೂಚನೆಗಳಿಗೆ ಓದಿ: +ವೈಯಕ್ತಿಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ವಿವರ ಸೂಚನೆಗಳಿಗಾಗಿ README ಕಡತಗಳನ್ನು ನೋಡಿ: - `quiz-app/README.md` - Vue 3 ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ -- `7-bank-project/README.md` - ಪ್ರಾಮಾಣೀಕರಣ ಹೊಂದಿದ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ +- `7-bank-project/README.md` - ಪ್ರಾಮಾಣೀಕತೆ ಜೊತೆಗೆ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ - `5-browser-extension/README.md` - ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಅಭಿವೃದ್ಧಿ -- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ -- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಯೋಜನೆ +- `6-space-game/README.md` - ಕ್ಯಾನ್ವಾಸ್ ಆಧಾರಿತ ಗೇಮ್ ಬೆಳವಣಿಗೆ +- `9-chat-project/README.md` - AI ಚಾಟ್ ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ -### Monorepo Structure +### ಮೊನೊರೆಪೋ ರಚನೆ -ಪ್ರಚಲಿತ ಮಾನೊರೆಪೊ ಅಲ್ಲ, ಆದರೆ ಈ ಸಂಗ್ರಹದಲ್ಲಿ ಹಲವಾರು ಸ್ವತಂತ್ರ ಯೋಜನೆಗಳಿವೆ: -- ಪ್ರತಿ ಪಾಠ ಸ್ವತಂತ್ರವಾಗಿದೆ -- ಯೋಜನೆಗಳು ಅವಲಂಭನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುತ್ತವೆಯೆಂದು ಇಲ್ಲ -- ಇತರರಿಗೆ ವ್ಯತ್ಯಾಸವೇ ಇಲ್ಲದೆ ವೈಯಕ್ತಿಕ ಯೋಜನೆಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡಿ -- ಸಂಪೂರ್ಣ ಪಾಠ್ಯಕ್ರಮ ಅನುಭವಕ್ಕಾಗಿ ಪೂರ್ಣ ಸಂಗ್ರಹ ಹಿಂಡಿಸಿ ಇಂದು ಪಡೆಯಿರಿ +ಆದರೆ ಪರಂಪರাগত ಮೊನೊರೆಪೋ ಅಲ್ಲದೆ, ಈ ರೆಪೊಸಿಟರಿ ಅನೇಕ ಸ್ವತಂತ್ರ ಪ್ರಾಜೆಕ್ಟ್ಗಳನ್ನೊಳಗೊಂಡಿದೆ: +- ಪ್ರತಿ ಪಾಠವು ಸ್ವತಂತ್ರವಾಗಿದೆ +- ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಅವಲಂಬನೆಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ +- ಪ್ರತ್ಯೇಕ ಪ್ರಾಜೆಕ್ಟ್ಗಳ ಮೇಲೆ ಕೆಲಸಮಾಡಿ, ಇತರ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಸ್ಪರ್ಶಿಸಬೇಡಿ +- ಪೂರ್ಣ ಶಿಕ್ಷಣ ಅನುಭವಕ್ಕಾಗಿ ಸಂಪೂರ್ಣ ರೆಪೊ ಕ್ಲೋನ್ ಮಾಡಿ --- -**ತಿರಸ್ಕರಣೆ**: -ಈ ದಸ್ತಾವೇಜನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಭಾಷಾಂತರಿಸಲಾಗಿದೆ. ನಾವು ದೃಢತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸರೆವುಗಳು ಇರಬಹುದು ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ದಸ್ತಾವೇಜನ್ನು ಅಧಿಕೃತ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಬೇಕಾಗಿದೆ. ಮಹತ್ವದ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪುಬರುವುಗಳು ಅಥವಾ ದುರ್ಬೋಧನೆಗಾಗಿ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ. +**ತ್ಯಾಜ್ಯ ಸೂಚನೆ**: +ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುವುದರೊಂದಿಗೆ, ಸ್ವಯಂಚಾಲಿತ ಭಾಷಾಂತರಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿರುವ ಅಸಲು ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅಧಿಕಾರಿಗಾಗಿರುವ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಭಾಷಾಂತರವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರದಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮೈಮರಿಕತೆಗಳಿಗಾಗಿಯೂ ಅಥವಾ ತಪ್ಪು ಗಮನებისთვის ನಾವು ಹೊಣೆ ಹೊಳ್ಳಿ ಯಲ್ಲ. \ No newline at end of file diff --git a/translations/kn/README.md b/translations/kn/README.md index 5a33bca18..4f8aece83 100644 --- a/translations/kn/README.md +++ b/translations/kn/README.md @@ -2,7 +2,7 @@ [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) @@ -10,206 +10,218 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# ಆರಂಭಿಕರಿಗೆ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ - ಒಂದು ಪಠ್ಯಕ್ರಮ +# ಆರಂಭಿಕರಿಗಾಗಿ ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್ - ಒಂದು ಪಠ್ಯಕ್ರಮ -Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಂಪೂರ್ಣ ಪಠ್ಯಕ್ರಮದಿಂದ ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ಮೂಲಭೂತಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲೆಲ್ಲಾ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಸಿಎಸ್‌ಎಸ್ ಮತ್ತು HTML ಅನ್ನು ವೇಳೆ ಕೆಲಸದ ಯೋಜನೆಗಳ ಮೂಲಕ - ಟೆರಾರಿಯಮ್‌ಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಬಾಹ್ಯಾಕಾಶ ಆಟಗಳು - ಆಯ್ತು. ಕುಯಿಜ್‌ಗಳು, ಚರ್ಚೆಗಳು ಮತ್ತು ವಾಸ್ತವಿಕ ಕೆಲಸದ ಮೂಲಕ ತೊಡಗಿಸಿ. ನಿಮ್ಮ ಕೌಶಲ್ಯಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ವರ್ಗದ ಮೂಲಕ ваше ಜ್ಞಾನ ನಿಖರಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಯಾತ್ರೆಯನ್ನು ಇಂದೇ ಆರಂಭಿಸಿ! +Microsoft Cloud Advocates ಅವರ 12 ವಾರಗಳ ಸಮಗ್ರ ಕೋರ್ಸ್ ಮೂಲಕ ವೆಬ್ ಡೆವಲಪ್ಮೆಂಟ್‌ನ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಯಿರಿ. 24 ಪಾಠಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, CSS ಮತ್ತು HTML ಅನ್ನು ಟೆರೆರಿಯಂಗಳು, ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಸ್ಪೇಸ್ ಆಟಗಳಂತಹ ಕೈಯಲ್ಲಿ ಮಾಡುವ ಯೋಜನೆಗಳ ಮೂಲಕ ಆಳವಾಗಿ ಅನ್ವೇಷಿಸಲಾಗುತ್ತದೆ. ಪ್ರಶ್ನೋತ್ತರಗಳ, ಚರ್ಚೆಗಳ ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ಕಾರ್ಯಗಳು ಸಹ ಭಾಗವಹಿಸಿ. ನಿಮ್ಮ ನಿಪುಣತೆಗಳನ್ನು ವೃದ್ಧಿಸಿ ಮತ್ತು ನಮ್ಮ ಪರಿಣಾಮಕಾರಿ ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ ವಿಧಾನದಿಂದ ನುಡಿಗಾಣಿಕೆಯನ್ನು ಉತ್ತಮಗೊಳಿಸಿ. ನಿಮ್ಮ ಕೋಡಿಂಗ್ ಯಾತ್ರೆಯನ್ನು ಇಂದು ಪ್ರಾರಂಭಿಸಿ! Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ್ಳಿ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ಈ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸಲು ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: -1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord ಗೆ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಅನ್ಯ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4) +ಈ ಸಂಪನ್ಮೂಲಗಳ ಬಳಕೆಯನ್ನು ಪ್ರಾರಂಭಿಸಲು ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: +1. **ರೆಪೋಸ್‌ಟೋರಿ Fork ಮಾಡಿರಿ**: ಕ್ಲಿಕ್ ಮಾಡಿ [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **ರೆಪೋಸ್‌ಟೋರಿ ಕ್ಲೋನ್ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discord ನಲ್ಲಿ ಸೇರಿ ಮತ್ತು ತಜ್ಞರು ಮತ್ತು ಸಹ ಡೆವಲಪರ್‌ಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 ಬಹುಭಾಷಾ ಬೆಂಬಲ -#### GitHub ಕ್ರಿಯೆ ಮೂಲಕ ಬೆಂಬಲಿಸಲ್ಪಟ್ಟಿದೆ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾಕಾಲ ನವೀಕೃತ) +#### GitHub Action ಮೂಲಕ ಬೆಂಬಲಿತ (ಸ್ವಯಂಚಾಲಿತ ಮತ್ತು ಸದಾ تازه) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](./README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **ಸ್ಥಾನಿಕವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಲು ಇಚ್ಛಿಸುತ್ತೀರಾ?** - -> ಈ ರಿಪೊಸಿಟರಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಇದು ಡೌನ್ಲೋಡ್ ಗಾತ್ರವನ್ನು ತುಂಬಾ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳನ್ನು ಇಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ: +> **ಸ್ಥಳೀಯವಾಗಿ ಕ್ಲೋನ್ ಮಾಡಬೇಕೆಂದು ಇಚ್ಚಿಸುತ್ತೀರಾ?** +> +> ಈ ರೆಪೋಸ್‌ಟೋರಿ 50+ ಭಾಷಾ ಅನುವಾದಗಳನ್ನು ಒಳಗೊಂಡಿದ್ದು, ಇದು ಡೌನ್‌ಲೋಡ್ ಗಾತ್ರವನ್ನು ಗಣನೀಯವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನುವಾದಗಳಿಲ್ಲದೆ ಕ್ಲೋನ್ ಮಾಡಲು sparse checkout ಬಳಸಿ: +> +> **Bash / macOS / Linux:** > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` -> ಇದರಿಂದ ಈ ಕೋರ್ಸ್ ಅನ್ನು ಸಂಪೂರ್ಣ ಮಾಡಲು ಬೇಕಾದ ಎಲ್ಲಾ ವಸ್ತುಗಳು ತುಂಬಾ ವೇಗವಾಗಿ ಲಭ್ಯವಾಗುತ್ತವೆ. +> +> **CMD (Windows):** +> ```cmd +> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git +> cd Web-Dev-For-Beginners +> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" +> ``` +> +> ಇದರಿಂದ ನೀವು ಕೋರ್ಸ್‌ವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ವಸ್ತುಗಳನ್ನು Much ವೇಗವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು. -**ಹೆಚ್ಚಿನ ಅನುವಾದ ಭಾಷೆಗಳು ಬೆಂಬಲಿಸಲು ನೀವು ಬಯಸಿದರೆ ಅವು [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ಪಟ್ಟಿಯನ್ನು ಕಾಣಬಹುದು** +**ನೀವು ಹೆಚ್ಚುವರಿ ಅನುವಾದ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಬಯಸಿದರೆ ಅವುಗಳನ್ನು ಇಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ [ಇಲ್ಲಿ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) -#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯಾದೀರಾ?_ +#### 🧑‍🎓 _ನೀವು ವಿದ್ಯಾರ್ಥಿಯರೆ?_ -[**Student Hub ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಭೇಟಿಕೊಳ್ಲಿರಿ ಇಲ್ಲಿ ನೀವು ಪ್ರಾಥಮಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಹಾಗೂ ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೌಚರ್ ಪಡೆದುಕೊಳ್ಳಲು ಮಾರ್ಗಗಳನ್ನು ಕಾಣುತ್ತೀರಿ. ಈ ಪುಟವನ್ನು ನಿಮ್ಮ ಬುಕ್ಮಾರ್ಕ್ ಮಾಡಿಕೊಳ್ಳಿ ಮತ್ತು ತಿಂಗಳಿಗೆ ವಿಷಯ ಬದಲಾಗುತ್ತಿದ್ದಂತೆ ಪರಿಶೀಲಿಸಿ. +[**ವಿದ್ಯಾರ್ಥಿ ಹಬ್ ಪುಟ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) ಗೆ ಭೇಟಿ ನೀಡಿ ಅಲ್ಲಿ ನೀವು ಆರಂಭಿಕ ಸಂಪನ್ಮೂಲಗಳು, ವಿದ್ಯಾರ್ಥಿ ಪ್ಯಾಕ್ಗಳು ಮತ್ತು ಉಚಿತ ಪ್ರಮಾಣಪತ್ರ ವೋಚರ್ ಪಡೆಯುವ ಮಾರ್ಗಗಳು ಕಂಡುಹಿಡಿಯಬಹುದು. ಇದು ನೀವು ನೋಟ್ ಮಾಡಿಕೊಳ್ಳಬೇಕಾದ ಪುಟ ಮತ್ತು ನಾವು ತಿಂಗಳಿಗೊಮ್ಮೆ ವಿಷಯಗಳನ್ನು ಪರಿವರ್ತಿಸುವುದರಿಂದ ಇದನ್ನು ನಿಯಮಿತವಾಗಿ ಪರಿಶೀಲಿಸುವುದು ಉತ್ತಮ. -### 📣 ಘೋಷಣೆ - GitHub Copilot Agent ಮೋಡ್ ನ ಹೊಸ ನಾವುಗಳು ಪೂರ್ಣಗೊಳಿಸಲು! +### 📣 ಘೋಷಣೆ - ಹೊಸ GitHub Copilot ಏಜೆಂಟ್ ಮೋಡ್ ಸವಾಲುಗಳನ್ನು ಪೂರೈಸಿ! -ಹೊಸ ನಾವು ಸೇರಿಸಲಾಗಿದೆ, ಬಹುತೇಕ ಅಧ್ಯಾಯಗಳಲ್ಲಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹುಡುಕಿ. ಇದು GitHub Copilot ಮತ್ತು Agent ಮೋಡ್ ಬಳಸಿಕೊಂಡು ನೀವು ಪೂರ್ಣಗೊಳಿಸಬೇಕಾದ ಹೊಸ ನಾವು. ನೀವು ಮೊದಲು Agent ಮೋಡ್ ಉಪಯೋಗಿಸಿರದಿದ್ದರೆ ಇದು ಕೇವಲ ಪಠ್ಯ ವಿನ್ಯಾಸ ಮಾಡದೇ, ಕಡತಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು, ಆಜ್ಞೆಗಳನ್ನು ಚಾಲನೆ ಮಾಡಲು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಲು ಸಾಮರ್ಥ್ಯವಿದೆ. +ಹೊಸ ಸವಾಲಾಗಿ "GitHub Copilot Agent Challenge 🚀" ಅನ್ನು ಹೆಚ್ಚಿನ ಅಧ್ಯಾಯಗಳಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ. ಇದು GitHub Copilot ಮತ್ತು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿ ಪೂರೈಸಬೇಕಾದ ಹೊಸ ಸವಾಲಾಗಿದೆ. ನೀವು ಮೊದಲು ಏಜೆಂಟ್ ಮೋಡ್ ಬಳಸಿರದಿದ್ದರೆ, ಇದು ಕೇವಲ ಪಠ್ಯವನ್ನು ತಯಾರಿಸುವಷ್ಟಷ್ಟೇ ಅಲ್ಲ; ಕಡತಗಳನ್ನು ರಚಿಸುವುದೂ, ಸಂಪಾದಿಸುವುದೂ, ಆಸ್ಥಿತ್ಬಂಧಾನದ ಆಜ್ಞೆಗಳನ್ನು ಅನ್ನು ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು. -### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AI ಬಳಸಿ ನಿರ್ಮಿಸಲು ಹೊಸ ಯೋಜನೆ_ +### 📣 ಘೋಷಣೆ - _Generative AI ಬಳಸಿ ನಿರ್ಮಿಸಲು ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್_ -ಹೊಸ AI ಸಹಾಯಕ ಯೋಜನೆ ಸೇರಿಸಲಾಗಿದೆ, ಪರಿಶೀಲಿಸಿ [ಯೋಜನೆ](./9-chat-project/README.md) +ಹೊಸ AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್ ಸದ್ಯದಲ್ಲೇ ಸೇರಿಸಲಾಗಿದೆ, ಅದನ್ನು ಪರಿಶೀಲಿಸಿ [project](./9-chat-project/README.md) -### 📣 ಘೋಷಣೆ - _ಜನರೇಟಿವ್ AIಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ ಬಿಡುಗಡೆಯಾಗಿದೆ +### 📣 ಘೋಷಣೆ - _JavaScript ಗಾಗಿ Generative AI ಬಗ್ಗೆ ಹೊಸ ಪಠ್ಯಕ್ರಮ_ ಬಿಡುಗಡೆಯಾಗಿದೆ -ನಮ್ಮ ಹೊಸ ಜನರೇಟಿವ್ AI ಪಠ್ಯಕ್ರಮವನ್ನು ತಪ್ಪಿಸಿಕೊಳ್ಳಬೇಡಿ! +ನಮ್ಮ ಹೊಸ Generative AI ಪಠ್ಯಕ್ರಮವನ್ನು ಮಿಸ್ ಮಾಡಿಕೊಳ್ಳಬೇಡಿ! -ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) +ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -![ಹಿನ್ನಲೆ](../../translated_images/kn/background.148a8d43afde5730.webp) +![Background](../../translated_images/kn/background.148a8d43afde5730.webp) - ಮೂಲಗಳಿಂದ RAG ವರೆಗೆ ಎಲ್ಲವನ್ನೂ ಒಳಗೊಂಡ ಪಾಠಗಳು. -- GenAI ಮತ್ತು ನಮ್ಮ ಸಂಗಾತಿ ಅಪ್ ಬಳಸಿ ಐತಿಹಾಸಿಕ ಪಾತ್ರಗಳೊಂದಿಗೆ ಸಂವಹನ ಮಾಡಿ. -- ಮನರಂಜನೆ ಮತ್ತು ಆಕರ್ಷಕ ಕಥಾನಕ, ನೀವು ಕಾಲ ಯಾತ್ರೆ ಮಾಡುತ್ತಿದ್ದೀರಿ! +- ಐತಿಹಾಸಿಕ ವ್ಯಕ್ತಿಗಳೊಂದಿಗೆ GenAI ಮತ್ತು ನಮ್ಮ ಸಹಚರ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸಿ ಸಂವಾದಿಸಿ. +- ಮನರಂಜನೆಯ ಕಥಾಸಾಗರ, ನೀವು ಕಾಲಪ್ರವಾಸ ಮಾಡುತ್ತಿದ್ದಾರೆ! -![પાત્ર](../../translated_images/kn/character.5c0dd8e067ffd693.webp) +![character](../../translated_images/kn/character.5c0dd8e067ffd693.webp) + + +ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಅನುಭವ, ಜ್ಞಾನ ಪರಿಶೀಲನೆ ಮತ್ತು ಸವಾಲು ಒಳಗೊಂಡಿದೆ, ಮತ್ತು ಕೆಳಗಿನ ವಿಷಯಗಳನ್ನು ಕಲಿಯಲು ಮಾರ್ಗದರ್ಶನ ಮಾಡುತ್ತದೆ: +- ಪ್ರಾಂಪ್ಟಿಂಗ್ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್ +- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ತಯಾರಿಕೆ +- ಶೋಧ ಅಪ್ಲಿಕೇಶನ್ಗಳು + +ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -ಪ್ರತಿ ಪಾಠದಲ್ಲಿ ಪೂರ್ಣಗೊಳಿಸಲು ಒಂದು ಕಾರ್ಯ, ಜ್ಞಾನ ಪರೀಕ್ಷೆ ಮತ್ತು ಸವಾಲು ಇದೆ,ದಲ್ಲಿ ಕಲಿಯುವ ವಿಷಯಗಳು: -- ಪ್ರಾಂಪ್ಟ್‌ಗಾಗಿ ಮತ್ತು ಪ್ರಾಂಪ್ಟ್ ಇಂಜಿನಿಯರಿಂಗ್ -- ಪಠ್ಯ ಮತ್ತು ಚಿತ್ರ ಅಪ್ಲಿಕೇಶನ್ ತಯಾರಿ -- ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ಗಳು -ಪ್ರಾರಂಭಿಸಲು ಭೇಟಿ ನೀಡಿ [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) ## 🌱 ಪ್ರಾರಂಭಿಸುವುದು -> **ಆಚಾರಕರು**, ನಾವು ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಬಳಸುವ ಕುರಿತು ಕೆಲವು ಸಲಹೆಗಳನ್ನು [ಸೇರಿಸಿದ್ದೇವೆ](for-teachers.md). ನಿಮ್ಮ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ನಾವು [ನಮ್ಮ ಚರ್ಚೆ ವೇದಿಕೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) ನಲ್ಲಿ ಆವश्यकತೆ ಇರುತ್ತದೆ! +> **ಶಿಕ್ಷಕರಿಗೆ**, ನಿಮ್ಮ ಅಭಿಪ್ರಾಯ ನೀಡಲು ನಾವು ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಹೇಗೆ ಬಳಸಬೇಕು ಎಂಬುದರ ಬಗ್ಗೆ ಕೆಲವು ಸಲಹೆಗಳನ್ನು [ಇಲ್ಲಿ](for-teachers.md) ಸೇರಿಸಿದ್ದೇವೆ. ನಮ್ಮ ಚರ್ಚಾ ವೇದಿಕೆಯಲ್ಲಿ ನಿಮ್ಮ ಅಭಿಪ್ರಾಯವನ್ನು ನಮಗೆ ತಿಳಿಸಿ [ಇಲ್ಲಿ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! -**[ಕಲಿಯುವವರು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ಪ್ರತಿ ಪಾಠಕ್ಕಾಗಿ, ಪ್ರಥಮವಾಗಿ ಪೂರ್ವ-ಪಾಠ ಕುಯಿಜ್ ಸಂಪರ್ಕಿಸಿ ನಂತರ ಪಾಠದ ವಸ್ತು ಓದಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ನಂತರದ ಪಾಠ ಕುಯಿಜ್ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆ ಪರಿಶೀಲಿಸಿ. +**[ಅಭ್ಯಾಸಿಗಳು](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** ಪ್ರತಿಯೊಂದು ಪಾಠಕ್ಕೂ, ಪೂರ್ವಾ-ಲೆಕ್ಚರ್ ಪ್ರಶ್ನೋತ್ತರದಿಂದ ಆರಂಭಿಸಿ, ನಂತರ ಪಾಠದ ವಸ್ತುವನ್ನು ಓದಿ, ವಿವಿಧ ಚಟುವಟಿಕೆಗಳನ್ನು ಪೂರ್ಣಗೊಳಿಸಿ ಮತ್ತು ಪಾಠೋತ್ತರ ಪ್ರಶ್ನೋತ್ತರದ ಮೂಲಕ ನಿಮ್ಮ ಅರ್ಥತೆಯನ್ನು ಪರಿಶೀಲಿಸಿರಿ. -ನಿಮ್ಮ ಕಲಿಕೆಯ ಅನುಭವವನ್ನು ಮತ್ತಷ್ಟು ಸುಧಾರಿಸಲು, ನಿಮ್ಮ ಸಹಪಾಠಿಗಳೊಂದಿಗೆ ಸಂಪರ್ಕಿಸಿ ಮತ್ತು ಯೋಜನೆಗಳ ಮೇಲೆ ಒಟ್ಟಾಗಿ ಕೆಲಸ ಮಾಡಿ! ಚರ್ಚೆಗಳು ನಮ್ಮ [ಚರ್ಚೆ ವೇದಿಕೆ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ನಲ್ಲಿ ಪ್ರೋತ್ಸಾಹಿಸಲಾಗುತ್ತವೆ, ಇಲ್ಲಿ ನಮ್ಮ ಮೊಡರೇಟರ್ ತಂಡ ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರ ಕೊಡಲು ದೊರೆಯುತ್ತದೆ. +ನಿಮ್ಮ ಅಧ್ಯಯನ ಅನುಭವವನ್ನು ಉತ್ತಮಗೊಳಿಸಲು, ಯೋಜನೆಗಳ ಮೇಲೆ ಜೊತೆಯಾಗಿ ಕೆಲಸ ಮಾಡಲು ನಿಮ್ಮ ಸಹಪಾಠಿಗಳೊಂದಿಗೆ ಸಂಪರ್ಕ ಕೊಂಡುಕೊಳ್ಳಿ! ಉತ್ಸಾಹಪೂರ್ವಕ ಚರ್ಚೆಗಳನ್ನು ನಮ್ಮ [ಚರ್ಚා ವೇದಿಕೆಯಲ್ಲಿ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ಪ್ರೋತ್ಸಾಹಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ನಮ್ಮ ಮಧ್ಯಸ್ಥರ ತಂಡ ನಿಮ್ಮ ಪ್ರಶ್ನೆಗಳಿಗೆ ಉತ್ತರಿಸಲು ಲಭ್ಯವಿರುತ್ತದೆ. -ನಿಮ್ಮ ವಿದ್ಯಾಭ್ಯಾಸವನ್ನು ಮುಂದುವರಿಸಲು, ನಾವು ಹೆಚ್ಚುವರಿ ಅಧ್ಯಯನ ಸಾಮಗ್ರಿಗಾಗಿ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ಅನಾವರಣ ಮಾಡಲು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. +ನಿಮ್ಮ ಶಿಕ್ಷಣವನ್ನು ಇನ್ನಷ್ಟು ಹಿಂಬಾಲಿಸಲು, ಹೆಚ್ಚುವರಿ ಅಧ್ಯಯನ ವಸ್ತುಗಳಿಗಾಗಿ [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ಪರಿಶೀಲಿಸುವಂತೆ ನಾವು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. -### 📋 ನಿಮ್ಮ ಅಭ್ಯಾಸ ಸೃಷ್ಟಿಸುವುದು +### 📋 ನಿಮ್ಮ ಪರಿಸರವನ್ನು ಸೆಟ್ ಮಾಡಲು -ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಿದ್ಧವಾಗಿದೆ! ಪ್ರಾರಂಭಿಸಿದಂತೆ ನೀವು ಕುಸಿತದಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮವನ್ನು [Codespace](https://github.com/features/codespaces/) (_ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಇನ್‌ಸ್ಟಾಲ್ ಅಗತ್ಯವಿಲ್ಲದ ವಾತಾವರಣ_) ನಲ್ಲಿ ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ನಂತಹ ಪಠ್ಯ ಸಂಪಾದಕ ಬಳಸಿ ಆಯ್ಕೆ ಮಾಡಬಹುದು. +ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಅಭಿವೃದ್ಧಿ ಪರಿಸರ ಸಿದ್ಧವಾಗಿದೆ! ನೀವು ಪ್ರಾರಂಭಿಸಿದಾಗ ನೀವು ಪಠ್ಯಕ್ರಮವನ್ನು [Codespace](https://github.com/features/codespaces/) ನಲ್ಲಿಮುಲವಾಗಿ (_ಬ್ರೌಸರ್ ಆಧಾರಿತ, ಯಾವುದೇ ಇನ್‌ಸ್ಟಾಲ್ ಅಗತ್ಯವಿಲ್ಲದ ಪರಿಸರ_) ಅಥವಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಮಾದರಿ ಟೈಪಿಂಗ್ ಸಂಪಾದಕ ಬಳಸಿ ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದು. -#### ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯನ್ನು ರಚಿಸಿ -ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರಿಪೊಸಿಟರಿಯು ನಿಮ್ಮ ಸ್ವಂತ ನಕಲನ್ನು ನಿರ್ಮಿಸುವುದನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮದ ನಕಲಿನೊಂದಿಗೆ ಹೊಸ ರಿಪೊಸಿಟರಿ ಸೃಷ್ಟಿಸಲು ಪುಟದ ಮೇಲ್ಭಾಗದ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. +#### ನಿಮ್ಮ ರೆಪೋಸ್‌ಟೋರಿಯನ್ನು ರಚಿಸಿ +ನಿಮ್ಮ ಕಾರ್ಯವನ್ನು ಸುಲಭವಾಗಿ ಉಳಿಸಲು, ಈ ರೆಪೋಸ್‌ಟೋರಿಯ ನಿಮ್ಮ ಸ್ವಂತ ಪ್ರತಿಯನ್ನು ಸೃಷ್ಟಿಸುವುದು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಇದಕ್ಕಾಗಿ ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಇರುವ **Use this template** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಇದು ನಿಮ್ಮ GitHub ಖಾತೆಯಲ್ಲಿ ಪಠ್ಯಕ್ರಮದ ಪ್ರತಿಯನ್ನು ಹೊಂದಿರುವ ಹೊಸ ರೆಪೋಸ್‌ಟೋರಿಯನ್ನು ರಚಿಸುತ್ತದೆ. -ಈ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ: -1. **ರಿಪೊಸಿಟರಿಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ**: ಈ ಪುಟದ ಮೇಲ್ದಡಿಯಲ್ಲಿ ಇರುವ "Fork" ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ. -2. **ರಿಪೊಸಿಟರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +ಕ್ರಿಯೆಗಳು: +1. **ರೆಪೋಸ್‌ಟೋರಿಯನ್ನು Fork ಮಾಡಿರಿ**: ಈ ಪುಟದ ಮೇಲೆ-ಬಲ ಭಾಗದಲ್ಲಿನ "Fork" ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. +2. **ರೆಪೋಸ್‌ಟೋರಿಯನ್ನು ಕ್ಲೋನ್ ಮಾಡಿರಿ**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಲಾಯಿಸುವುದು +#### Codespace ನಲ್ಲಿ ಪಠ್ಯಕ್ರಮ ಕಾರ್ಯಗತಗೊಳಿಸುವುದು -ನೀವು ರಚಿಸಿದ ಈ ರಿಪೊಸಿಟರಿಯ ನಕಲಿನಲ್ಲಿ, **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ನಂತರ **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ನಿಮ್ಮ ಕೆಲಸಕ್ಕೆ ಹೊಸ Codespace を ಸೃಷ್ಟಿಸುತ್ತದೆ. +ನೀವು ರಚಿಸಿದ್ದ ಈ ರೆಪೋಸಿಟರಿ ಪ್ರತಿಯಲ್ಲಿ **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ನಂತರ **Open with Codespaces** ಆಯ್ಕೆಮಾಡಿ. ಇದು ನಿಮಗೆ ಒಂದು ಹೊಸ Codespace ಅನ್ನು ರಚಿಸುತ್ತದೆ. ![Codespace](../../translated_images/kn/createcodespace.0238bbf4d7a8d955.webp) -#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮವನ್ನು ಚಲಾಯಿಸುವುದು - -ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಚಲಾಯಿಸಲು, ನಿಮಗೆ ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಕಮಾಂಡ್ ಲೈನ್ ಉಪಕರಣ ಬೇಕಾಗುತ್ತದೆ. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಪರಿಚಯ ಮತ್ತು ವ್ಯಾಪಾರದ ಉಪಕರಣಗಳು](../../1-getting-started-lessons/1-intro-to-programming-languages), ನಿಮ್ಮ ಅವಶ್ಯಕತೆಗಳಿಗೆ ಸರಿಯಾದ ಆಯ್ಕೆ ಮಾಡಲು ಆ ವಿವಿಧ ಆಯ್ಕೆಗಳನ್ನು ನಿಮಗೆ ಪರಿಚಯಿಸುತ್ತದೆ. +#### ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಸ್ಥಳೀಯವಾಗಿ ಪಠ್ಯಕ್ರಮ ಕಾರ್ಯಗತಗೊಳಿಸುವುದು -ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಅನ್ನು ಸಂಪಾದಕವಾಗಿ ಬಳಸುವುದಾಗಿದೆ, ಇದರಲ್ಲಿ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಅಂತರ್ನಿಹಿತವಿರುತ್ತದೆ. ನೀವು Visual Studio Code ಅನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು. +ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಈ ಪಠ್ಯಕ್ರಮವನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ನೀವು ಒಂದು ಪಠ್ಯ ಸಂಪಾದಕ, ಬ್ರೌಸರ್ ಮತ್ತು ಆಜ್ಞಾಪಂಕ್ತಿ ಉಪಕರಣ ಬೇಕು. ನಮ್ಮ ಮೊದಲ ಪಾಠ, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ಈ ಉಪಕರಣಗಳ ಯಶಸ್ವಿಯಾದ ಆಯ್ಕೆಗಳ ಬಗ್ಗೆ ನಿಮಗೆ ಮಾರ್ಗದರ್ಶನ ನೀಡುತ್ತದೆ. -1. ನಿಮ್ಮ ರಿಪೊಸಿಟರಿಯ ನಕಲನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲಿಸಬಹುದು: +ನಮ್ಮ ಶಿಫಾರಸು [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಬಳಕೆ ಮಾಡುವುದು. ಇದರಲ್ಲಿ ಒಳಗೊಂಡ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ಸೌಲಭ್ಯವೂ ಇದೆ. Visual Studio Code ಅನ್ನು [ಇಲ್ಲಿ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು. +1. ನಿಮ್ಮ ರೆಪೊಜಿಟೋರಿಯನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರಿಗೆ ಕ್ಲೋನ್ ಮಾಡಿ. ನೀವು ಇದನ್ನು **Code** ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ URL ನಕಲು ಮಾಡುವ ಮೂಲಕ ಮಾಡಬಹುದು: [CodeSpace](./images/createcodespace.png) -ಆಮೇಲೆ, [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 ಮೂಲಕ ಬದಲಿ ಮಾಡಿಕೊಳ್ಳಿ: + + ನಂತರ, [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 ನಿಂದ ಬದಲಿ ಮಾಡಿ: ```bash git clone ``` -2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಆಗು ತೆಗೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು. +2. Visual Studio Code ನಲ್ಲಿ ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯಿರಿ. ನೀವು ಇದನ್ನು **File** > **Open Folder** ಕ್ಲಿಕ್ ಮಾಡಿ ನೀವು ಈಗ ಕ್ಲೋನ್ ಮಾಡಿದ ಫೋಲ್ಡರ್ ಆಯ್ಕೆಮಾಡಿ ಮಾಡಬಹುದು. -> ಶಿಫಾರಸುಮಾಡಲಾದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು: +> ಶಿಫಾರಸು ಮಾಡಿದ Visual Studio Code ವಿಸ್ತರಣೆಗಳು: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳ ಪೂರ್ವದರ್ಶನಕ್ಕೆ -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code ಒಳಗಿನ HTML ಪುಟಗಳನ್ನು ಪೂರ್ವದರ್ಶನ ಮಾಡಲು +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - ನಿಮ್ಮ ಕೋಡ್ ವೇಗವಾಗಿ ಬರೆಯಲು ಸಹಾಯ ಮಾಡಲು -## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠದಲ್ಲಿ ಸೇರ್ಪಡೆಯಾಗಿರುವುದು: +## 📂 ಪ್ರತಿಯೊಂದು ಪಾಠವು ಒಳಗೊಂಡಿದೆ: -- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್‌ನೋಟ್ -- ಐಚ್ಛಿಕ ಪೂರಕ ವೀಡಿಯೋ -- ಪಾಠದ ಮುಂಚಿತ ಉರಿವೀಕ್ಷಣಾತ್ಮಕ ಕ್ವಿಜ್ -- ಬರೆಯಲ್ಪಟ್ಟ ಪಾಠ -- ಯೋಜನೆ ಆಧಾರಿತ ಪಾಠಗಳಿಗಾಗಿ, ಯೋಜನೆ ನಿರ್ಮಾಣದ ಕ್ರಮಬದ್ಧ ಮಾರ್ಗದರ್ಶಿಗಳು +- ಐಚ್ಛಿಕ ಸ್ಕೆಚ್ ನೋಟ್ +- ಐಚ್ಛಿಕ ಸಂಯೋಜಿತ ವೀಡಿಯೊ +- ಪಾಠಕ್ಕೆ ಮುಂಚಿತ ತಯಾರಿ ಕ್ವಿಜ್ +- ಬರೆದ ಪಾಠ +- ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಪಾಠಗಳಿಗೆ, ಪ್ರಾಜೆಕ್ಟ್ ನಿರ್ಮಾಣದ ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶನಗಳು - ಜ್ಞಾನ ಪರಿಶೀಲನೆಗಳು - ಒಂದು ಸವಾಲು -- ಪೂರಕ ಓದು -- ನಿಯೋಜನೆ +- ಸಂಯೋಜಿತ ಓದು +- ಅಸೈನ್ಮೆಂಟ್ - [ಪಾಠದ ನಂತರದ ಕ್ವಿಜ್](https://ff-quizzes.netlify.app/web/) -> **ಕ್ವಿಜ್‌ಗಳ ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್‌ಗಳು Quiz-app ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇರಲಿದೆ, ಒಟ್ಟು 48 ಕ್ವಿಜ್‌ಗಳು, ಪ್ರತಿ ಕ್ವಿಜ್‌ನಲ್ಲಿ ಮೂರು ಪ್ರಶ್ನೆಗಳಿವೆ. ಅವುಗಳನ್ನು ಇಲ್ಲಿ [ಎಲ್ಲಾ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ಚಾಲನೆ ಮಾಡಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್‌ನ ಸೂಚನೆ ಅನುಸರಿಸಿ. +> **ಕ್ವಿಜ್ ಗಳು ಬಗ್ಗೆ ಒಂದು ಟಿಪ್ಪಣಿ**: ಎಲ್ಲಾ ಕ್ವಿಜ್ ಗಳು Quiz-app ಫೋಲ್ಡರ್ ಒಳಗಿವೆ, ಪ್ರತಿ 3 ಪ್ರಶ್ನೆಗಳ 48 ಒಟ್ಟು ಕ್ವಿಜ್ ಗಳು. ಅವುಗಳನ್ನು [ಇಲ್ಲಿ](https://ff-quizzes.netlify.app/web/) ಲಭ್ಯವಿರುತ್ತವೆ; ಕ್ವಿಜ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಸ್ಥಳೀಯವಾಗಿ ನಡೆಸಬಹುದು ಅಥವಾ Azure ಗೆ ನಿಯೋಜಿಸಬಹುದು; `quiz-app` ಫೋಲ್ಡರ್ ಒಳಗಿನ ಸೂಚನೆಗಳು ಅನುಸರಿಸಿ. ## 🗃️ ಪಾಠಗಳು -| | ಯೋಜನೆಯ ಹೆಸರು | ಕಲಿಸಿದ ಅಂಶಗಳು | ಅಧ್ಯಯನ ಉದ್ದೇಶಗಳು | ಸಂಬಂಧಿಸಿದ ಪಾಠ | ರಚನೆಕಾರರು | -| :-: | :-------------------------------------------------------: | :------------------------------------------------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳ ಬಗ್ಗೆ ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಸಹಾಯ ಮಾಡುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮತ್ತು ಉಪಕರಣಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜಾಸ್ಮಿನ್ | -| 02 | ಪ್ರಾರಂಭಿಸುವುದು | ಗಿಥಬ್‌ನ ಮೂಲಭೂತಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಸೇರಿಸುತ್ತದೆ | ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ GitHub ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಕೋಡ್ ಬೇಸ್ ಮೇಲೆ ಇತರರೊಂದಿಗೆ ಸಹಕಾರ ಮಾಡುವುದು | [GitHub ಪ್ರಾರಂಭಿಕ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ | -| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶೋಪಯೋಗಿತ್ವ | ವೆಬ್ ಪ್ರವೇಶೋಪಯೋಗಿತ್ವದ ಮೂಲಭೂತಗಳು ಕಲಿಯಿರಿ | [ಪ್ರವೇಶೋಪಯೋಗಿತ್ವ ಮೂಲತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟೊಫರ್ | -| 04 | JS ಮೂಲಭೂತಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲಭೂತ ವಿವರಗಳು | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜಾಸ್ಮಿನ್ | -| 05 | JS ಮೂಲಭೂತಗಳು | ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಪ್ರವಾಹವನ್ನು ನಿರ್ವಹಿಸಲು ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಂಕ್ಷನ್‌ಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜಾಸ್ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೊಫರ್ | -| 06 | JS ಮೂಲಭೂತಗಳು | JS ಜೊತೆಗೆ ನಿರ್ಣಯಗಳನ್ನು ಮಾಡುವುದು | ನಿರ್ಣಯ-ಮಾದರಿ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡಲು](./2-js-basics/3-making-decisions/README.md) | ಜಾಸ್ಮಿನ್ | -| 07 | JS ಮೂಲಭೂತಗಳು | ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳೊಂದಿಗೆ ಡೇಟಾದೊಂದಿಗೆ ಕೆಲಸಮಾಡಿ | [ಅರೇಗಳು ಮತ್ತು ಲೂಪ್ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜಾಸ್ಮಿನ್ | -| 08 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | HTML ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು HTML ನಿರ್ಮಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ | -| 09 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | CSS ಅಭ್ಯಾಸದಲ್ಲಿ | ಆನ್ಲೈನ್ ಟೆರೇರಿಯಂ ರಚಿಸಲು CSS ರಚಿಸಿ, CSS ಮೂಲಭೂತಗಳನ್ನು ಒಳಗೊಂಡು ಪುಟ ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸಲು ಗಮನಕೊಡಿ | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ | -| 10 | [ಟೆರೇರಿಯಂ](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ | ಡ್ರಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಮೂಲಕ ಟೆರೇರಿಯಂ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿರ್ಮಿಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ನಿರ್ವಹಣೆಯ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್ ಗಳು, DOM ನಿರ್ವಹಣೆ](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ | -| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ಕೀಬೋರ್ಡ್ ಇವೆಂಟ್‌ಗಳ ಬಳಕೆಯಿಂದ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಮೊರೆಹೋಗುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಇವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟೊಫರ್ | -| 12 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರಿನ ಕಾರ್ಯವಿಧಾನ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಪ್ರಾರಂಭಿಕ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [ಬ್ರೌಸರಿನ ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ | -| 13 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಾಣ, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಲ್ಲಿಲ್ಲಿ ಚರಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದು | API ಅನ್ನು ಕರೆಯಲು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಸંગ્રಹಿತ ಚರಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ | [APIಗಳು, ಫಾರ್ಮ್ಗಳು, ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ | -| 14 | [ಹಸಿರು ಬ್ರೌಸರಿನ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರಿನ ಹಿನ್ನಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಅದನ್ನು ಉತ್ತಮಗೊಳಿಸುವ ಕೆಲವು ಉಪಾಯಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ | -| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಹೆಚ್ಚು ಉನ್ನತ ಆಟ ಅಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆಯನ್ನು ಬಳಸಿ ವಂಶಪಾರಂಪರ್ಯ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಕಲಿತು, ಆಟವನ್ನು ರಚಿಸಲು ಸಿದ್ಧತೆಯಾಗಿರಿ | [ಅತ್ಯಾಧುನಿಕ ಆಟ ಅಭಿವೃದ್ಧಿಗೆ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ | -| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್‌ವಾಸ್‌ಗೆ ಚಿತ್ರರಚನೆ | ಪರದೆಗೆ ಅಂಶಗಳನ್ನು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್‌ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್‌ವಾಸ್‌ಗೆ ಚಿತ್ರರಚನೆ](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ | -| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಸುತ್ತಲಿ ಅಂಶಗಳ ಚಲನೆ | ಕಾರ್ಟೀಸಿಯನ್ ನಿರ್ದೇಖನಗಳು ಮತ್ತು ಕ್ಯಾನ್‌ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳು ಹೇಗೆ ಚಲಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಸುತ್ತಲಿ ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ | -| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು | ಕೀಪ್ರೆಸ್ ಬಳಸಿಕೊಂಡು ಅಂಶಗಳನ್ನು ಘರ್ಷಣೆಯಲ್ಲಿ ಮೂಡಿಸಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಖಚಿತಪಡಿಸಲು ಶಿಶುಶೀತಲ ಕಾರ್ಯವಿಧಾನವನ್ನು ನೀಡಿರಿ | [ಘರ್ಷಣೆ ಪತ್ತೆಮಾಡುವುದು](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ | -| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕೆಗಳು ಸંગ્રಹಿಸುವುದು | ಆಟದ ಸ್ಥಿತಿಗತಿಯ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ಆಧಾರದ ಮೇಲೆ ಗಣಿತ ಹಿಸುಕುಗಳನ್ನು ನಿರ್ವಹಿಸಿ | [ಅಂಕೆಗಳನ್ನು ಕಾಪಾಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ | -| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ಅಂತ್ಯಗೊಳಿಸುವುದು ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವುದು | ಆಟದ ಅಂತ್ಯಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಪುನಃಪ್ರಾರಂಭಿಸುವಿಕೆ, ಆಸ್ತಿ ಸ್ವಚ್ಛಗೊಳಿಸುವುದು ಮತ್ತು ಚರ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವಿಕೆ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ | -| 21 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನೆಯಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗ ನಿರ್ವಹಣೆ ಮತ್ತು HTML ಟೆಂಪ್ಲೇಟುಗಳ ಬಳಕೆ ಮೂಲಕ ಬಹುಪುಟ ವೆಬ್‌ಸೈಟ್ معماري ಸೃಷ್ಟಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟುಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ | -| 22 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಪಟ್ಟಿ ಪರಿಶೀಲನೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು ಕುರಿತು ತಿಳಿದುಕೊಳ್ಳಿ | [ಫಾರ್ಮ್ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ | -| 23 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆದುಕೊಳ್ಳಲು ಮತ್ತು ಬಳಸಲು ವಿಧಾನಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ಡೇಟಾ ಹೇಗೆ ಪ್ರವಾಹಿಸುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆದುಕೊಳ್ಳುವುದು, ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ನಾಶಪಡಿಸುವುದು | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ | -| 24 | [ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆ ಪರಿಕಲ್ಪನೆಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನಿನಲ್ಲಿ ರಾಜ್ಯವನ್ನು ಹೇಗೆ ಕಾಯ್ದುಕೊಳ್ಳುವುದು ಮತ್ತು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಅದನ್ನು ನಿರ್ವಹಿಸುವುದು | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ | -| 25 | [ಬ್ರೌಸರ/VSಕೋಡ್ ಕೋಡ್](../../8-code-editor) | VSಕೋಡ್ ಜೊತೆಗೆ ಕೆಲಸ ಮಾಡುವುದು | ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ ಮಾಡುವ ವಿಧಾನ ಕಲಿಯಿರಿ| [VSಕೋಡ್ ಕೋಡ್ ಸಂಪಾದಕ ಬಳಕೆ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ | -| 26 | [AI ಸಹಾಯಕರ](./9-chat-project/README.md) | AI ಜೊತೆಗೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕ ಅನ್ನು ರಚಿಸುವ ವಿಧಾನ ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಯೋಜನೆ](./9-chat-project/README.md) | ಕ್ರಿಸ್ | +| | ಪ್ರಾಜೆಕ್ಟ್ ಹೆಸರು | ಕಲಿಕೆಗಳು ಕಲಿಸಲಾಗಿದೆ | ಕಲಿಕೆ ಗುರಿಗಳು | ಕೊಂಡಿ ಪಾಠ | ಲೇಖಕ | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಪರಿಚಯ ಮತ್ತು ವೃತ್ತಿಪರ ಸಾಧನಗಳು | ಬಹುತೇಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ವೃತ್ತಿಪರ ಡೆವಲಪರ್ ಗಳಿಗೆ ನೆರವಾಗುವ ಸಾಫ್ಟ್‌ವೇರ್ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳು ಮತ್ತು ಸಾಧನಗಳ ಪರಿಚಯ](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ಜೇಸ್‌ಮಿನ್ | +| 02 | ಪ್ರಾರಂಭಿಸುವುದು | GitHub ಮೂಲಗಳು, ತಂಡದೊಂದಿಗೆ ಕೆಲಸಮಾಡುವುದು | ಗಿಟ್‌ಹಬ್ ಅನ್ನು ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ ಹೇಗೆ ಬಳಸಿ, ಕೋಡ್ ಬೇಸ್ ನಲ್ಲಿ ಇತರರೊಂದಿಗೆ ಹೇಗೆ ಸಹಕರಿಸುವುದು | [GitHub ಪರಿಚಯ](./1-getting-started-lessons/2-github-basics/README.md) | ಫ್ಲೋರ್ | +| 03 | ಪ್ರಾರಂಭಿಸುವುದು | ಪ್ರವೇಶಾರ್ಹತೆ | ವೆಬ್ ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಪ್ರವೇಶಾರ್ಹತೆಯ ಮೂಲ ತತ್ವಗಳು](./1-getting-started-lessons/3-accessibility/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ | +| 04 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾ ಪ್ರಕಾರಗಳ ಮೂಲವೇದಿಕೆ | [ಡೇಟಾ ಪ್ರಕಾರಗಳು](./2-js-basics/1-data-types/README.md) | ಜೇಸ್‌ಮಿನ್ | +| 05 | JS ಮೂಲಗಳು | ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು | ಅಪ್ಲಿಕೇಶನ್ ಲಾಜಿಕ್ ಫ್ಲೋ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು](./2-js-basics/2-functions-methods/README.md) | ಜೇಸ್‌ಮಿನ್ ಮತ್ತು ಕ್ರಿಸ್ಟೋಫರ್ | +| 06 | JS ಮೂಲಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ನಿರ್ಣಯ ಮಾಡುವುದು | ನಿರ್ಣಯ ಮಾಡುವ ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಕೋಡ್‌ನಲ್ಲಿ ಶರತ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ನಿರ್ಣಯ ಮಾಡುವುದು](./2-js-basics/3-making-decisions/README.md) | ಜೇಸ್‌ಮಿನ್ | +| 07 | JS ಮೂಲಗಳು | ಅರೆಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳು | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೆಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾ ಕಾರ್ಯನಿರ್ವಹಿಸು | [ಅರೆಗಳು ಮತ್ತು ಲೂಪ್‌ಗಳು](./2-js-basics/4-arrays-loops/README.md) | ಜೇಸ್‌ಮಿನ್ | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ HTML | ಆನ್‌ಲೈನ್ ಟ್ರೇರಿಯಂ ನಿರ್ಮಿಸಲು HTML ರಚಿಸಿ, ವಿನ್ಯಾಸ ನಿರ್ಮಾಣದ ಮೇಲೆ ಗಮನಹರಿಸಿ | [HTML ಪರಿಚಯ](./3-terrarium/1-intro-to-html/README.md) | ಜೆನ್ | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | ವೈಬಾಹಾರಿಕ CSS | ಆನ್‌ಲೈನ್ ಟ್ರೆರಿಯಂ ಶೈಲಿ ಮಾಡಲು CSS ರಚಿಸಿ, ಪುಟವನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲವಾಗಿಸುವ ಆಧಾರಗತ ಸೂತ್ರಗಳ ಮೇಲೆ ಗಮನವಿಟ್ಟು | [CSS ಪರಿಚಯ](./3-terrarium/2-intro-to-css/README.md) | ಜೆನ್ | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್‌ಗಳು, DOM ಮಾನಿಪ್ಯುಲೇಶನ್ | ಟ್ರೆರಿಯಂ ಅನ್ನು ಡ್ರ್ಯಾಗ್/ಡ್ರಾಪ್ ಇಂಟರ್ಫೇಸ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ, ಕ್ಲೋಶರ್‌ಗಳು ಮತ್ತು DOM ಮಾನಿಪ್ಯುಲೇಶನ್ ಮೇಲೆ ಗಮನಹರಿಸಿ | [ಜਾਵಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಶರ್‌ಗಳು, DOM ಮಾನಿಪ್ಯುಲೇಶನ್](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ಜೆನ್ | +| 11 | [ಟೈಪಿಂಗ್ ಆಟ](./4-typing-game/solution/README.md) | ಟೈಪಿಂಗ್ ಆಟ ನಿರ್ಮಿಸಿ | ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಪ್ನ ಲಾಜಿಕ್ ಚಾಲನೆಗೆ ಕೀಲಿಬೋರ್ಡ್ ಈವೆಂಟ್‌ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು | [ಈವೆಂಟ್-ಚಾಲಿತ ಪ್ರೋಗ್ರಾಮಿಂಗ್](./4-typing-game/typing-game/README.md) | ಕ್ರಿಸ್ಟೋಫರ್ | +| 12 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್ ಜೊತೆಗೆ ಕೆಲಸ | ಬ್ರೌಸರ್ ಗಳು ಹೇಗೆ ಕೆಲಸಮಾಡುತ್ತವೆ, ಅವುಗಳ ಇತಿಹಾಸ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ ಮೊದಲಿನ ಅಂಶಗಳನ್ನು ಹೇಗೆ ರೂಪಿಸಬೇಕು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ಬ್ರೌಸರ್‌ಗಳು ಬಗ್ಗೆ](./5-browser-extension/1-about-browsers/README.md) | ಜೆನ್ | +| 13 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು, API ಕರೆ ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ ವ್ಯತ್ಯಯಗಳನ್ನು ಸೇವಿಸುವುದು | API ಕರೆ ಮಾಡಲಾಗುವ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂಶಗಳನ್ನು ನಿರ್ಮಿಸಿ, ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿರುವ ವ್ಯತ್ಯಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು | [API ಗಳು, ಫಾರ್ಮ್‌ಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ಜೆನ್ | +| 14 | [ಹಸಿರು ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ](./5-browser-extension/solution/README.md) | ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳು, ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ | ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ನಿರ್ವಹಣೆಗೆ ಬ್ರೌಸರ್‌ನ ಹಿನ್ನೆಲೆ ಪ್ರಕ್ರಿಯೆಗಳನ್ನು ಬಳಸಿರಿ; ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಕೆಲವು ಸುಧಾರಣೆಗಳು ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಹಿನ್ನೆಲೆ ಕಾರ್ಯಗಳು ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ](./5-browser-extension/3-background-tasks-and-performance/README.md) | ಜೆನ್ | +| 15 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಹೆಚ್ಚು ಪ್ರಗತಿಪರ ಆಟಾಭಿವೃದ್ಧಿ | ವರ್ಗಗಳು ಮತ್ತು ಸಂಯೋಜನೆ ಮತ್ತು Pub/Sub ಮಾದರಿಯನ್ನು ಬಳಸಿಕೊಂಡು ವಾರಸತ್ವದ ಬಗ್ಗೆ ಕಲಿಯಿರಿ, ಆಟ ನಿರ್ಮಾಣಕ್ಕೆ ಸಿದ್ಧತೆ | [ಅಧುನಿಕ ಆಟಾಭಿವೃದ್ಧಿ ಪರಿಚಯ](./6-space-game/1-introduction/README.md) | ಕ್ರಿಸ್ | +| 16 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಿಸುವುದು | ಪರದೆಗೆ ಆಬ್ಜೆಕ್ಟ್ ಗಳು ಚಿತ್ರಿಸಲು ಬಳಸುವ ಕ್ಯಾನ್ವಾಸ್ API ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಚಿತ್ರಿಸುವುದು](./6-space-game/2-drawing-to-canvas/README.md) | ಕ್ರಿಸ್ | +| 17 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಪರದೆ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸಲು | ಕಾರ್ಟೇಶಿಯನ್ ಸಂಯೋಜನೆಗಳು ಮತ್ತು ಕ್ಯಾನ್ವಾಸ್ API ಬಳಸಿ ಅಂಶಗಳ ಚಲనం ಹೇಗೆ ಆಗುತ್ತದೆ ಎಂಬುದನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ | [ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು](./6-space-game/3-moving-elements-around/README.md) | ಕ್ರಿಸ್ | +| 18 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಘರ್ಷಣೆ ಪತ್ತೆ | ಕೀಲಿಪಟದ ಬಳಕೆಯಿಂದ ಅಂಶಗಳು ಪರಸ್ಪರ ಘರ್ಷಣೆ ಮಾಡವೆಂದು ಮಾಡಿ ಮತ್ತು ಆಟದ ಕಾರ್ಯಕ್ಷಮತೆ ತುರ್ತು ವಿಶ್ರಾಂತಿಯನ್ನು ಒದಗಿಸುವ ಕಾರ್ಯವನ್ನು ನೀಡಿ | [ಘರ್ಷಣೆ ಪತ್ತೆ](./6-space-game/4-collision-detection/README.md) | ಕ್ರಿಸ್ | +| 19 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು | ಆಟದ ಸ್ಥಿತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಆಧಾರಿತ ಗಣಿತ ಲೆಕ್ಕಾಚಾರ ಮಾಡಿರಿ | [ಅಂಕಗಳನ್ನು ನೆನಪಿಡುವುದು](./6-space-game/5-keeping-score/README.md) | ಕ್ರಿಸ್ | +| 20 | [ಸ್ಪೇಸ್ ಆಟ](./6-space-game/solution/README.md) | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದು | ಆಟವನ್ನು ನಿಲ್ಲಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದನ್ನು, ಸಂಪತ್ತಿನ ಸ್ವಚ್ಛತೆ ಮತ್ತು ವ್ಯತ್ಯಯ ಮೌಲ್ಯಗಳನ್ನು ಮರುಹೊಂದಿಸುವುದನ್ನು ಕಲಿಯಿರಿ | [ಆಡುವುದಿನ ಅಂತಿಮ ಶರತ್ತು](./6-space-game/6-end-condition/README.md) | ಕ್ರಿಸ್ | +| 21 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು | ಮಾರ್ಗಸೂಚಿ ಹಾಗೂ HTML ಟೆಂಪ್ಲೇಟ್ಗಳನ್ನು ಉಪಯೋಗಿಸಿ ಬಹು-ಪುಟಗಳ ವೆಬ್ಸೈಟ್‌ನ ಸ್ಥಾಪನೆಯ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಕಲಿಯಿರಿ | [HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು](./7-bank-project/1-template-route/README.md) | ಯೋಹಾನ್ | +| 22 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಿಸಿ | ಫಾರ್ಮ್ ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಮಾನ್ಯತೆ ಕ್ರಮಗಳನ್ನು ನಿರ್ವಹಿಸುವುದರ ಬಗ್ಗೆ ಕಲಿಯಿರಿ | [ಫಾರ್ಮ್ ಗಳು](./7-bank-project/2-forms/README.md) | ಯೋಹಾನ್ | +| 23 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಬಳಸುವ ಕ್ರಮಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಡೇಟಾ ಹೇಗೆ ನುಗ್ಗುತ್ತದೆ ಮತ್ತು ಹೊರಟೆರುತ್ತದೆ, ಅದನ್ನು ಹೇಗೆ ಪಡೆಯುವದು, ಸಂಗ್ರಹಿಸುವದು ಮತ್ತು ತ್ಯಜಿಸುವದು ಎಂಬುದನ್ನು ಕಲೆಯಿರಿ | [ಡೇಟಾ](./7-bank-project/3-data/README.md) | ಯೋಹಾನ್ | +| 24 | [ಬ್ಯಾಂಕ್ ಅಪ್ಲಿಕೇಶನ್](./7-bank-project/solution/README.md) | ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ವಗಳು | ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಯಾವಂತೆ ರಾಜ್ಯವನ್ನು ಹಿಡಿದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಪ್ರೋಗ್ರಾಮ್ ಮೂಲಕ ಹೇಗೆ ನಿರ್ವಹಿಸುವದು ಎಂಬುದನ್ನು ಕಲಿಯಿರಿ | [ರಾಜ್ಯ ನಿರ್ವಹಣೆ](./7-bank-project/4-state-management/README.md) | ಯೋಹಾನ್ | +| 25 | [ಬ್ರೌಸರ್/VScode ಕೋಡ್](../../8-code-editor) | ವಿಎಸ್‌ಕೋಡ್ ಜೊತೆ ಕೆಲಸ | ಕೋಡ್ ಸಂಪಾದಕರನ್ನು ಬಳಸುವುದು ಕಲಿಯಿರಿ | [ವಿಎಸ್‌ಕೋಡ್ ಕೋಡ್ ಎಡಿಟರ್ ಬಳಸಿ](./8-code-editor/1-using-a-code-editor/README.md) | ಕ್ರಿಸ್ | +| 26 | [AI ಸಹಾಯಕರು](./9-chat-project/README.md) | AI ಜೊತೆ ಕೆಲಸ | ನಿಮ್ಮದೇ AI ಸಹಾಯಕವನ್ನು ನಿರ್ಮಿಸಲು ಕಲಿಯಿರಿ | [AI ಸಹಾಯಕ ಪ್ರಾಜೆಕ್ಟ್](./9-chat-project/README.md) | ಕ್ರಿಸ್ | ## 🏫 ಪಠ್ಯಶಾಸ್ತ್ರ -ನಮ್ಮ ಅಧ್ಯಯನಕ್ರಮವು ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರ 원칙ಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ: -* ಯೋಜನೆ ಆಧಾರಿತ ಅಧ್ಯಯನ -* ಆಗಾಗಾಗ್ಗೆ ಕ್ವಿಜ್‌ಗಳು - -ಕಾರ್ಯಕ್ರಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML, ಮತ್ತು CSS ಅವರ ಮೂಲಭೂತ ವಿಷಯಗಳನ್ನು ಮತ್ತು ಇಂದಿನ ವೆಬ್ ডೆವಲಪರ್ ಗಳ ಬಳಕೆ ಮಾಡುವ ಇತ್ತೀಚಿನ ಉಪಕರಣಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಆಟ, ವರ್ಚುವಲ್ ಟೆರೇರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಅಂತರಿಕ್ಷ ಆಟ ಸ್ನೈಪರ್ ಶೈಲಿ ಆಟ, ಮತ್ತು ವ್ಯವಹಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸುವ ಮೂಲಕ ಪ್ರಯೋಗಾತ್ಮಕ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಅಂತ್ಯದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಸದೃಢ ತಿಳಿವಳಿಕೆಯನ್ನು ಹೊಂದಿರುತ್ತಾರೆ. +ನಮ್ಮ ಪಠ್ಯಕ್ರಮ ಎರಡು ಪ್ರಮುಖ ಪಠ್ಯಶಾಸ್ತ್ರೀಯ ತತ್ವಗಳನ್ನು ಗಮನದಲ್ಲಿಟ್ಟುಕೊಂಡು ರೂಪಿಸಲಾಗಿದೆ: +* ಪ್ರಾಜೆಕ್ಟ್ ಆಧಾರಿತ ಕಲಿಕೆ +* ನಿತ್ಯ ಕ್ವಿಜ್‌ಗಳು -> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದ ಕೆಲವು ಮೊದಲ ಪಾಠಗಳನ್ನು Microsoft Learn ನಲ್ಲಿ [ಕಲಿಯುವ ಪಥ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ಆಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು! +ಕಾರ್ಯಕ್ರಮವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ನ ಮೂಲತತ್ವಗಳನ್ನು ಮತ್ತು ಇಂದಿನ ವೆಬ್ ಡೆವಲಪರ್ ಗಳು ಬಳಸುವ ಆಧುನಿಕ ಸಾಧನಗಳು ಮತ್ತು ತಂತ್ರಗಳನ್ನು ಕಲಿಸುತ್ತದೆ. ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವರ್ಚುವಲ್ ಟ್ರೆರಿಯಂ, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್-ಇನ್ವೇಡರ್ ಹೋಲಿನ ಆಟ ಮತ್ತು ವ್ಯಾಪಾರಗಳಿಗಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸುವ ಮೂಲಕ ಕಾರ್‌ಯಾನ್ವಯ ಅನುಭವವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಸರಣಿಯ ಕೊನೆಯ ಭಾಗದಲ್ಲಿ, ವಿದ್ಯಾರ್ಥಿಗಳು ವೆಬ್ ಡೆವಲಪ್‌ಮೆಂಟ್‌ನಲ್ಲಿ ದೃಢವಾದ ಅರ್ಥವನ್ನು ಪಡೆಯುತ್ತಾರೆ. -ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವುದನ್ನು ಖಚಿತಪಡಿಸುವ ಮೂಲಕ, ವಿದ್ಯಾರ್ಥಿಗಳ ಆಸಕ್ತಿಯನ್ನು ಹೆಚ್ಚಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಾಂಶಗಳ ಸೇರುವುದು ಸುಲಭವಾಗುತ್ತದೆ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಭೂತಗಳ ಮೇಲೆ ಹಲವಾರು ಪ್ರಾರಂಭ ಪಾಠಗಳನ್ನು ಬರೆದಿದ್ದೇವೆ, ಮತ್ತು "[ಜನಪ್ರಿಯರ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ವೀಡಿಯೊಗಳ ಸಂಗ್ರಹದಿಂದ ವೀಡಿಯೋಗಳನ್ನು ಸೇರಿಸಿದ್ದೇವೆ, ಇದರ ಕೆಲವು ರಚನೆಕಾರರು ಈ ಅಧ್ಯಯನಕ್ರಮಕ್ಕೆ ಸಹಾಯ ಮಾಡಿದ್ದಾರೆ. +> 🎓 ನೀವು ಈ ಪಠ್ಯಕ್ರಮದಲ್ಲಿನ ಮೊದಲ ಕೆಲವು ಪಾಠಗಳನ್ನು [ಕಲಿಯುವ ದಾರಿ](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ರೂಪದಲ್ಲಿ ಮೈಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್ ನಲ್ಲಿ ಪಡೆದುಕೊಳ್ಳಬಹುದು! -ಇನ್ನಷ್ಟು, ತರಗತಿಗೆ ಮುಂಚಿತವಾಗಿ ಕಡಿಮೆ-ಏತುದಾಯಕವಾದ ಕ್ವಿಜ್ವು ವಿದ್ಯಾರ್ಥಿಯ ಕಲಿಕೆ ನಿರ್ಧಾರವನ್ನು ನಿರ್ದಿಷ್ಟಗೊಳಿಸುತ್ತದೆ, ಮತ್ತು ತರಗತಿ ನಂತರದ ಎರಡನೇ ಕ್ವಿಜ್ ದೃಢತೆ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಈ ಅಧ್ಯಯನಕ್ರಮವನ್ನು ಸೌಕರ್ಯವಾಗಿ ಮತ್ತು ಮನೋರಂಜನೆಯಾಗಿ ರೂಪಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣ ಅಥವಾ ಭಾಗಶಃ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಯೋಜನೆಗಳು ಚಿಕ್ಕದಾಗಿ ಪ್ರಾರಂಭವಾಗಿ 12-ವಾರದ ಚಕ್ರದ ಅಂತ್ಯದಲ್ಲಿ ಹಿಂದುಳಿದ ವಷಯಗಳಾಗಿ ಪರಿಗಣಿಸಲ್ಪಡುತ್ತವೆ. +ವಿಷಯವು ಪ್ರಾಜೆಕ್ಟ್‌ಗಳೊಂದಿಗೆ ಸರಿಹೊಂದುವುದರಿಂದ, ಪ್ರಕ್ರಿಯೆ ವಿದ್ಯಾರ್ಥಿಗಳಿಗಾಗಿ ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗುತ್ತದೆ ಮತ್ತು ತತ್ವಗಳ ಮೇಲೆ ಹಿಡಿತ ಹೆಚ್ಚಾಗುತ್ತದೆ. ನಾವು ಹಲವಾರು ಪ್ರಾಥಮಿಕ ಪಾಠಗಳನ್ನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲತತ್ವಗಳಲ್ಲಿ ಬರೆದಿದ್ದು, ವೀಡಿಯೊ ಸಹಾಯದಿಂದ "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ಹಾಲು-ಠಂಗಿ ಸಹಾಯವಿದೆ, ಕೆಲವು ಲೇಖಕರಾದವರು ಈ ಪಠ್ಯಕ್ರಮಕ್ಕೆ ಕೊಡುಗೆ ಹಾಕಿದ್ದಾರೆ. -ನಾವು ಉದ್ದೇಶಿತವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುವುದನ್ನು ತಪ್ಪಿಸಿದ್ದೇವೆ, ಬೇಸಿಕ್ ಕೌಶಲ್ಯಗಳ ಮೇಲೆ ಗಮನಹರಿಸಿ, ಬರುವ ಒಂದು ಉತ್ತಮ ಹೆಜ್ಜೆಯಾಗಿ ಈ ಅಧ್ಯಯನಕ್ರಮವು ಮುಕ್ತಾಯವಾದ ಮೇಲೆ ನೋಡ್.ಜೆಎಸ್ನ ಬಗ್ಗೆ ಮತ್ತೊಂದು ವೀಡಿಯೊ ಸಂಗ್ರಹದಿಂದ ಕಲಿಯಬಹುದು: "[ಪ್ರಾರಂಭಿಕರ ಸರಣಿ: ನೋಡ್.ಜೆಎಸ್](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +ಚಿತ್ರವರಣವಾಗಿ, ತರಗತಿಯ ಮೊದಲಿಗೆ ಕಡಿಮೆ-ಅಂಕಿತ ಕ್ವಿಜ್ ವಿದ್ಯಾರ್ಥಿಯ ಉದ್ದೇಶವನ್ನು ಹೂಡುತ್ತದೆ, ಹಾಗೂ ತರಗತಿ ಮುಗಿದ ಮೇಲೆ ಇನ್ನುೊಂದು ಕ್ವಿಜ್ ಕೌಶಲ್ಯ ಸ್ಥಿರಗೊಳಿಸುವುದಕ್ಕೆ ಸಹಾಯಕ. ಈ ಪಠ್ಯಕ್ರಮ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದ್ದು ಸಡಿಲ ಮತ್ತು ಆನಂದಕರವಾಗಿದ್ದು ಸಂಪೂರ್ಣವಾಗಿ ಅಥವಾ ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಪ್ರಾಜೆಕ್ಟ್ ಗಳು ಚಿಕ್ಕದಾಗಿ ಪ್ರಾರಂಭಿಸಿ 12 ವಾರಗಳ ಚಕ್ರದ ಕೊನೆಗೆ ಜಟಿಲತೆಯತ್ತ ಸಾಗುತ್ತವೆ. -> ನಮ್ಮ [ನಡುಪಾಲನೆ ಕೋಡ್](CODE_OF_CONDUCT.md) ಮತ್ತು [ಚೇತನιστα](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿಯಾಗಿರಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಗಳಿಗೆ ನಾವು ಸ್ವಾಗತ ಸಲ್ಲಿಸುತ್ತೇವೆ! +ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೆ임್ವರ್ಕ್‌ಗಳನ್ನು ಪರಿಚಯಿಸದಿದ್ದರೂ, ಫ್ರೆ임್ವರ್ಕ್ ಒಪ್ಪಿಕೊಳ್ಳುವುದಕ್ಕಿಂತ ಮುಂಚೆ ಅಗತ್ಯವಾದ ಮೂಲ ಕೌಶಲ್ಯಗಳನ್ನು ಸಂಕೇತಗಳೊಳಗೆ ಕೇಂದ್ರೀಕರಿಸಲಾಗಿದೆ, ಈ ಪಠ್ಯಕ್ರಮದ ಮುಂದಿನ ಉತ್ತಮ ಹಂತವೆಂದರೆ ಬೇರೆ ವೀಡಿಯೊಗಳ ಸರಣಿಯಿಂದ Node.js ನ ಬಗ್ಗೆ ಕಲಿಯುವುದು: "[ಬಿಗಿನರ್ಸ್ ಸರಣಿ: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)". +> ನಮ್ಮ [ನಡತೆ ನಿಯಮ](CODE_OF_CONDUCT.md) ಹಾಗೂ [ಕೊಡುಗೆ ಮುಡಿಪು](CONTRIBUTING.md) ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಭೇಟಿ ಮಾಡಿ. ನಿಮ್ಮ ರಚನಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಸ್ವಾಗತಿಸುತ್ತೇವೆ! ## 🧭 ಆಫ್‌ಲೈನ್ ಪ್ರವೇಶ -ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ಈ ಪ್ರलेಖನವನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ಓಡಿಸಬಹುದು. ಈ ರೆಪೊವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsifyನ್ನು ಸೆಟ್‌ಅಪ್ ಮಾಡಿ](https://docsify.js.org/#/quickstart) ಮತ್ತು ನಂತರ ಈ ರೆಪೊ ಮೂಲಪಾತ್ರದಲ್ಲಿಳ `docsify serve` ಟೈಪ್ ಮಾಡಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೊಕಲ್‌ಹೋಸ್ಟ್‌ನಲ್ಲಿ 3000 ಪೋರ್ಟ್‌ನಲ್ಲಿ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`. +ನೀವು [Docsify](https://docsify.js.org/#/) ಬಳಸಿ ಈ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಅನ್ನು ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ನಡೆಸಬಹುದು. ಈ ರೆಪೋವನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರದಲ್ಲಿ [Docsify ಅನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡಿ](https://docsify.js.org/#/quickstart), ಮತ್ತು ಈ ರೆಪೋ ಮೂಲ ಫೋಲ್ಡರ್ನಲ್ಲಿ `docsify serve` ನಮಿಸಿ. ವೆಬ್‌ಸೈಟ್ ನಿಮ್ಮ ಲೋಕಲ್‌ಹೋಸ್ಟ್‍ನಲ್ಲಿ 3000 ಪೋರ್ಟ್ ಮೇಲೆ ಸರ್ವ್ ಆಗುತ್ತದೆ: `localhost:3000`. -## 📘 ಪಿಡಿಎಫ್ +## 📘 PDF +ಎಲ್ಲಾ ಪಾಠಗಳ PDF ಇವು [ಇಲ್ಲಿ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ಲಭ್ಯವಿದೆ. -ಎಲ್ಲಾ ಪಾಠಗಳ ಪಿಡಿಎಫ್ ಅನ್ನು ಇಲ್ಲಿ [ಇಡಲಾಗಿದೆ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf). +## 🎒 ಇತರೆ ಕೋರ್ಸ್‌ಗಳು -## 🎒 ಇತರ ಕೋರ್ಸ್‌ಗಳು -ನಮ್ಮ ತಂಡವು ಇತರ 코ರ್ಸ್ಗಳನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ! ಚೆಕ್ ಮಾಡಿ: +ನಮ್ಮ ತಂಡ ಇತರೆ ಕೋರ್ಸ್‌ಗಳನ್ನು ತಯಾರಿಸುತ್ತದೆ! ನೋಡಿ: ### LangChain [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- ### Azure / Edge / MCP / Agents @@ -228,7 +240,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ --- -### Core Learning +### ಕೋರ್ ಲರ್ನಿಂಗ್ [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -239,7 +251,7 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ --- -### Copilot Series +### ಕೊಪೈಲಟ್ ಸೀರಿಸ್ [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) @@ -247,21 +259,21 @@ Azure AI Foundry Discord ಸಮುದಾಯದಲ್ಲಿ ಸೇರಿಕೊಳ ## ಸಹಾಯ ಪಡೆಯುವುದು -ನೀವು ಅಡಗಿ ಹೋಗಿದ್ದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವುದರ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ, ಸಹಭಾಗಿಗಳೊಂದಿಗೆ ಮತ್ತು ಅನುಭವಜ್ಞರೊಂದಿಗೆ MCP ಕುರಿತು ಚರ್ಚೆಗಳಲ್ಲಿ ಸೇರಿ. ಇದು ಪ್ರಶ್ನೆಗಳನ್ನು ಸ್ವಾಗತಿಸುವ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುವ ಒಂದು ಬೆಂಬಲನೆಯ ಸಮುದಾಯವಾಗಿದೆ. +ನೀವು ಸಿಲುಕಿದರೆ ಅಥವಾ AI ಅಪ್ಲಿಕೇಶನ್‌ಗಳ ನಿರ್ಮಾಣ ಕುರಿತು ಯಾವುದಾದರೂ ಪ್ರಶ್ನೆಗಳಿದ್ದರೆ. MCP ಬಗ್ಗೆ ಚರ್ಚೆಗಳಲ್ಲಿ ಸಹ ವಿದ್ಯಾರ್ಥಿಗಳು ಮತ್ತು ಅನುಭವಜ್ಞರೊಂದಿಗೆ ಸೇರಿ. ಇದು ಸಹಾಯಕ ಸಮುದಾಯವಾಗಿದ್ದು, ಪ್ರಶ್ನೆಗಳಿಗೆ ಸ್ವಾಗತ ಮತ್ತು ಜ್ಞಾನವನ್ನು ಮುಕ್ತವಾಗಿ ಹಂಚಿಕೊಳ್ಳುತ್ತದೆ. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ನಿಮಗೆ ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆಗಳು ಅಥವಾ ನಿರ್ಮಿಸುವಾಗ ಎರ್ರರ್‌ಗಳು ಇದ್ದರೆ ಭೇಟಿ ನೀಡಿ: +ನೀವು ಉತ್ಪನ್ನ ಪ್ರತಿಕ್ರಿಯೆ ಅಥವಾ ದೋಷಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ನಿರ್ಮಾಣದ ವೇಳೆ ಭೇಟಿ ನೀಡಿರಿ: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## ಪರವಾನಗಿ -ಈ ಸಂಗ್ರಹಾಲಯವನ್ನು MIT ಪರವಾನಗಿಯಡಿಯಲ್ಲಿ ಲೈಸೆನ್ಸ್ ಮಾಡಲಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ [LICENSE](../../LICENSE) ಫೈಲ್ ಅನ್ನು ನೋಡಿ. +ಈ ರೆಪೊಸಿಟರಿ MIT ಪರವಾನಗಿಯಡಿ ಪರವಾನಗಿಯಾಗಿದೆ. ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗೆ [LICENSE](../../LICENSE) ಫೈಲ್ ನೋಡಿ. --- -**ಜಾರಿಗೊಳಿಸುವಿಕೆ**: -ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಭಾಷಾಂತರ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲ ದೃಷ್ಟಿಗೆ ಬರುವ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂದು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಅದರ ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಪ್ರಾಮಾಣಿಕ ಮೂಲವೆಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಸ್ನೇಹಪೂರ್ವಕವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಭಾಷಾಂತರ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ತಪ್ಪು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿಕೆಗಳಿಗೆ ಅಥವಾ ವ್ಯತ್ಯಯಗಳಿಗೆ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗಿರುವುದಿಲ್ಲ. +**ನಿರಾಕರಣಾ ಪ್ರಕಟಣೆ**: +ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಗಾಗಿ ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದಾಗಿದೆ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ಅದೃಷ್ಟ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ աղբಾರಿಯಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಮಹತ್ವಪೂರ್ಣ ಮಾಹಿತಿಗಾಗಿ, ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸುಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಪೂರ್ಣತೆಗೆ ಅಥವಾ ತಪ್ಪು ಅರ್ಥಗೊಳ್ಳುವಿಕೆಗೆ ನಾವು ಹೊಣೆಗಾರರಾಗಿರುವುದಿಲ್ಲ. \ No newline at end of file diff --git a/translations/kn/Roadmap.md b/translations/kn/Roadmap.md new file mode 100644 index 000000000..d5ee393a1 --- /dev/null +++ b/translations/kn/Roadmap.md @@ -0,0 +1,53 @@ +# ಮೈಕ್ರೋಸಾಫ್ಟ್‌ನ ವೆಬ್-ಡೆವ್-ಫಾರ್-ಬಿಗಿನರ್ಸ್ ರೆಪೋಸಿಟರಿಗಾಗಿ ರಸ್ತೆ ನಕ್ಷೆ + +**ಈ ರೆಪೋಸಿಟರಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, HTML ಮತ್ತು CSS ಮೇಲೆ ಗಮನಕೊಂದು ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಮೂಲತತ್ವಗಳನ್ನು ಕಲಿಯಲು ರಸ್ತೆ ನಕ್ಷೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಪಠ್ಯಕ್ರಮ ವಿಸ್ತಾರವಾಗಿ ಮತ್ತು ಭಾಗವಾಗಿ ತೆಗೆದುಕೊಳ್ಳಬಹುದು, 12 ವಾರಗಳಲ್ಲಿ 24 ಪಾಠಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.** + +## ಪ್ರಮುಖ ಮೈಲಿಗಲ್ಲುಗಳು + +* **ವಾರಗಳು 1-3:** + * ಕಾರ್ಯಕ್ರಮ ಭಾಷೆಗಳು ಮತ್ತು ವರ್ಕ್‌ಫ್ಲೋ ಟೂಲ್ಗಳ ಪರಿಚಯ + * GitHub ಮೂಲತತ್ವಗಳು + * ಪ್ರಾಪ್ಯತೆ + * JS ಮೂಲತತ್ವಗಳು: ಡೇಟಾ ಪ್ರಕಾರಗಳು, ಕಾರ್ಯಗಳು ಮತ್ತು ವಿಧಾನಗಳು + * JS ಸಹಾಯದಿಂದ ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವುದು +* **ವಾರಗಳು 4-6:** + * ಶ್ರೇಣಿಗಳು ಮತ್ತು ಲೂಪ್ಗಳು + * ಟೆರೇರಿಯಮ್: HTML ಅಭ್ಯಾಸ + * CSS ಅಭ್ಯಾಸದಲ್ಲಿ + * ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಲೋಜರ್ಸ್ + * ಡಿಒಎಂ ಸಹಾಯದಿಂದ ವ್ಯವಸ್ಥಾಪನೆ +* **ವಾರಗಳು 7-9:** + * ಟೈಪಿಂಗ್ ಗೇಮ್: ಘಟನೆ ಆಧಾರಿತ ಕಾರ್ಯಕ್ರಮ + * ಹಸಿರು ಬ್ರೌಸರ ವಿಸ್ತರಣೆ: ಬ್ರೌಸರಳಲ್ಲಿ ಕೆಲಸ ಮಾಡುವುದು + * ಫಾರ್ಮ್ ನಿರ್ಮಾಣ, API ಕರೆ ಮಾಡುವುದು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲಿ 변수ಗಳನ್ನು ಉಳಿಸುವುದು + * ಬ್ರೌಸರ್‌ನ ಪೃಷ್ಟಭಾಗ ಪ್ರಕ್ರಿಯೆಗಳು + * ವೆಬ್ ಕಾರ್ಯಕ್ಷಮತೆ +* **ವಾರಗಳು 10-12:** + * ಸ್ಪೇಸ್ ಗೇಮ್: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಹೆಚ್ಚು ಸುಧಾರಿತ ಆಟ ಅಭಿವೃದ್ಧಿ + * ಕ್ಯಾನ್ವಾಸಿಗೆ ಚಿತ್ರಿಸುವಿಕೆ + * ಪರದೆಯ ಮೇಲೆ ಅಂಶಗಳನ್ನು ಚಲಿಸುವುದು + * ಟक्कर ಗುರುತಿಕೆ + * ಅಂಕೆಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡುವುದು, ಆಟ ಮುಗಿಸುವುದು ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸುವುದು + * ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್: ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ HTML ಟೆಂಪ್ಲೇಟ್ಗಳು ಮತ್ತು ಮಾರ್ಗಗಳು + * ಲಾಗಿನ್ ಮತ್ತು ನೋಂದಣಿ ಫಾರ್ಮ್ ನಿರ್ಮಾಣ + * ಡೇಟಾ ಪಡೆಯುವ ಮತ್ತು ಉಪಯೋಗಿಸುವ ವಿಧಾನಗಳು + * ರಾಜ್ಯ ನಿರ್ವಹಣೆಯ ತತ್ವಗಳು + +## ಕಲಿಕೆಯ ಫಲಿತಾಂಶಗಳು + +**ಈ ರಸ್ತೆ ನಕ್ಷೆಯನ್ನು ಪೂರ್ಣಗೊಳಿಸುವ ಮೂಲಕ ವಿದ್ಯಾರ್ಥಿಗಳು ಟೈಪಿಂಗ್ ಗೇಮ್, ವಾಸ್ತವಿಕ ಟೆರೇರಿಯಮ್, ಪರಿಸರ ಸ್ನೇಹಿ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆ, ಸ್ಪೇಸ್ ಇನ್‌ವೇಡರ್ ಶೈಲಿಯ ಆಟ ಮತ್ತು ವಾಣಿಜ್ಯಕ್ಕಾಗಿ ಬ್ಯಾಂಕಿಂಗ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸುವ ಅನುಭವವನ್ನು ಪಡೆದಿರುತ್ತಾರೆ. ಅವರು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಮೂಲತತ್ವಗಳ ಬಗ್ಗೆ ದೃಷ್ಠಾಂತವಾದ ಅರ್ಥವನ್ನು ಕೂಡ ಅಭಿವೃದ್ಧಿಪಡಿಸುತ್ತಾರೆ.** + +## ಹೆಚ್ಚುವರಿ ಸಂಪನ್ಮೂಲಗಳು + +* ಈ ರೆಪೋಸಿಟರಿ ಹೆಚ್ಚಿನ ಅಧ್ಯಯನಕ್ಕೆ ಕೋರ್ಸ್‌ಗಳು, ಕೋರ್ಟ್ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಸವಾಲುಗಳನ್ನೊಳಗೊಂಡ ಸಂಪನ್ಮೂಲಗಳ ಸಂಗ್ರಹವನ್ನು ಒದಗಿಸುತ್ತದೆ. +* ಮೈಕ್ರೋಸಾಫ್ಟ್ ಲರ್ನ್ ವೇದಿಕೆ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಕೋರ್ಸ್‌ಗಳು ಮತ್ತು ಅಧ್ಯಯನ ಮಾರ್ಗಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. +* ಸ್ಟಾಕ್ ಓವರ್ಫ್ಲೋ ಮತ್ತು MDN ವೆಬ್ ಡಾಕ್ಸ್ ಮುಂಬರುವ ಆನ್ಲೈನ್ ಸಮುದಾಯಗಳು ವೆಬ್ ಅಭಿವೃದ್ಧಿಗಾರರಿಗೆ ಬೆಲೆಮಟ್ಟದ ಸಹಾಯ ಮತ್ತು ಸಂಪನ್ಮೂಲಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ. + +**ನೀವು ನಿಮ್ಮ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಪ್ರಯಾಣದಲ್ಲಿ ಈ ರಸ್ತೆ ನಕ್ಷೆ ನಿಮಗೆ ಸಹಾಯವಾಗಲಿ ಎಂದು ನಾನು ಆಶಿಸುವೆನು!** + +--- + + +**ಅಸ್ವೀಕರಣ**: +ಈ ದಾಖಲೆ AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವಾದಿಸಲಾಗಿದೆ. ನಾವು ನಿಖರತೆಯತ್ತ ಪ್ರಯತ್ನಿಸಿದರೂ, ಸ್ವಯಂಚಾಲಿತ ಅನುವಾದಗಳಲ್ಲಿ ದೋಷಗಳಾಗಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿಡಿ. ಮೂಲ ಭಾಷೆಯಲ್ಲಿನ ಹಳೆಯ ದಾಖಲೆನ್ನು ಪ್ರಾಮಾಣಿಕ ಮೂಲ ಎಂದು ಪರಿಗಣಿಸಬೇಕು. ಪ್ರಮುಖ ಮಾಹಿತಿಗಾಗಿ ವೃತ್ತಿಪರ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ. ಈ ಅನುವಾದ ಬಳಕೆಯಿಂದ ಉಂಟಾಗುವ ಯಾವುದೇ ಅರ್ಥಮಾತುಗಳ ತಪ್ಪುಗಳು ಅಥವಾ ತಿರಸ್ಕರಣೆಗಳಿಗೆ ನಾವು жауапದಾರಿ ವಹಿಸುವುದಿಲ್ಲ. + \ No newline at end of file diff --git a/translations/ml/.co-op-translator.json b/translations/ml/.co-op-translator.json index afcb72ac7..75d070a84 100644 --- a/translations/ml/.co-op-translator.json +++ b/translations/ml/.co-op-translator.json @@ -1,7 +1,7 @@ { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": { - "original_hash": "d45ddcc54eb9232a76d08328b09d792e", - "translation_date": "2026-01-08T20:09:54+00:00", + "original_hash": "bec5e35642176d9e483552bfc82996d8", + "translation_date": "2026-03-06T14:08:57+00:00", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "language_code": "ml" }, @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-01-08T10:26:00+00:00", + "translation_date": "2026-03-06T14:24:25+00:00", "source_file": "AGENTS.md", "language_code": "ml" }, @@ -516,11 +516,17 @@ "language_code": "ml" }, "README.md": { - "original_hash": "490c83786552d7fab6390991517bef09", - "translation_date": "2026-01-29T19:38:19+00:00", + "original_hash": "a2c9eed480687319517c08a6319e5536", + "translation_date": "2026-03-06T14:04:25+00:00", "source_file": "README.md", "language_code": "ml" }, + "Roadmap.md": { + "original_hash": "28bf6185fd7f27b62ddc210514366192", + "translation_date": "2026-03-06T14:21:19+00:00", + "source_file": "Roadmap.md", + "language_code": "ml" + }, "SECURITY.md": { "original_hash": "4ecc3bf2e27983d4c780be6f26ee6228", "translation_date": "2026-01-08T10:35:29+00:00", diff --git a/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md index d1b1043b3..d64d11b22 100644 --- a/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -1,181 +1,184 @@ -# പ്രോഗ്രാമിംഗ് ഭാഷകളും ആധുനിക ഡെവലപ്പർ ടൂളുകളുമാണ് പരിചയം +# പ്രോഗ്രാമിംഗ് ഭാഷകളിലേക്കുള്ള പരിചയംയും ആധുനിക ഡവലപ്പർ ടൂൾസും -ഹായ്, ഭാവിയിലെ ഡെവലപ്പർ! 👋 ഞാൻ നിനക്കൊരു രഹസ്യം പറയാമോ, അത് എനിക്ക് ഓരോ ദിവസവും കണ്ണ് പിമ്പിക്കുന്നു? പ്രോഗ്രാമിംഗ് എന്നത് കംപ്യൂട്ടറുകളെക്കുറിച്ചല്ല – ഇത് നിങ്ങളുടെ സ്ഥാപനഭംഗി ഐഡിയകൾ ജീവനൊലിപ്പിക്കാൻ ഉള്ള യഥാർത്ഥ അത്ഭുത്യമാർന്ന ശക്തികളാണ്! +ഹേയ്, ഭാവിയിലെ ഡവലപ്പറേ! 👋 ഓരോ ദിവസവും എന്നെ കുളിരുണ്ടാക്കുന്നത് പറയാമോ? പ്രോഗ്രാമിങ് കമ്പ്യൂട്ടറുകൾക്കായി മാത്രം അല്ല – ഇത് നിങ്ങളുടെ ഏറ്റവും വിചിത്രമായ ആശയങ്ങൾ ജീവനോടെ കൊണ്ടുവരാൻ ഉള്ള അസൽ അത്ഭുതശക്തിയാണ്! -നിങ്ങളുടെ പ്രിയപ്പെട്ട ആപ്പ് ഉപയോഗിക്കുമ്പോൾ എല്ലാം പകിട്ടായി പൊരുത്തപ്പെടുന്നതിനുള്ള ആ നിമിഷം നിങ്ങൾക്ക് അറിയാമോ? നിങ്ങൾ ഒരു ബട്ടൺ തള്ളുമ്പോൾ അത്ഭുതം പടർന്നുപോകുന്ന ഒരു കാര്യമാണ് സംഭവിക്കുന്നത്, നിങ്ങളെ "വാവ്, അവർ അത് എങ്ങനെ ചെയ്തുവെന്ന്?" എന്ന് ചോദിക്കുന്നതാക്കും? അങ്ങനെ, നിങ്ങൾ പോലൊരു വ്യക്തി – എങ്കിലും അവരുടെ പ്രിയപ്പെട്ട കാപ്പി ഷോപ്പിൽ 2 മണിക്ക് മൂന്നാം എസ്പ്രസോ കപ്പുമായി ഇരിക്കുന്ന – ആ മായാജാലം സൃഷ്ടിച്ച കോഡ് എഴുതിയതാണ്. ഇതാകട്ടെ നിങ്ങളുടെ മനസ്സ് പൊട്ടിക്കും: ഈ പാഠത്തിന്റെ അവസാനം, അവർ അത് എങ്ങനെ ചെയ്തെന്നും നിങ്ങൾക്ക് മനസിലാകും മാത്രമല്ല, അത് നിങ്ങൾ തന്നെ ശ്രമിക്കാൻ താൽപ്പര്യം ഉണ്ടാകും! +നിങ്ങളുടെ പ്രിയപ്പെട്ട ആപ്പ് ഉപയോഗിക്കുമ്പോൾ എല്ലാം പകുതി പകുതിയായി പറ്റുന്ന那个 സമയം നിങ്ങൾ അറിയാമോ? ഒരു ബട്ടൺ തട്ടുമ്പോൾ അതിപാരമ്പര്യമായ՛ ഒന്നാണ് സംഭവിക്കുന്നത്, നിങ്ങൾ “വാവേ, അവർ അതെങ്ങേ ചെയ്തു?” എന്ന് വിചാരിക്കുന്നത്? ആ മാജിക് കോഡ് എഴുതിയിരിക്കുന്നത് നിങ്ങളുപോലെയൊരു ആളാണ് – അറ്റത്തട്ടിൽ ദി കഫി ഷോപ്പിൽ ഇരുന്ന് മൂന്നാമത്തെ എസ്പ്രസോ കുടിച്ചുകൊണ്ടിരിക്കുമ്പോൾ. ഇനി ഞങ്ങൾ ഈ പാഠം കഴിഞ്ഞാൽ നിങ്ങൾ ധരിക്കും എങ്ങനെ ചെയ്തു എന്നറിയാൻ മാത്രമല്ല, അത് പരീക്ഷിക്കാൻ തിട്ടയുമുണ്ടാകും! -നിങ്ങൾക്ക് പ്രോഗ്രാമിംഗ് ഇപ്പോൾ ഭയപ്പെട്ട പോലെ തോന്നിയാൽ ഞാൻ മനസ്സിലാക്കുന്നു. ഞാൻ തുടങ്ങുമ്പോൾ, നിങ്ങൾക്ക് മാത്ത് ജീനിയസായിരിക്കണം അല്ലെങ്കിൽ അഞ്ചു വയസു മുതൽ കോഡിങ് ചെയ്യും എന്ന് ഞാൻ വിശ്വസിച്ചു. പക്ഷേ, എന്റെ കാഴ്ചപ്പാട് പൂർണ്ണമായും മാറിയത്: പ്രോഗ്രാമിംഗ് ഒരു പുതിയ ഭാഷയിൽ സംഭാഷണം പഠിക്കുന്നതുപോലെയാണ്. നിങ്ങൾ "ഹലോ" "നന്ദി" മുതലായവയിൽ നിന്ന് തുടങ്ങി, പിന്നീട് കാപ്പി ഓർഡർ ചെയ്യുന്നതിലും പിന്നെ തൽസമയ തത്ത്വ ചർച്ചകൾ ചെയ്യുന്നതിലേക്കും പോകും! എന്നാൽ ഈ സാഹചര്യത്തിൽ, നിങ്ങൾ കംപ്യൂട്ടറുകളുമായി സംസാരിച്ചുകൊണ്ടിരിക്കുകയാണ്, സത്യത്തിൽ? അവർ ലോകത്തിലെ ഏറ്റവും ക്ഷമയുള്ള സംഭാഷണ പാർട്ണറുമാണ് – ഒരുമിച്ച് ചെയ്ത പിശകുകൾക്ക് തീരുമാനമിടാറില്ല, വീണ്ടും ശ്രമിക്കാൻ എപ്പോഴും ആവേശത്തിലാണ്! +ഡവലപ്പിങ് intimidating ആണ് എന്ന് നിങ്ങൾ കരുതിയാൽ ഞാനോട് പറയാൻ ഇഷ്ടം – ഞാൻ തുടങ്ങുമ്പോൾ ഞാനിവിടെ ഒരു ഗണിത ജീനി അല്ലെങ്കിൽ അഞ്ചുമുക്കിന് മുതൽ കോഡിങ്ങ് ചെയ്തു വരുന്നവനായി കരുതുകയായിരുന്നു. പക്ഷെ എന്‍റെ കാഴ്ചപ്പാട് മാറ്റിയത് എന്തെന്നാൽ: പ്രോഗ്രാമിങ് ഒരു പുതിയ ഭാഷയിൽ സംവാദം തുടങ്ങുന്നതുപോലെയാണ്. “നമസ്ക്കാരം” ഒക്കെ പഠിച്ച് കൊഫി ഓർഡർ ചെയ്യാൻ തുടങ്ങും, പിന്നെ ദാർശനിക ചർച്ചകൾ ചെയ്യാനാകും! പക്ഷെ ഇവിടെ കമ്പ്യൂട്ടറുമായി സംസാരിക്കുന്നു, അവർ ഏറ്റവും സഹിഷ്ണുതയുള്ള കൂട്ടുകാർ തന്നെയാണ് – നിങ്ങളുടെ പിശകുകൾ നിരീക്ഷിക്കാറില്ല, വീണ്ടും ശ്രമിക്കാൻ അതീവ ആഗ്രഹിക്കുന്നു! -ഇന്ന് നാം ആധുനിക വെബ് വികസനം സാദ്ധ്യമാക്കുന്നതിനും അതിനായി വൃത്തിവത്കരിച്ച ആധുനിക ടൂളുകളെക്കുറിച്ച് പ്രാവശ്യമാണ്. നെറ്റ്ഫ്ലിക്സ്, സ്പോട്ടിഫൈ, നിങ്ങളുടെ പ്രിയപ്പെട്ട ഇൻഡീ ആപ്പ് സ്റ്റുഡിയോ എന്നിവിടങ്ങളിലെ ഡെവലപ്പറർമാർ ദിവസവും ഉപയോഗിക്കുന്ന സമാനമായ എഡിറ്റർ, ബ്രൗസർ, പ്രവൃത്തി രീതികൾ ആണ് ഇവിടെ ഉദ്ദേശിക്കുന്നത്. ഇത് നിങ്ങളെ സന്തോഷത്തിൽ റീച്ച് ചെയ്യാൻ പോകുന്നത്: ഈ പ്രൊഫഷണൽ ഗ്രേഡ്, വ്യവസായ നിലവാരത്തിലുള്ള ടൂളുകൾ കൂടുതലായി സൗജന്യമാണ്! +ഇന്ന് ഞങ്ങൾ ആധുനിക വെബ് ഡവലപ്പ്മെന്റ് എങ്ങനെ സാധ്യമാണ് എന്ന അത്ഭുതകരമായ ടൂളുകൾ പരിശോധിക്കും. Netflix, Spotify, നിങ്ങളുടെ പ്രിയപ്പെട്ട indie ആപ്പ് സ്റ്റുഡിയോയിലെ ഡവലപ്പർമാർ ദിവസവും ഉപയോഗിക്കുന്ന എഡിറ്ററുകളും ബ്രൗസറുകളും വർക്‌ഫ്ലോകളും കാണിക്കാനാണ്. ഇതിലും സന്തോഷം നൽകുന്ന കാര്യം: ഈ പ്രൊഫഷണൽ ഗ്രേഡ്, വ്യാവസായിക ടൂൾസ് ഏറ്റവും വലിയ ഭാഗം പൂര്‍ണമായും സൗജന്യമാണ്! ![Intro Programming](../../../../translated_images/ml/webdev101-programming.d6e3f98e61ac4bff.webp) -> സ്കെച് നോട്ട്സ്: [Tomomi Imura](https://twitter.com/girlie_mac) +> സ്കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid journey - title നിങ്ങളുടെ പ്രോഗ്രാമിംഗ് യാത്ര ഇന്ന് + title നിങ്ങളുടെ പ്രോഗ്രാമിംഗ് യാത്ര ഇന്നത്തെ section കണ്ടെത്തുക പ്രോഗ്രാമിംഗ് എന്താണ്: 5: You പ്രോഗ്രാമിംഗ് ഭാഷകൾ: 4: You ഉപകരണങ്ങളുടെ അവലോകനം: 5: You - section ആഴത്തിൽ പഠിക്കുക + section അന്വേഷിക്കുക കോഡ് എഡിറ്ററുകൾ: 4: You - ബ്രൗസറുകളും ഡെവ് ടൂളുകളും: 5: You + ബ്രൗസറുകളും ഡെവ്‌ടൂൾസും: 5: You കമാൻഡ് ലൈൻ: 3: You section അഭ്യാസം ഭാഷാ ഡിറ്റക്ടീവ്: 4: You - ഉപകരണങ്ങളെക്കുറിച്ചുള്ള പഠനം: 5: You + ഉപകരണം അന്വേഷണ: 5: You സമൂഹ ബന്ധം: 5: You ``` -## നീന്തിൻറോ നീ അറിയുന്നതെന്തൊക്കെയെന്നു നമുക്ക് നോക്കാം! +## നിങ്ങൾക്ക് എന്തെല്ലാം അറിയാമെന്ന് നോക്കാം! -ആ പരിചയപ്പെടുത്തലുകൾ തുടങ്ങാൻ മുൻപ്, ഈ പ്രോഗ്രാമിംഗ് ലോകത്തെക്കുറിച്ച് നിനക്ക് ഇതുവരെ എന്ത് അറിയാമെന്നു ഞാൻ കൗതുകം തോന്നുന്നു! നീ ഈ ചോദ്യങ്ങൾ കാണുമ്പോൾ "ഇതൊക്കെ ഞാൻ പകർന്നുമാത്രം അറിയില്ല" എന്ന് തോന്നിയാലും അതു സാധാരണമാണ്, പ്രതീക്ഷിച്ച കാര്യത്തിും നിറഞ്ഞതാണ്! അങ്ങനെ, നീ ശരിയായ സ്ഥലത്തുണ്ട്. ഈ ക്വിസ് ഒരു വർക്ക്ഔട്ടിന് മുമ്പുള്ള പൊരുത്തമാണ് – നാം നമ്മുടെ മസ്തിഷ്‌ക പേശികൾ ചൂടാക്കുകയാണ്! +ഇടയ്ക്കും കാണാം, ഞാൻ അറിയാൻ ആഗ്രഹിക്കുന്നു – ഈ പ്രോഗ്രാമിങ് ലോകത്തെക്കുറിച്ച് നിങ്ങൾക്ക് എന്താണ് അറിയുന്നത്? ഈ ചോദ്യങ്ങൾ നോക്കി നിങ്ങൾ “ഇതിൽ ഒന്നും എനിക്ക് അറിയില്ല” എന്നിച്ചാൽ അത് പൂർണ്ണമായും ശരിയാണ്! അതാണ് നിങ്ങൾ ശരിയായ സ്ഥലത്താണ്. ഈ ക്വിസ് ഒരുപോലെ വർക്ക് ഔട്ടിന് മുമ്പുള്ള ശാരീരിക പുഷ്ടീകരണമല്ല; നമ്മൾ വെറും ബുദ്ധിശക്തി തകിടുക്കുകയാണ്! -[പാഠം ആരംഭിക്കുന്നതിന് മുമ്പ് ക്വിസ് എടുത്തു നോക്ക്](https://forms.office.com/r/dru4TE0U9n?origin=lprLink) +[പ്രീ-പാഠങ്ങൾ ഉള്ള ക്വിസ് താ‌ക്കുക](https://ff-quizzes.netlify.app/web/) -## നാം ചേർന്ന് ചെയ്യാൻ പോകുന്ന സഞ്ചാരം +## നാം ഒന്നിച്ച് പോകാനിരിക്കുന്ന യാത്ര -ശരി, ഇന്ന് നാം അന്വേഷിക്കാൻ പോകുന്നത് എത്ര എക്‌സൈറ്റിങ് ആണെന്ന് ഞാൻ నిజമായി ഉറ്റുനോക്കുന്നു! ഈ ആശയങ്ങൾ ചിലപ്പോൾ നിനക്ക് ക്ലിക് ചെയ്യുമ്പോൾ, നിന്നിൽ മുഖം കണ്ടാൽ എനിക്ക് ആഗ്രഹമുണ്ടൂ. നമ്മൾ ചേർന്ന് പോകുന്ന അത്ഭുതകരമായ യാത്ര ഇതാണ്: +ഞാൻ ഇന്ന് നമുക്ക് പരിശോധിക്കാനിരിക്കുന്ന വിഷയങ്ങളെ കുറിച്ച് അതീവ ആവേശത്തിലാണ്! കൃത്യമായ എൻറെ അഭിലാഷം നിങ്ങൾ ഏതാനും ആശയങ്ങൾ മനസ്സിലാക്കുമ്പോൾ, നിങ്ങള്‍റെ മുഖം ഞാൻ കാണാനാകും. നാം അടഞ്ഞ് പോകുന്ന അത്ഭുതകരമായ യാത്ര ഇങ്ങനെ ആണ്: -- **പ്രോഗ്രാമിംഗ് എന്നാൽ എന്തെന്ന് ആകത്തരം (കാരണം ഇത് എങ്ങനെ ഏറ്റവും കൂളായ കാര്യമാണെന്ന്!)** – കോഡ് എന്നാൽ നിസ്‌ക്കളമായ മായാജാലം, അത് നിങ്ങളെ ചുറ്റിപ്പറ്റിയ എല്ലാം ആർജ്ജിക്കുന്നതിന്റെ പിഞ്ച് എന്നറിയാം, ആ ആലാറം സിസ്റ്റം എങ്ങനെ തിങ്കൾ രാവിലെ ആയി എന്ന് മനസ്സിലാക്കുന്നതിന് തുടങ്ങിയവർക്ക്Netflix ഉള്ള സുതാര്യമായ‌ യന്ത്രങ്ങൾ വരെ -- **പ്രോഗ്രാമിംഗ് ഭാഷകളും അവയുടെ അത്ഭുത വിചിത്രതകളും** – വ്യത്യസ്ത വ്യക്തികൾ വ്യത്യസ്ത പ്രശ്നങ്ങൾ പരിഹരിക്കുന്ന വിധങ്ങളിൽ സൂപ്പർപവർ ഉള്ള പാർട്ടിയിൽ നിങ്ങൾ നടക്കുകയാണെന്ന് ദ്യായിക്കൂ. അങ്ങനെ തന്നെ പ്രോഗ്രാമിംഗ് ഭാഷകൾ ലോകമാണെന്നും അവയെകൂടി കാണാൻ നിങ്ങൾ ഇഷ്ടപ്പെടും! -- **ഡിജിറ്റൽ മായാജാലം ഉണ്ടാക്കുന്ന അടിസ്ഥാന ഘടകങ്ങൾ** – ഇതിനെ ലെഗോ സജ്ജീകരണം എന്ന് ചിന്തിക്കൂ. ഈ ഭാഗങ്ങൾ എങ്ങനെ ചേർക്കാൻ അറിയുമ്പോൾ നിനക്ക് സ്വപ്നം കാണുന്ന കാര്യങ്ങൾ നിഷേധം മാത്രമല്ല സൃഷ്ടിക്കാം -- **പ്രൊഫഷണൽ ടൂളുകൾ, നിങ്ങൾക്ക് ജാദുകർ വണ്ട് നൽകി തന്നെന്നാണ് അനുഭവപ്പെടുക** – ഞാൻ നാടകമല്ല, ഈ ടൂളുകൾ നിങ്ങളെ യഥാർത്ഥത്തിൽ സൂപ്പർപവർ ഉള്ളതായി തോന്നിക്കും, കൂടുതലായി? അതെ പ്രൊഫഷണലുകൾ ഉപയോഗിക്കുന്ന തന്നെയാണ്! +- **പ്രോഗ്രാമിങ് യഥാർത്ഥത്തിൽ എന്താണ് (കണ്ടത്തരമായുള്ള ഏറ്റവും കൂളായി!):** കോഡ്, നിങ്ങളുടെ ചുറ്റുപാടുള്ള എല്ലാ കാര്യങ്ങളുടെയും ഇന്ദ്രിയജാലം എന്നത് കണ്ടെത്തും; ഹൈദയകാലത്ത് മൊൻഡേ മോണിംഗ് അറിയുന്ന ആ അലാറം മുതൽ, Netflix നിർദ്ദേശങ്ങൾ നിര്‍മിക്കുന്ന ആ ആൾഗൊരിതം വരെ -> 💡 **കുറിപ്പ്**: ഇന്നത്തെ പാഠം എല്ലാം ഓർമ്മിക്കാൻ ശ്രമിക്കരുത്! ഇപ്പോൾ ഞാൻ നിങ്ങളെ ആ വിളക്ക് തോന്നാൻ ആഗ്രഹിക്കുന്നു. വിശദാംശങ്ങൾ സ്വാഭാവികമായി പതിക്കും – പുത്തൻ പഠനം അതുപോലെയാണ്! +- **പ്രോഗ്രാമിങ് ഭാഷകളും അവയുടെ അത്ഭുതകരമായ വ്യക്തിത്വങ്ങളും:** ഓരോ ആളും പ്രത്യക്തമായ സൂപ്പർപവർസ് ഉളവാക്കി പ്രശ്നങ്ങൾ പരിഹരിക്കുന്ന ഒരു പാർട്ടിയിൽ ഏറുന്ന കൂട്ടുകാർ പോലെ, പ്രോഗ്രാമിങ് ഭാഷകൾ മാറി മാറി പരിചയപ്പെടാൻ കഴിയുക! -> നിങ്ങൾക്ക് ഈ പാഠം [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) ലും എടുക്കാം! +- **ഡിജിറ്റല് മാജിക് ഉണ്ടാക്കുന്ന അടിസ്ഥാന ഘടകങ്ങൾ:** ക്രിയേറ്റീവ് LEGO സെറ്റുകൾ പോലെ. ഈ ഭാഗങ്ങൾ എങ്ങനെ സജ്ജമാക്കാവുന്നതാണെന്ന് മനസ്സിലായാൽ നിങ്ങളുടെ സങ്കല്‌പത്തിലായതു എല്ലാം ൽ നിർമ്മിക്കാൻ കഴിയും -## അതെന്ത് അതിലും *പരിഗണിക്കപ്പെടുന്നത്* പ്രോഗ്രാമിംഗ്? +- **പ്രൊഫഷണൽ ടൂളുകൾ നിങ്ങൾക്ക് മായി വാനടുത്തുംൊഴികെ വെബ് ഡെവലപ്പ്മെന്റ് എങ്ങനെ അത്ഭുതകരമായ രീതി ആക്കി മാറ്റുന്നു:** ഞാൻ കാഴ്ച പറയുന്നില്ല – ഈ ടൂളുകൾ നിങ്ങൾക്ക് സൂപ്പർപവർസുള്ളതായി തോന്നിക്കും; മികച്ച ഭാഗം? പ്രൊഫ് ഡവലപ്പർമാർ ഉപയോഗിക്കുന്നവ തന്നെയാണ്! -സരി, മില്യൺ ഡോളർ ചോദ്യം: പ്രോഗ്രാമിംഗ് എന്നാൽ എന്താണ്? +> 💡 **ഇഴ കഴിഞ്ഞെള്ളാം:** ഇന്ന് എല്ലാം ഓർക്കാൻ ശ്രമിക്കരുത്! ഇപ്പോൾ എന്റെ വിചാരം നിങ്ങൾക്ക് ഉണ്ടാക്കണമെന്നത് ആ ആവേശത്തിന്റെ കൊളവും. വിശദാംശങ്ങൾ സ്വാഭാവികമായി ഒത്തു കൂടും – അതാണ് യഥാർത്ഥ പഠനം! -ഇതിനെ കുറിച്ചുള്ള എനിക്ക് കാഴ്ചപ്പാട് പൂർണ്ണമായും മാറ്റിയ ഒരു കഥ ഞാൻ പറയാം. കഴിഞ്ഞ ആഴ്ച, ഞങ്ങളുടെ പുതിയ സ്മാർട്ട് ടിവി റിമോട്ട് മാതാവിനോട് എങ്ങനെ ഉപയോഗിക്കാമെന്ന് വിശദീകരിക്കാൻ ശ്രമിച്ചപ്പോഴാണ്. ഞാൻ പറയുന്നത്: "പൂവൻ ചുവപ്പ് ബട്ടൺ അമർത്തൂ, പക്ഷേ വലിയ ചുവപ്പ് ബട്ടൺ അല്ല, ഇടത്തുള്ള ചെറിയ ചുവപ്പ് ബട്ടൺ... അല്ല, നീയുടെ മറ്റൊരു ഇടത്തുള്ളത്... ശരി, ഇപ്പോൾ അത് രണ്ട് സെക്കൻഡ് അമർത്തൂ, ഒന്ന് അല്ല, മൂന്നു അല്ല..." എന്നിങ്ങനെ. പരിചിതമാണോ? 😅 +> ഈ പാഠം [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) ല് പഠിക്കാം! -അത് പ്രോഗ്രാമിംഗ്! വളരെ ശക്തമായ, വിശദമായ, ഘട്ടം തോറും നിർദേശങ്ങൾ നൽകുന്നതിനുള്ള കലയാണ്. എന്നാൽ നിങ്ങളുടെ അമ്മായിയോട് വിശദീകരിക്കുന്നതിനുപകരം (അവൾ ചോദിക്കാം "എന്ത് ചുവപ്പ് ബട്ടൺ?") കംപ്യൂട്ടറോട് പറയുന്നു (ആർജ്ജിക്കുന്നത് കേൾക്കാതെ എപ്രകാരമാണ് പറഞ്ഞത് എന്നതിനേക്കാളും ശരിയായതു മാത്രം നടത്തുന്നു). +## അങ്ങനെ പ്രോഗ്രാമിങ് *എന്താണ്* യഥാർത്ഥത്തിൽ? -ഞാൻ ആദ്യം പഠിച്ചപ്പോൾ മനശ്ശ്ശ്യം പൊട്ടിപ്പോയത്: കംപ്യൂട്ടറുകൾ മിക്കപ്പോഴും ലളിതമാണ്. അവയ്ക്ക് രണ്ട് കാര്യങ്ങൾ മാത്രം മനസ്സിലാവും – 1യും 0യും, അതായത് "ആകും" "ഇല്ല" അല്ലെങ്കിൽ "ഓൺ" "ഓഫ്." അതെത്ര! എന്നാൽ ഇതാണ് മായാജാലം – നമ്മൾ 1-ഉം 0-ഉം സംസാരിക്കേണ്ടതില്ല, അത് ത് The Matrix ലെ പോലെ അല്ല. അതാണ് **പ്രോഗ്രാമിംഗ് ഭാഷകൾ** സഹായിക്കുന്നത്. അവ ഭരണഭാഷയായി നമുക്ക് പരിചയമുള്ള മാനവ ചിന്തകൾ കംപ്യൂട്ടർ ഭാഷയിലാക്കി മാറ്റാൻ ഏറ്റവും മികച്ച വിവർത്തകര് പോലെയാണ്. +അല്ലോ, വലിയ ചോദ്യം നേരിടാം: പ്രോഗ്രാമിങ് എന്താണെന്ന് യഥാർത്ഥത്തിൽ? -ഞാൻ ഇന്നും ഓരോ രാവിലെ ഉണരുമ്പോൾ അത്ഭുതമുള്ള ചൂടില്ലാതെ പ്രവേശിക്കുന്ന കാര്യം: നിങ്ങളുടെ ജീവിതത്തിലൊഴികെയുള്ള ഡിജിറ്റൽ എല്ലാം തന്നെ ഒരു ആൾ, നിങ്ങൾ പോലെ, സന്ധ്യയിൽ ജാമകളടിച്ച് കാപ്പി കുടിച്ച് ലാപ്ടോപ്പിൽ കോഡ് ടൈപ്പ് ചെയ്യുന്നതോടെ തുടങ്ങി. ആ ഇൻസ്റ്റാഗ്രാം ഫിൽറ്റർ നിങ്ങളുടെ സൗന്ദര്യം വർദ്ധിപ്പിക്കുന്നതു? ആരോ അത് കോഡ് ചെയ്തു. പുതിയ മനസ്സിലാക്കിയ പാട്ടിലേക്ക് വഴി കണ്ടെത്തിയ ശുപാർശ? ഒരു ഡെവലപ്പർ ആ ആൽഗോറിതം നിർമ്മിച്ചു. നിങ്ങളുടെ സുഹൃത്തുക്കൾക്കൊപ്പം ഡിന്നർ ബില്ലുകൾ തിരിഞ്ഞ് നൽകുന്നതിന് ആപ്പ്? ആരോ "ഇത് എനിക്കു വിഷമമാണ്, ഞാനു പരിഹരിക്കും" എന്ന് വിചാരിച്ചു, പിറ്റേയ്ക്ക് അവർ ചെയ്തു! +ഞാൻ എനിക്ക് കാണിച്ച പാഠം പറയാം. കഴിഞ്ഞ ആഴ്ച, ഞാന് എന്റെ അമ്മയെ ഞങ്ങളുടെ പുതിയ स्मार्ट ടി.വി. റിമോട്ട് എപ്രകാരമാണ് ഉപയോഗിക്കേണ്ടത് എന്ന് പറഞ്ഞു കൊടുക്കാൻ ശ്രമിക്കുകയായിരുന്നു. ഞാൻ പറഞ്ഞു: “ചുവപ്പ് ബട്ടൺ തട്ടുക, എന്നാൽ വലിയ ചുവപ്പ് ബട്ടൺ അല്ല, ഇടക്ക് ചെറുതായി ഉള്ള ചുവപ്പ് ബട്ടൺ... ഇല്ല, നിങ്ങളുടെ മറുവശം... ഒക്കെ പിടിച്ചു 2 സെക്കൻഡ്, 1 അല്ല, 3 അല്ല...”ഇത് പരിചിതമാണോ? 😅 -നിങ്ങൾ പ്രോഗ്രാമിംഗ് പഠിക്കുമ്പോൾ, നിങ്ങൾ ഒരു നവീന കഴിവ് മാത്രവും നേടുന്നത് അല്ല – പ്രശ്നപരിഹാര ടീമിന്റെ അംഗമായിത്തിരിക്കുന്നു, ആരും "ഏതെങ്കിലും ഒരു കാര്യം മറ്റൊരാളുടെ ദിവസം കുറച്ച് മികച്ചതാക്കി മാറ്റാമോ?" എന്ന് ആലോചിക്കുന്നു. സത്യത്തിൽ, ഇതിന്റെതിൽ സുഖകരമായ ഒന്നുമുണ്ടോ? +അത് പ്രോഗ്രാമിങാണ്! അതായത് വളരെ വിശദമായ, ക്രമീകരിച്ച നിർദ്ദേശങ്ങൾ ഒരു ശക്തമായ, പക്ഷെ എല്ലാം അസൂയയില്ലാത്ത വസ്തുവിന് നൽകുന്നത്. പക്ഷെ നിങ്ങളുടെ അമ്മയെ (ആളുകൾ ചോദിച്ചാൽ "എന്ത് ചുവപ്പ് ബട്ടൺ?") മനസ്സിലാക്കേണ്ടതില്ല; കമ്പ്യൂട്ടറിന് അർത്ഥമാക്കണം (അവൾ നിങ്ങളെക്കാണാൻ ശ്രമിക്കാതെ നിങ്ങള്‍ പറഞ്ഞതുപോലെ ചെയ്യും). -✅ **ഫൺ ഫാക്ട് ഹണ്ട്**: നിങ്ങളുടെ സമയം ഉള്ളപ്പോൾ തേടേണ്ടതായൊരു കിടിലം നറുക്ക് – ലോകത്തിലെ ആദ്യ പ്രോഗ്രാമർ ആരായിരുന്നു എന്ന് നിങ്ങൾ വിചാരിക്കുന്നു? ഞാൻ സൂചന നല്‍കുന്നു: നിങ്ങൾ പ്രതീക്ഷിക്കുന്നവനല്ല! ആ വ്യക്തിയുടെ കഥ അത്ഭുതകരമായതാണ്, പ്രോഗ്രാമിംഗ് സൃഷ്ടിപരമായ പ്രശ്നപരിഹാരത്തിന്റെയും പരിധികളിൽ ചിന്തിക്കുന്നതിന്റെ ഭാഗമായാണ് എന്നും തെളിയിക്കുന്നു. +എനിക്ക് യഥാർത്ഥത്തിൽ മനസ്സിലായത്: കമ്പ്യൂട്ടറുകൾ അത്ര വളരെ സങ്കീർണമല്ല. അവർ രണ്ട് കാര്യങ്ങൾ മാത്രമാണ് മനസ്സിലാക്കുന്നത് – 1 ഉം 0 ഉം, അതായത് “അതെ” അല്ലെങ്കിൽ “ഇല്ല” അല്ലെങ്കിൽ “ഓൺ” അല്ലെങ്കിൽ “ഓഫ്”. അതാണ്! പക്ഷെ അതിൽ മാജിക്ക് എവിടെയാണ്? നമ്മൾ "The Matrix" പോലുള്ള ഭാഷയിൽ സംസാരിക്കാൻ കഴിയാത്തതിനാൽ, **പ്രോഗ്രാമിംഗ് ഭാഷകൾ** രക്ഷിക്കുന്നു. അവ നിങ്ങളുടെ സാധാരണ മനുഷ്യ ചിന്തകൾക്കായി ലോകത്തിലെ മികച്ച പരിഭാഷകനാണ്, അവയ്‌ക്ക് കോംപ്യൂട്ടർ ഭാഷയിലേക്ക് മാറ്റുന്നു. -### 🧠 **അവലോകന സമയം: നിങ്ങൾ എങ്ങനെ അനുഭവപ്പെടുന്നു?** +എപ്പോൾാലും എന്നെ ഉണർത്തുന്നത്: നിങ്ങളുടെ ജീവിതത്തിലെ എല്ലാം ഡിജിറ്റൽ നിങ്ങളുടെ പോലുള്ള ആളുകൾ ആരംഭിച്ചാണ് – കാപ്പിക്കപ്പ് കൈയിൽ പിടിച്ച് പൈജാമയിൽ ഇരുന്ന് ലാപ്‌ടോപ്പിൽ കോഡ് ടൈപ്പ് ചെയ്‌തവർ. അ इंस्टाग്രാം ഫിൽട്ടർ നിങ്ങൾക്ക് സുന്ദരിയായി ഉപയോഗിക്കുന്നത്? ഒരാൾ അത് കോഡ് ചെയ്തു. നിങ്ങളുടെ പ്രിയപ്പെട്ട ഗാനം കണ്ടെത്തിയ ആ നിർദ്ദേശം? ഒരു ഡവലപ്പർ ആ ആൾഗോരിതം നിർമ്മിച്ചു. നിങ്ങൾ സുഹൃത്തുക്കളോടൊപ്പം ക്യാഷ് ബിൽ വിഭജിക്കാൻ സഹായിക്കുന്ന ആ ആപ്പ്? “ഇത് ബുദ്ധിമുട്ടാണ്, ഞാൻ തീർക്കാം” എന്നു ആരെങ്കിലും ആലോചിച്ചു... പിന്നെ ചെയ്തു! -**ഒരു നിമിഷം ചിന്തിക്കൂ:** -- "കമ്പ്യൂട്ടറുകൾക്ക് നിർദ്ദേശങ്ങൾ നൽകുന്നത്" നിങ്ങളുടെ മനസ്സിലായി കഴിഞ്ഞോ? -- നിങ്ങൾ പ്രതിദിന പ്രവർത്തനം പ്രോഗ്രാമിങ്ങ് ഉപയോഗിച്ച് സ്വയം പ്രവർത്തിപ്പിക്കാൻ ആഗ്രഹിക്കുന്നുണ്ടോ? -- പ്രോഗ്രാമിംഗ് സംബന്ധിച്ച് എന്തൊക്കെ ചോദ്യങ്ങൾ എടുക്കുന്നു? +പ്രോഗ്രാമിംഗ് പഠിക്കുന്നത് ഒരു പുതിയ കഴിവ് നേടുന്നതല്ല – ഇത് ഈ അപാരമായ പ്രശ്നപരിഹാരക കൂട്ടായ്മയുടെ ഭാഗമാകുന്നതാണ്, അവർ ദിവസവും “എന്തുചെയ്‌തു? ഒരാളുടെ ദിനം ഒരു ചെറിയ വിധ്യാഭ്യാസം ആരാഞ്ഞ് മെച്ചപ്പെടുത്തുമോ?” എന്ന് ചിന്തിക്കുന്നു. സത്യത്തിൽ, പാർക്കൽ ഇതുപോലും കൂളാണോ? -> **ഓർമ്മിക്കുക**: ചില ആശയങ്ങൾ ഇപ്പോൾ മയങ്ങുകയും ശരിയിട്ട് മനസ്സിലാകാതിരിക്കേണ്ടതാണ്. ഒരു പുതിയ ഭാഷ പഠിക്കുന്നത് പോലെ പ്രോഗ്രാമിംഗ് പഠനത്തിനും നിങ്ങളുടെ മസ്തിഷ്‌കത്തിന് അനുയോജ്യമായ നാഡിവഴികൾ രൂപപ്പെടാൻ സമയം വേണ്ടിവരും. നിങ്ങൾ മികച്ചതായി പോവുകയാണ്! +✅ **സുക്ഷ്മമായ കാര്യം കാണുക**: ഒരു അവസരം കിട്ടുമ്പോൾ അന്വേഷിക്കുക – ഭൂപ്രഥമ കമ്പ്യൂട്ടർ പ്രോഗ്രാമർ ആരെന്ന് നിങ്ങൾ കരുതുന്നു? ഞാൻ സൂചന തരാം: നിങ്ങൾ പ്രതീക്ഷിക്കുന്ന ആളല്ലാതിരിക്കാം! ആ വ്യക്തിയുടെ പിന്നിലുള്ള കഥ അതീവ ആകർഷകമാണ്, പ്രോഗ്രാമിങ് എക്കാലവും സൃഷ്ടിപരമായ പ്രശ്നപരിഹാരത്തിനും ചിന്തിക്കാന്‍ പുറത്തുള്ളതും ആയിരുന്നതാണ് എന്ന് കാണിക്കുന്നു. -## പ്രോഗ്രാമിംഗ് ഭാഷകൾ മായാജാലത്തിന്റെ വ്യത്യസ്ത രുചികളാണ് +### 🧠 **ചെക്ക് ഇൻ സമയം: നിങ്ങൾ എങ്ങിനെയാണ് അനുഭവപ്പെടുന്നത്?** -ശരി, ഇത് അല്പം വിചിത്രമായി തോന്നാമെങ്കിലും ശ്രദ്ധിക്കൂ – പ്രോഗ്രാമിംഗ് ഭാഷകൾ വിവിധ തരം സംഗീതങ്ങളറുപോലെയാണ്. ജാസ്സ് മൃദുവും തൽസമയപരവുമാണ്, റോക്ക് ശക്തിയുള്ളതും സുതാര്യവുമാണ്, ക്ലാസിക്കൽ സകലകူശലവും ഘടനാപരവുമാണ്, ഹിപ്-ഹോപ്പ് സൃഷ്ടി പരവും പ്രകടനപരവുമാണ്. ഓരോ ശൈലിയുടെയും തനത് ലൈഫ്, അതിന്റെ ആരാധക സമൂഹം ഉണ്ട്, ഓരോന്നും വ്യത്യസ്തമായ മനോഭാവങ്ങൾക്കും അവസരങ്ങൾക്കും അനുയോജ്യം. +**ഒരു മിനിറ്റ് അടുക്കുക:** +- “കമ്പ്യൂട്ടറുകൾക്ക് നിർദ്ദേശം നൽകുക” എന്ന ആശയം ഇനി മനസ്സിലായോ? +- നിങ്ങൾ ഓട്ടോമേറ്റ് ചെയ്യാൻ ആഗ്രഹിക്കുന്ന ദിനനിലവിലുള്ള എന്തെങ്കിലും കാര്യമൊന്നുണ്ടോ? +- ഈ പ്രോഗ്രാമിങിനെ കുറിച്ച് ഏതെങ്കിലും സംശയങ്ങൾ ഉണർന്നോ? -പ്രോഗ്രാമിംഗ് ഭാഷകളും അതുപോലെയാണ്! വലിയ ക്യുoanുകൾ കൈകാര്യം ചെയ്യുന്നതിനും ഒരു രസകരമായ മൊബൈൽ ഗെയിം നിർമ്മിക്കുന്നതിനും ഒരേ ഭാഷ ഉപയോഗിക്കില്ല, നാം യോഗ ക്ലാസിൽ ഡെത്ത് മെറ്റൽ പ്ലേ ചെയ്യുന്നില്ല പോലെ (അധികം യോഗാ ക്ലാസുകളല്ലന്നെങ്കിലും! 😄). +> **ഓർമ്മിക്കുക:** ചില ആശയങ്ങൾ നിങ്ങൾക്ക് തീർച്ചയായും തൽസമയത്ത് മുക്കുകൂടി തോന്നാം. പ്രോഗ്രാമിങ് പഠിക്കുന്നത് പുതിയ ഭാഷ പഠിക്കുകയാണത്രേ – നിങ്ങളുടെ മസ്തിഷ്കം അതിന്റെ ന്യൂറൽ പാതകൾ നിർമ്മിക്കാൻ സമയം എടുക്കും. നിങ്ങൾ നല്ല രീതിയിൽ പോവുകയാണ്! -എന്തുകൊണ്ടയിരിക്കും എപ്പോഴെങ്കിലും വിചാരിക്കുന്നത്: ഈ ഭാഷകൾ ലോകത്തിലെ ഏറ്റവും ക്ഷമയുള്ള, ഏറ്റവും മുത്തശ്ശി ഗുണം തെളിയിച്ച വിവർത്തകരെ പോലെയാണ്; നിങ്ങൾക്ക് നിങ്ങളുടെ മനുഷ്യ ചിന്തകൾ സ്വാഭാവിക സന്ദേശങ്ങളാക്കി അവതരിപ്പിക്കാൻ കഴിയും, അവ ക്യുoan 1,0 സാങ്കേതിക ഭാഷയിലേക്ക് വിവർത്തനം ചെയ്യുന്നു. മനുഷ്യ സൃഷ്ടിപരത്വവും കംപ്യൂട്ടർ തർക്കവും അറിയുന്ന സുഹൃത്ത് പോലെയാണ് – എപ്പോഴും ക്ഷീണിക്കാറില്ല, കോഫി ബ്രേക്ക് ആവശ്യമില്ല, ഒരേ ചോദ്യം രണ്ടുതവണ ചോദിച്ചതിന് അപമാനിക്കുന്നില്ല! +## പ്രോഗ്രാമിങ് ഭാഷകൾ വിവിധ തരം മാജിക് ഫ്രേവറുകളാണ് പോലെ -### ജനപ്രിയ പ്രോഗ്രാമിംഗ് ഭാഷകളും അവയുടെ ഉപയോക്തൃ രീതികളും +ഇപ്പോൾ ഞാൻ പറയാനുള്ളത് ചെറുതല്ല, പക്ഷേ സൃഷ്ടിച്ചിരിക്കുക – പ്രോഗ്രാമിങ് ഭാഷകൾ ഗ്രൂവ് മൂസിക് പോലെ ആണ്. ജാസ്സ്, താളം നിറഞ്ഞ സ്നേഹത്തോടെ, റോക്ക് പവർഫുൾ, ക്ലാസിക്കൽ കോംപ്ലക്സ് സെഞ്ചുലേറ്റഡ്, ഹെപ്-ഹോപ്പ് ക്രിയേറ്റീവ് ആൻഡ് എക്സ്‌പ്രസീവ്. ഓരോ ശൈലി തന്‍റെ സ്വന്തമായ മെയിൽ തീം, അനുഭാവസ്വഭാവം ഉണ്ട്, ഓരോന്നും പലയിടത്തും ഫിറ്റായിരിക്കും. + +പ്രോഗ്രാമിങ് ഭാഷകൾ അതേ രീതിയിലാണ്! വലിയഹോദന ഡാറ്റ പഠിക്കാനും മെച്ചപ്പെട്ട മൊബൈൽ ഗെയിം നിർമാണം ചെയ്യാനുമുള്ള ഒരേ ഭാഷ നിങ്ങൾ ഉപയോഗിക്കില്ല, അതുപോലെ യോ​ഗ ക്ലാസ്സിൽ ഡെത്ത് മെറ്റൽ പ്ലേ ചെയ്തില്ല! + +എല്ലാവർക്കും ഞാന് ഒന്ന് പറയാം: ഇതുപോലെ ഭാഷകൾ ലോകത്തിലെ ഏറ്റവും ക്ഷമാമയമായ വിവർത്തകൻപോലെയാണ്. നിങ്ങൾക്ക് സാധാരണ മനുഷ്യൻപോലെ ആശയങ്ങൾ അവതരിപ്പിക്കാൻ കഴിയും, അവർ അതിനെ 1 കളിലും 0 കളിലും പകർന്ന് കമ്പ്യൂട്ടർക്ക് മനസ്സിലാക്കാവുന്നതായി മാറ്റി നൽകുന്നു. അവൊരു സുഹൃത്തിന്റെ പോലെ ആകുന്നു – “മനുഷ്യ സൃഷ്ടിപരത്വത്തിൽ” നിലവിലുണ്ടായെയും “കമ്പ്യൂട്ടർ ലൊജിക്കിലും” നന്നായി പ്രാവീണ്യം ഉള്ളവരായി – മാത്രമല്ല അവർ തളരാറില്ല, കോഫി ബ്രേക്ക് വേണ്ട, ഇരട്ട ചോദ്യങ്ങൾ ചോദിച്ചാൽ വിധേയപാടില്ല! + +### പ്രശസ്തമായ പ്രോഗ്രാമിങ് ഭാഷകളും അവയുടെ ഉപയോഗങ്ങളും ```mermaid mindmap - root((പ്രോഗ്രാമിംഗ് ഭാഷകൾ)) - വെബ് ഡെവലപ്പ്മെന്റ് - ജാവാസ്‌ക്രിപ്റ്റ് - ഫ്രണ്ട്‌എന്റ് മാജിക് - ഇന്ററാക്റ്റീവ് വെബ്‌സൈറ്റുകൾ - ടൈപ്‌സ്ക്രിപ്റ്റ് - ജാവാസ്‌ക്രിപ്റ്റ് + ടൈപ്പുകൾ + root((പ്രോഗ്രാമിംഗ് ഭാഷകൾ)) + Web Development + JavaScript + ഫ്രണ്ട്‌എൻഡ് മാജിക് + ഇന്ററാക്ടീവ് വെബ്സൈറ്റുകൾ + TypeScript + ജാവാസ്ക്രിപ്റ്റ് + ടൈപുകൾ എന്റർപ്രൈസ് ആപ്പുകൾ - ഡേറ്റ & എഐ - പൈത്തൺ - ഡേറ്റാ സയൻസ് + Data & AI + Python + ഡാറ്റ സയൻസ് മെഷീൻ ലേണിംഗ് ഓട്ടോമേഷൻ - ആർ - സ്ഥിതിവിവരക്കണക്കുകൾ + R + സ്ഥിതിവിവരശാസ്ത്രം ഗവേഷണം - മൊബൈൽ ആപ്പുകൾ - ജാവ - ആൻഡ്രോയ്ഡ് + Mobile Apps + Java + ആന്റ്രോയിഡ് എന്റർപ്രൈസ് - സ്വിഫ്റ്റ് - ഐഒഎസ് - ആപ്പിൾ എക്കോസിസ്റ്റം - കോ틀ിൻ - ആധുനിക ആൻഡ്രോയ്ഡ് + Swift + iOS + ആപ്പിൾ ഇക്കോസിസ്റ്റം + Kotlin + ആധുനിക ആന്റ്രോയിഡ് ക്രോസ്-പ്ലാറ്റ്ഫോം - സിസ്റ്റംസ് & പെർഫോർമൻസ് - സി++ + Systems & Performance + C++ ഗെയിമുകൾ - പ്രകടന ക്രിറ്റി‌കൽ - റസ്റ്റ് + പ്രകടന നിർണ്ണായക + Rust മെമ്മറി സുരക്ഷ - സിസ്റ്റം പ്രോഗ്രാമിങ്ഗ് - ഗോ - ക്ലൗഡ് സേവനങ്ങൾ - സ്കേലബിൾ ബാക്ക്എൻഡ് + സിസ്റ്റം പ്രോഗ്രാമിംഗ് + Go + ക്ലൗഡ് സർവീസുകൾ + സ്കെയ്ലബിൾ ബാക്ക്എൻഡ് ``` -| ഭാഷ | മികച്ചത് | പ്രശസ്തമായ കാരണം | +| ഭാഷ | ഏറ്റവും അനുയോജ്യം | എന്തുകൊണ്ട് പ്രശസ്തമാണ് | |----------|----------|------------------| -| **ജാവാസ്ക്രിപ്റ്റ്** | വെബ് വികസനം, ഉപയോക്തൃ ഇന്റർഫേസുകൾ | ബ്രൗസറുകളിൽ പ്രവർത്തിക്കുന്നു, ഇന്ററാക്ടീവ് വെബ്സൈറ്റുകൾക്ക് ശക്തി നൽകുന്നു | -| **പൈതൺ** | ഡാറ്റാ സയൻസ്, ഓട്ടോമേഷൻ, എഐ | വായിക്കാൻ എളുപ്പവും പഠിക്കാൻ സൗകര്യവുമുള്ള ശക്തമായ ലൈബ്രറികൾ | -| **ജാവ** | സംരംഭ ആപ്ലിക്കേഷനുകൾ, ആൻഡ്രോയിഡ് ആപ്പുകൾ | പ്ലാറ്റ്‌ഫോം സ്വതന്ത്രം, വലിയ സിസ്റ്റങ്ങളിലേക്ക് ശക്തം | -| **സി#** | വിൻഡോസ് ആപ്ലിക്കേഷനുകൾ, ഗെയിം വികസനം | മൈക്രോസോഫ്റ്റിന്റെ ശക്തമായ പരിസരം പിന്തുണയ്ക്കുന്നു | -| **ഗോ** | ക്ലൗഡ് സേവനങ്ങൾ, ബാക്ക്‌എൻഡ് സിസ്റ്റങ്ങൾ | വേഗതയുള്ള, ലളിതമായ, ആധുനിക കമ്പ്യൂട്ടിംഗിന് രൂപകൽപ്പന ചെയ്‌തത് | +| **JavaScript** | വെബ് ഡെവലപ്പ്മെന്റ്, ഉപയോക്തൃ ഇന്റർഫേസുകൾ | ബ്രൗസറുകളിൽ പ്രവർത്തിച്ച് ഇന്ററാക്ടീവ് വെബ്സൈറ്റുകൾ പവർ ചെയ്യുന്നു | +| **Python** | ഡേറ്റാ സയൻസ്, ഓട്ടോമേഷൻ, AI | വായിക്കാൻ, പഠിക്കാൻ എളുപ്പവും ശക്തമായ ലൈബ്രറികൾ ഉണ്ട് | +| **Java** | എന്റർപ്രൈസ് ആപ്ലിക്കേഷനുകൾ, ആൻഡ്രോയ്ഡ് ആപ്പുകൾ | പ്ലാറ്റ്ഫോം സ്വതന്ത്രവും വലിയ സംവിധാനങ്ങൾക്കായി രാജ്ഞിപമാനവും | +| **C#** | വിൻഡോസ് ആപ്ലിക്കേഷനുകൾ, ഗെയിം ഡവലപ്പ്മെന്റ് | ശക്തമായ മൈക്രോസോഫ്റ്റ് പിന്തുണ | +| **Go** | ക്ലൗഡ് സേവനങ്ങൾ, ബാക്ക്എൻഡ് സിസ്റ്റങ്ങൾ | വേഗതയുള്ള, ലളിതവും ആധുനിക കമ്പ്യൂട്ടിങ്ങിന് രൂപകല്പന ചെയ്യപ്പെട്ടതും | -### ഹൈലെവൽ vs ലോലെവൽ ഭാഷകൾ +### ഹൈ-ലെവൽ vs ലോ-ലെവൽ ഭാഷകൾ -സത്യത്തിൽ പഠനത്തിനു മുമ്പാണ് ഈ ആശയം എന്റെ മസ്തിഷ്‌കം പൊട്ടിച്ചത്, ഞാൻ ഉപമ നൽകുന്നു – അത് നിങ്ങൾക്കുമുള്ള സഹായിയായിരിക്കും എന്ന് പ്രതീക്ഷിക്കുന്നു! +അതുപോലും, ഇതായിരുന്നു ആദ്യമായി പഠിക്കുമ്പോൾ എന്റെ മനസ്സ് പൊട്ടിച്ച concept. ഞാൻ് നിങ്ങളുമായി പങ്കിടുന്നു – പ്രതീകം എങ്ങനെ എല്ലാം ക്ലിയർ ആകുമെന്ന് എന്നതിന്: -ഒരു മുസafir / വിദേശ യാത്രക്കാരനായി എന്ത് ഭാഷയും അറിയാതെ രാജ്യത്തു പോയി അടുത്ത ശൗചാലയം കണ്ടെത്തേണ്ടത് (നാം എല്ലാവരും പോയിട്ടുണ്ട്, അല്ലേ? 😅): +നിങ്ങൾ ഒരു രാജ്യത്തേക്ക് പോയിട്ട് ലാംഗ്വേജ് സംസാരിക്കാൻ അറിയില്ല എന്ന സ്ഥിതിയിൽ നിങ്ങള്ക്ക് അടുത്തത്തുള്ള പാനിയമുറി അന്വേഷിക്കണം (എല്ലാവരും ഇതുചേർത്തിട്ടുണ്ട്, അല്ലേ? 😅): -- **താഴത്തെക്കു വരുന്ന പ്രോഗ്രാമിംഗ്**: നിങ്ങളുടെ പ്രാദേശിക ഭാഷയിലുള്ള ഒരു പഴയ മുത്തശ്ശി കൊണ്ട് പഴയ സംസ്കാരങ്ങൾ, പ്രാദേശിക തകരാറുകൾ, ഇന്സൈഡ് ജോക്കുകൾ ഉൾപ്പെടുത്തി പറയുമ്പോൾ. അത്ഭുതകരം, കാര്യക്ഷമവും... പക്ഷേ നിങ്ങൾക്ക് ദയവായി ഒരു ശൗചാലയം കണ്ടെത്താനാണെങ്കിൽ വളരെ ബുദ്ധിമുട്ടുള്ളത്. +- **ലോ-ലെവൽ പ്രോഗ്രാമിങ്** ആ സ്ഥലത്തേക്ക് ഇന്ററാക്റ്റ് ചെയ്യുക നന്നായി, പഴമയുള്ള മെച്ചപ്പെട്ട ഭാഷയുടെ നുണ തോന്നുന്നപോലെ. കലാ സ്രഷ്ടികൾ, പ്രാദേശിക ജനങ്ങൾക്കുള്ള തിരിച്ചറിയലുകൾ ഉപയോഗിച്ച് ഉടൻ മനസ്സിലാക്കുന്ന വിധം സംസാരിക്കുക. അതിവിശിഷ്ടവും കാര്യക്ഷമവുമാണ്, പക്ഷെ നിങ്ങൾക്ക് അവിടെ പരിഠლായനായിരിക്കണം. പാനിയമുറി കണ്ടെത്താനുള്ള ശ്രമത്തിൽ ഇത് വളരെ കഠിനമായിരിക്കും. -- **മുകളിൽ വരുന്ന പ്രോഗ്രാമിംഗ്**: നിന്നെ മനസിലാക്കുന്ന ഒരു പ്രാദേശിക സുഹൃത്ത് പോലെയാണ്. നിങ്ങൾ "ഞാൻ ശൗചാലയം കണ്ടെത്തേണ്ടതാണ്" എന്ന സാധാരണ ഇംഗ്ലീഷ് പറയുമ്പോൾ കുറവുകൾക്കായി പരിഭാഷെന്നും വഴിക്കാട്ടിയും നൽകുന്നു. +- **ലൈ-ലെവൽ പ്രോഗ്രാമിങ്** നന്നായിട്ടുള്ള പ്രാദേശിക സുഹൃത്ത് ആകുക. പതിവായി ഇംഗ്ലീഷിൽ “നമുക്ക് പാനിയമുറി വേണം” എന്നതുപോലെ പറയാം, അവർ സംസ്ക്കാരപരമായ പരിഭാഷയും ദിശാനിർദ്ദേശവും നിഷ്പ്രിയമായി കൊണ്ടു നൽകും. -പ്രോഗ്രാമിങ്ങിൽ ഇത് ഇങ്ങനെ കൂടിയാണ്: -- **താഴത്തെക്കു വരുന്ന ഭാഷകൾ** (അസംബ്ലി, C പോലുള്ള) നിങ്ങളുടെ കംപ്യൂട്ടറിലെ ഹാർഡ്വെയർ നേരിട്ട് നിയന്ത്രിക്കാൻ അനുവദിക്കുന്നു, പക്ഷെ യന്ത്രം പോലെ ചിന്തിക്കേണ്ടതുണ്ട് – വളരെ മനസ്സിലാക്കാൻ പ്രയാസമാണ്! -- **മുകളിൽ വരുന്ന ഭാഷകൾ** (ജാവാസ്ക്രിപ്റ്റ്, പൈതൺ, സി#) നിങ്ങൾ ഒരുപാട് മനുഷ്യപോലെ ചിന്തിക്കുമ്പോൾ പിന്നണിയിൽ യന്ത്രഭാഷ കൈകാര്യം ചെയ്യുന്നു. കൂടാതെ, പുതിയവരാരെന്ന ഓർമിച്ച് സഹായിക്കാൻ സന്നദ്ധരായ മനോഹര സമുദായങ്ങൾ ഇതിലേക്ക് ഉണ്ട്! +പ്രോഗ്രാമിങിൽ: +- **ലോ-ലെവൽ ഭാഷകൾ** (Assembly, C പോലുള്ള) നിങ്ങളുടെ കൂടെ കമ്പ്യൂട്ടറിന്റെ ഹാർഡ്‌വെയറുമായി വളരെ വിശദമായി പറയാം, പക്ഷെ മെഷീൻപോലെ ചിന്തിക്കണം, ഇത് ഒരു വലിയ മാനസിക മാറ്റമാണ്! +- **ഹൈ-ലെവൽ ഭാഷകൾ** (JavaScript, Python, C# പോലുള്ള) നിങ്ങൾക്ക് മനുഷ്യൻപോലെ ചിന്തിക്കാം, അവർ പിന്നിലെ മെഷീൻ ഭാഷ കൈകാര്യം ചെയ്യും. കൂടാതെ, ഇത് പുതിയവരെ ഓർമ്മിക്കുന്ന, സഹായിക്കാൻ ആഗ്രഹിക്കുന്ന മനോഹരമായ സമൂഹങ്ങൾക്ക് പൂർണമായും ചേർന്നിടുന്നു! -നിങ്ങൾക്ക് ആരംഭിക്കാൻ ഞാൻ ഏത് ശുപാർശ ചെയ്യുന്നുവെന്ന് തില്ലോ? 😉 ഉയർന്നതലത്തിലുള്ള ഭാഷകൾ പരിശീലന ചക്രങ്ങൾ പോലെയാണ്, നീ ഒന്നും നീക്കം ചെയ്യാൻ ആഗ്രഹിക്കില്ല, കാരണം അത് അനുഭവം വളരെ സുഗമമാക്കും! +നിങ്ങൾക്ക് ശുപാർശ ചെയ്യുന്നത് ഏതാണ് എന്നെ മനസ്സിലാകുന്നുണ്ടോ? 😉 ഹൈ-ലെവൽ ഭാഷകൾ പരിശീലനചക്രങ്ങൾ പോലെയാണ് – അവ നീക്കം ചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിയ്ക്കില്ല; കാരണം അവ പ്രയാസമല്ലാതാക്കുന്നു! ```mermaid flowchart TB - A["👤 മനുഷ്യന്റെ ചിന്ത:
'എനിക്ക് ഫിബൊനാച്ചി സംഖ്യകൾ കണക്കാക്കണം'"] --> B{ഭാഷാ നിലവാരം തിരയുക} + A["👤 മാനവ ചിന്ത:
'ഞാൻ ഫിബൊനാച്ചി സംഖ്യകൾ കണക്കാക്കാൻ ആഗ്രഹിക്കുന്നു'"] --> B{ഭാഷാ മട്ടം തിരഞ്ഞെടുക്കുക} - B -->|ഉയർന്ന നില| C["🌟 ജാവാസ്ക്രിപ്റ്റ്/പൈതൺ
വായിക്കാനും എഴുതാനും എളുപ്പം"] - B -->|താഴ്ന്ന നില| D["⚙️ അസംബ്ലി/സി
നേരിട്ട് ഹാർഡ്വെയർ നിയന്ത്രണം"] + B -->|ഉയർന്ന തലമുറ| C["🌟 ജാവാസ്ക്രിപ്റ്റ്/Python
വായനയും എഴുതുകയും എളുപ്പം"] + B -->|താഴ്ന്ന തലമുറ| D["⚙️ അസംബ്ലി/C
ഡയറക്ട് ഹാർഡ്‌വെയർ കൺട്രോള്"] C --> E["📝 എഴുതുക: fibonacci(10)"] D --> F["📝 എഴുതുക: mov r0,#00
sub r0,r0,#01"] - E --> G["🤖 കമ്പ്യൂട്ടർ മനസിലാക്കുന്നു:
ട്രാൻസ്ലേറ്റർ സങ്കീർണ്ണത കൈകാര്യം ചെയ്യുന്നു"] + E --> G["🤖 കമ്പ്യൂട്ടർ മനസ്സിലാക്കൽ:
ട്രാൻസ്‌ലെറ്റർ സങ്കീർണ്ണത കൈകാര്യം ചെയ്യുന്നു"] F --> G - G --> H["💻 അതേ ഫലം:
0, 1, 1, 2, 3, 5, 8, 13..."] + G --> H["💻 ഒരേ ഫലം:
0, 1, 1, 2, 3, 5, 8, 13..."] style C fill:#e1f5fe style D fill:#fff3e0 style H fill:#e8f5e8 ``` -### ഉയർന്നതലത്തിലുള്ള ഭാഷകൾ എങ്ങനെ സുഹൃദയമായിട്ടാണ് കാണുന്നത് എന്ന് ഞാൻ കാണിച്ചുതരാം +### ഹൈ-ലെവൽ ഭാഷകൾ എങ്ങനെ സുഹൃത്തുക്കളായിരിക്കുന്നു കാണാം -ശരി, ഉയർന്നതലത്തിലുള്ള ഭാഷകളോടുള്ള എന്റെ സ്നേഹം തീർത്തും വ്യക്തമായി കാണിക്കുന്ന ഉദാഹരണം കാണിക്കുകയാണ് – ഇതു കാണുമ്പോൾ ഞെട്ടാതിരിക്കുക. ഇത് ഭീതി തോന്നുന്നാവശ്യവും ആണ്. ആ കാരണമാണ് ഞാൻ പറയുന്നത്! +നിങ്ങൾക്ക് കുറേ അയഞ്ഞുപോയിട്ടും ഞാൻ ഒരു കാര്യം കാണിക്കാൻ പോകുകയാണ്. ആദ്യ കോഡ് ഉദാഹരണം കാണുമ്പോൾ ഭയക്കാതെ ഇരിക്കുക! ഭയപ്പെടുത്തുന്നതാണ് എന്റെ ഉദ്ദേശം! -നാം ഒരേ ജോലി രണ്ട് വ്യത്യസ്ത രീതികളിൽ എഴുതിയതാണ് കാണുന്നത്. രണ്ട് രീതികളും ഫിബൊനാച്ചി സിക്വൻസ് സൃഷ്ടിക്കുന്നു – ഓരോ സംഖ്യയും മുമ്പത്തെ രണ്ടിന്റെ കൂട്ടമാണ്: 0, 1, 1, 2, 3, 5, 8, 13... (രസകരം: പ്രകൃതിയിൽ എല്ലായിടത്തും ഈ മാതൃക കാണാം – സൂര്യക്കുളം സർക്കിളുകൾ, പൈൻകോൺ മാതൃകകൾ, ഗലക്സി രൂപീകരണം!) +വ്യത്യസ്ത ശൈലിയിൽ എഴുതിയ ഒരേ ടെസ്ക്ടറ് കാണാം. ഫിബൊനാച്ചി സീക്വൻസ് എന്നതാണ് – ഒരു ശൈലിയുടെ ഗണിത പാറ്റേൺ, ഓരോ സംഖ്യയും മുമ്പത്തെ രണ്ടു സംഖ്യകളുടെ കൂട്ടമാണ്: 0, 1, 1, 2, 3, 5, 8, 13... (ആശ്ചര്യം! പ്രകൃതിയിൽ എല്ലായിടത്തും കാണാം – സൂര്യപ്പൂവ് വിത്തുകളുടെ സ്പിറൽ, പൈന്കോൺ പാറ്റേൺ, ഗാലക്സി രൂപീകരണം!) -വ്യത്യാസം കാണാൻ തയ്യാറാണോ? നമുക്ക് പോകാം! +മാറിടാൻ തയ്യാറാണോ? സഞ്ചരിക്കാം! -**ഉയർന്നതല ഭാഷ (ജാവാസ്ക്രിപ്റ്റ്) – മനുഷ്യന് സൗഹൃദം:** +**ഹൈ-ലെവൽ ഭാഷ (JavaScript) – മനുഷ്യ സൗഹൃദം:** ```javascript -// ഘട്ടം 1: അടിസ്ഥാന ഫിബോണാച്ചി സജ്ജീകരണം +// പടി 1: അടിസ്ഥാന ഫിബോണാച്ചി ക്രമീകരണം const fibonacciCount = 10; let current = 0; let next = 1; @@ -183,32 +186,32 @@ let next = 1; console.log('Fibonacci sequence:'); ``` -**ഈ കോഡ് ചെയ്യും:** -- **ഒരുചെരിപ്പ് നിശ്ചയിക്കും**, ഫിബൊനാച്ചി സംഖ്യ എത്രത്തോളം സൃഷ്ടിക്കാനാണ് എന്നത് സംബന്ധിച്ച് -- **രണ്ട്변숫ുകൾ ആരംഭിക്കും**, ഇപ്പോഴത്തെ സംഖ്യയും അടുത്ത സംഖ്യയും ട്രാക്ക് ചെയ്യാനായി -- **സൂരാംശം ക്രമീകരിക്കും** (0, 1) ഫിബൊനാച്ചി മാതൃക നിർവ്വചിക്കാൻ -- **ഒരു തലക്കെട്ട് സന്ദേശം പ്രദർശിപ്പിക്കും** ഞങ്ങളുടെ ഫലം തിരിച്ചറിയാൻ +**ഈ കോഡ് ചെയ്യുന്നത്:** +- എത്ര ഫിബൊനാച്ചി സംഖ്യകൾ ഉണ്ടാക്കണമെന്ന് ഒരു കോൺസ്റ്റന്റ് പ്രഖ്യാപിക്കുക +- നിലവിലുള്ള സംഖ്യകളും അടുത്ത സംഖ്യകളും ട്രാക്ക് ചെയ്യാൻ രണ്ട് വേരിയബിൾസ് ആരംഭിക്കുക +- ഫിബൊനാച്ചി പാറ്റേൺ നിർണ്ണയിക്കുന്ന സ്റ്റാർട്ടിംഗ് മൂല്യങ്ങൾ സജ്ജമാക്കുക (0, 1) +- നമുക്ക് ഔട്ട്‌പുട്ട് തിരിച്ചറിയാൻ ഹെഡർ സന്ദേശം പ്രദർശിപ്പിക്കുക ```javascript -// ഘട്ടം 2: ലുപ് ഉപയോഗിച്ച് വിപ്രവാഹം സൃഷ്ടിക്കുക +// ഘട്ടം 2: ഒരു ലൂപ്പ് ഉപയോഗിച്ച് ശ്രേണി സൃഷ്ടിക്കുക for (let i = 0; i < fibonacciCount; i++) { console.log(`Position ${i + 1}: ${current}`); - // അനുക്രമത്തിലെ അടുത്ത സംഖ്യ ഗണിക്കുക + // ശ്രേണിയിലെ അടുത്ത സംഖ്യ കണക്കാക്കുക const sum = current + next; current = next; next = sum; } ``` -**ഇവിടെ സംഭവിക്കുന്ന കാര്യങ്ങൾ:** -- **`for` ലൂപ്പ് ഉപയോഗിച്ച്** സീക്വൻസിലെ ഓരോ സ്ഥാനത്തിലും യാത്രചെയ്യുന്നു -- **ഫലം പ്രദർശിപ്പിക്കുന്നു** ഓരോ സംഖ്യയും അതിന്റെ സ്ഥാനത്തോടുകൂടി ടെംപ്ലേറ്റ് ലിടെറൽ ഉപയോഗിച്ച് -- **അടുത്ത സംഖ്യ കണക്കാക്കുന്നു** ഇപ്പോഴത്തെയും അടുത്തതുമായ സംഖ്യകൾ കൂട്ടിച്ചേർത്ത് -- **ട്രാക്കിംഗ് വേരിയബിളുകൾ പുതുക്കുന്നു** അടുത്ത തവണയുടെ അതിക്രമം കൈകാര്യം ചെയ്യാൻ +**ഇവിടെ എന്താകുന്നു:** +- ഒരൊന്നായി ഓരോ സ്ഥാനം కోసం `for` ലൂപ്പ് ഉപയോഗിച്ച് ചുറ്റുക +- ഓരോ സംഖ്യയും ആസ്ഥാനവിവരത്തോടെ ടെംപ്ലേറ്റ് ലിറ്ററൽ ഫോർമാറ്റിംഗ് ഉപയോഗിച്ച് പ്രദർശിപ്പിക്കുക +- നിലവിലെ മൂല്യങ്ങൾ കൂട്ടിച്ചേർത്ത് അടുത്ത ഫിബൊനാച്ചി സംഖ്യ കണക്കുക +- ട്രാക്കിംഗ് വേരിയബിൾസ് അപ്ഡേറ്റ് ചെയ്ത് അടുത്ത ഐററേഷനിലേക്ക് പോകുക ```javascript -// ഘട്ടം 3: ആധുനിക പ്രവർത്തന സമീപനം +// ഘട്ടം 3: ആധുനിക ഫംഗ്ഷണൽ സമീപനം const generateFibonacci = (count) => { const sequence = [0, 1]; @@ -219,18 +222,18 @@ const generateFibonacci = (count) => { return sequence; }; -// ഉപയോഗ ഉദാഹരണം +// ഉപയോഗത്തിന്റെ ഉദാഹരണം const fibSequence = generateFibonacci(10); console.log(fibSequence); ``` -**മുൻപുള്ളത്:** -- **ആധുനിക എറോ ഫങ്ഷൻ സംഖ്യ ഉപയോഗിച്ച്** പുനരുപയോഗയോഗ്യമാക്കി പ്രവർത്തനം നിർമ്മിച്ചു -- **ഒരു അറേ നിർമ്മിച്ചു** മുഴുവൻ സീക്വൻസ് സൂക്ഷിക്കാൻ, ഒരൊറ്റ സംഖ്യ പ്രദർശിപ്പിക്കുന്നതിനുപകരം -- **അറേയുടെ ഇൻഡെക്സിംഗും ഉപയോഗിച്ചു** പുതിയ സംഖ്യ കണക്കാക്കാൻ -- **മുഴുവൻ പരമ്പര തിരിച്ചുനൽകി**, നമ്മുടെ പ്രോഗ്രാമിന്റെ ബാക്കി ഭാഗങ്ങളിൽ ഇഷ്ടാനുസരണം ഉപയോഗിക്കാൻ +**മുകളിൽ നാം ചെയ്തത്:** +- ആധുനിക ആയുള്ള arrow ഫംക്ഷൻ പരാമൃഷ്ടമായി ഉപയോഗിച്ച് പുനരുപയോഗയോഗ്യമായ ഫംക്ഷൻ സൃഷ്ടിച്ചു +- ഏകദേശം മുഴുവൻ സീക്വൻസും സൂക്ഷിക്കാൻ ഒരു അറേ ഉണ്ടാക്കി, ഒരൊറ്റ സംഖ്യ മാത്രം പ്രദർശിപ്പിക്കാതെ +- ഓരോ എഴുത്തും മുമ്പത്തെ മൂല്യങ്ങളിൽ നിന്നു കണക്കാക്കിയ സംഖ്യ മറ്റൊരു അറേ ഇൻഡെക്സിംഗ് ആയി ഉപയോഗിച്ചു +- പ്രോഗ്രാമിന്റെ മറ്റുഭാഗങ്ങളിൽ ഉപയോഗിക്കാനായി മുഴുവൻ സീക്വൻസ് തിരികെ നൽകി -**താഴത്തെക്കു വരുന്ന ഭാഷ (ARM Assembly) – കംപ്യൂട്ടറിനോട് സൗഹൃദം:** +**ലോ-ലെവൽ ഭാഷ (ARM Assembly) – കമ്പ്യൂട്ടർ സൗഹൃദം:** ```assembly area ascen,code,readonly @@ -257,76 +260,76 @@ back add r0,r1 end ``` -ജാവാസ്ക്രിപ്റ്റ് പതിപ്പ് ഇംഗ്ലീഷ് നിർദ്ദേശങ്ങൾ പോലെ വായിക്കപ്പെടുന്നത് കാണുക, അസംബ്ലി പതിപ്പ് കംപ്യൂട്ടറിന്റെ പ്രോസസ്സറെ നേരിട്ട് നിയന്ത്രിക്കുന്ന cryptic കമാൻഡുകൾ ഉപയോഗിക്കുന്നു. രണ്ട് പതിപ്പുകളും ഒരേ ജോലി നിർവഹിക്കുന്നു, പക്ഷെ ഉയർന്നതല ഭാഷ മനുഷ്യർക്ക് മനസിലാക്കാനും എഴുതാനും പരിപാലിക്കാനും വളരെ എളുപ്പമാണ്. +ജാവാസ്ക്രിപ്റ്റ് പതിപ്പ് എങ്ങനെ ആംഗലേയ നിർദ്ദേശങ്ങളായി വായിക്കാമെന്ന് കാണുന്നുവേ, അസംബ്ലി പതിപ്പ് കമ്പ്യൂട്ടറിന്റെ പ്രൊസസ്സർ നേരിട്ട് നിയന്ത്രിക്കുന്ന ഗൂഢസംവിധാനങ്ങളായ കമാന്റുകൾ ഉപയോഗിക്കുന്നു. രണ്ട് പതിപ്പും ഒരേ ടെസ്ക്ട് നിർവ്വഹിക്കുന്നു, പക്ഷെ ഹൈ-ലെവൽ ഭാഷ മനുഷ്യർക്ക് മനസ്സിലാക്കാനും എഴുതാനും പരിപാലിക്കാനും എളുപ്പമാണ്. -**മുൻകൂർ ശ്രദ്ധിക്കേണ്ട പ്രധാന വ്യത്യാസങ്ങൾ:** -- **വായനാസൗകര്യം**: ജാവാസ്ക്രിപ്റ്റ് വിവരപരമായ പേര് ഉപയോഗിക്കുന്നു, ഉദാ., `fibonacciCount`, അസംബ്ലി cryptic ലേബലുകൾ, ഉദാ., `r0`, `r1` -- **അഭിപ്രായങ്ങൾ**: ഉയർന്ന തലഭാഷകൾ സ്വയം രേഖപ്പെടുത്തുന്ന കോഡ് സൃഷ്ടിക്കുന്നതിന് വിശദീകരണാത്മകമായ വിശദീകരണങ്ങൾ പ്രോത്സാഹിപ്പിക്കുന്നു -- **ഘടന**: ജാവാസ്ക്രിപ്റ്റിന്റെ തർക്കബദ്ധമായ പ്രവാഹം മനുഷ്യർ പ്രശ്നങ്ങളെ ഘട്ടം ഘട്ടമായായി ചിന്തിക്കുന്ന രീതിയിലേക്ക് പൊരുത്തപ്പെടുന്നു -- **പരിപാലനം**: വ്യത്യസ്ത ആവശ്യങ്ങൾക്കായി ജാവാസ്ക്രിപ്റ്റ് പതിപ്പ് പുതുക്കൽ ചെയ്യുന്നത് ലളിതവും വ്യക്തവുമായാണ് +**ഇവിടെ നിങ്ങൾ ശ്രദ്ധിക്കപ്പെടുന്ന പ്രധാന വ്യത്യാസങ്ങൾ:** +- **വായനാസൗകര്യം**: ജാവാസ്ക്രിപ്റ്റ് `fibonacciCount` പോലുള്ള വിവരണാത്മക പേരുകൾ ഉപയോഗിക്കുന്നപ്പോൾ അസംബ്ലി `r0`, `r1` പോലുള്ള രഹസ്യടീക്കുകളാണ് ഉപയോഗിക്കുന്നത് +- **കമന്റുകൾ**: ഉയർന്ന തലത്തിലുള്ള ഭാഷകൾ കോഡ് സ്വയം-വിവരണമാകുന്ന വിധത്തിൽ വ്യാഖ്യാനാത്മക കമന്റുകൾ പ്രോത്സാഹിപ്പിക്കുന്നു +- **ഘടന**: ജാവാസ്ക്രിപ്റ്റിന്റെ താർകിക പ്രവാഹം മനുഷ്യർ പ്രശ്നങ്ങളെ ഘട്ടം ഘട്ടമായി ആലോചിക്കുന്ന രീതിയോട് പൊരുത്തപ്പെടുന്നു +- **പരിപാലനം**: വ്യത്യസ്ത ആവശ്യങ്ങൾക്കായി ജാവാസ്ക്രിപ്റ്റ് പതിപ്പ് അപ്‌ഡേറ്റ് ചെയ്യൽ ലളിതവും വ്യക്തവുമായ കാര്യമാണ് -✅ **ഫിബോണാച്ചി ശ്രേണി കുറിച്ച്**: ഈ അത്യന്തം മനോഹരമായ സംഖ്യാ ശ്രേണി (ഇവിടെയുള്ള ഓരോ സംഖ്യയും അതിന് മുന്നിലുള്ള രണ്ട് സംഖ്യകളുടെ ജോഡിയുടെ ഫലം ആയിരിക്കുന്നു: 0, 1, 1, 2, 3, 5, 8...) പ്രകൃതിയിൽ *എവിടെയും* കാണപ്പെടുന്നു! ഈ ശ്രേണി ഈരളിഞ്ചി ചിറകുകളിൽ, പൈന്കോണിന്റെ മാതൃകകളിൽ, നോട്ടുലസ് ശെല്ലുകളുടെ വളവിൽ, മരം ശാഖുകൾ വളരുന്ന രീതിയിലും കാണാം. ഗണിതവും കോഡും പ്രകൃതിയിലെ പ്രകൃതി സൃഷ്ടിക്കുന്ന സുന്ദരമായ മാതൃകകൾ നമ്മൾ മനസ്സിലാക്കി പുനരാവിഷ്കരിക്കാനും സഹായിക്കുന്നുവെന്ന് കാണുന്നത് സ്‌തബ്ധനാക്കുന്നുണ്ട്! +✅ **ഫിബൊനാച്ചി ശ്രേണി കുറിച്ച്**: ഓരോ സംഖ്യയും മുമ്പ് രണ്ടിന്റെ കൂട്ടമാണ് (0, 1, 1, 2, 3, 5, 8...) എന്ന അത്യന്തം മനോഹരമായ ഈ നമ്പർ പാറ്റേർൺ പ്രകൃതിയിലെ *എല്ലായിടത്തും* കാണപ്പെടുന്നു! പറഞ്ഞാൽ സൺഫ്ലവർ സ്പിരലുകളിൽ, പൈൻകോൺ പാറ്റേർണുകളിൽ, നോട്ടിലസ് പൊതികൾ വളർച്ച പ്രക്രിയയിൽ, കൂടാതെ മരം ശാഖകൾ വളരുന്ന രീതിയിലും കാണാം. ഗണിതവും കോഡും പ്രകൃതിയിൽ സൗന്ദര്യം ഉണ്ടാക്കാൻ ഉപയോഗിക്കുന്ന പാറ്റേൺസുകൾ മനസ്സിലാക്കുകയും പുനഃസൃഷ്ടിക്കുകയും ചെയ്യുന്നതിൽ എത്രയോ അതിശയപ്പെടുന്നുണ്ട്! -## മായാജാലം സൃഷ്ടിക്കുന്ന അടിസ്ഥാനഘടകങ്ങൾ +## മായാജാലം സൃഷ്ടിക്കുന്ന ഘടകങ്ങൾ -നന്നായി, നിങ്ങൾക്ക് പ്രോഗ്രാമിങ് ഭാഷകൾ പ്രവർത്തനത്തിൽ എങ്ങനെയാണ് എന്ന് കാണിച്ചുകഴിഞ്ഞു, ഇനി എല്ലാ പ്രോഗ്രാമുകളും എഴുതിയിരിക്കുന്ന അടിസ്ഥാനഘടകങ്ങൾ പരിശോധിക്കാം. ഇവയെ നിങ്ങളുടെ പ്രിയപ്പെട്ട പാചകക്രമത്തിൽ ഉള്ള അനിവാര്യമായ ഘടകങ്ങൾ പോലെ കരുതുക – ഓരോന്നിന്റെയും പ്രവർത്തനം നിങ്ങൾ മനസ്സിലാക്കി കഴിഞ്ഞാൽ നിങ്ങൾക്ക് ഏതൊരു ഭാഷയിലും കോഡ് വായിക്കാനും എഴുതാനുമാകും! +ശരി, ഇപ്പോൾ പ്രോഗ്രാമിംഗ് ഭാഷകൾ പ്രവർത്തനരൂപം എങ്ങനെ പോകുന്നു എന്ന് നിങ്ങൾ കണ്ടു കഴിഞ്ഞാൽ, എഴുതപ്പെട്ട ഓരോ പ്രോഗ്രാമിന്റെയും അടിസ്ഥാന ഭാഗങ്ങളെ ചുവടെ പൊട്ടിത്തെറിക്കാം. നിങ്ങളുടെ പ്രിയപ്പെട്ട പാചകക്കുറിപ്പിലെ അനിവാര്യ ഘടകങ്ങൾ പോലെ ഇവയെ ചിന്തിക്കുക – ഓരോ ഘടകവും ചെയ്യുന്നത് മനസ്സിലായാൽ നിങ്ങൾ ഏതെങ്കിലും भाषा വായിച്ചും എഴുതിയും സാധിക്കും! -ഇത് പ്രോഗ്രാമിങ്ങിന്റെ വ്യാകരണ പഠനത്തോടു സമാനമാണ്. സ്കൂളിൽ നിങ്ങൾ നാമം, ക്രിയ, അരുതായും വാക്യങ്ങൾ എങ്ങനെ പണിയാമെന്നു പഠിച്ച രീതിയെ ഓർക്കൂ! പ്രോഗ്രാമിംഗിന് സ്വന്തം ഒരു വ്യാകരണമുണ്ട്, ആ ഇംഗ്ലീഷ് വ്യാകരണത്തേക്കാൾ വളരെ തർക്കസങ്കേതം കൂടിയതും ക്ഷമയുള്ളതുമാണ്! 😄 +ഇതെന്തെന്നാൽ പ്രോഗ്രാമിംഗ് വ്യാകരണത്തെ പഠിക്കുന്നതുപോലെ ആണ്. സ്കൂളിൽ നാമം, ക്രിയ, വാക്യങ്ങൾ ചേർക്കുന്നത് പഠിച്ചപ്പോൾ ഓർക്കുന്നുണ്ടോ? പ്രോഗ്രാമിംഗിനെന്നും വ്യാകരണം ഉണ്ട്, തിരിച്ചറിയുക, അത് ഇംഗ്ലീഷ് വ്യാകരണത്തെക്കാൾ വളരെ ലളിതവും ന്യായമായി പ്രവർത്തിക്കുന്നതാണ്! 😄 -### പ്രസ്താവനകൾ: ക്രമപൂർവ്വ നിർദ്ദേശങ്ങൾ +### സ്റ്റേറ്റ്മെന്റുകൾ: ഘട്ടം ഘട്ടമായ നിർദ്ദേശങ്ങൾ -**പ്രസ്താവനകൾ**-ൽ നിന്ന് ആരംഭിക്കാം – ഇ примерно നിങ്ങളുടെ കമ്പ്യൂട്ടറുമായുള്ള സംഭാഷണത്തിലെ വ്യത്യസ്തവാക്കൽ പോലെ. ഓരോ പ്രസ്താവനയും കമ്പ്യൂട്ടറിന് ഒരു പ്രത്യേക കാര്യം ചെയ്യാൻ പറയുന്നു, “ഇവിടെ ഇടതേക്ക് തിരിയൂ,” “ചുവന്ന ലൈറ്റിൽ നിർത്തൂ,” “അവിടെ പാർക്ക് ചെയ്യൂ,” എന്നിങ്ങനെ ഒരു മാര്‍ഗനിർദ്ദേശം നൽകുന്ന പോലെ. +നാം **സ്റ്റേറ്റ്മെന്റുകൾ** മുതൽ തുടങ്ങിയാലോ – ഇവ നിങ്ങളുടെ കമ്പ്യൂട്ടറുമായി നടത്തുന്ന സംഭാഷണത്തിലെ ഓരോ വ്യക്തമായ വാക്യങ്ങളാണ്. ഓരോ സ്റ്റേറ്റ്മെന്റും കമ്പ്യൂട്ടറിനെ ഒരു പ്രത്യേക കാര്യം ചെയ്യാൻ പറയുന്നു, പക്ഷേ വഴികാട്ടലുപോലെ: "ഇവിടെ ഇടത് തിരികെ പോവുക," "ചുവപ്പ് ലൈറ്റിൽ നിർത്തുക," "അവിടെ പാർക്ക് ചെയ്യുക." -എനിക്ക് പ്രസ്താവനകൾ ഇഷ്ടം വല്ലപ്പോഴും അവർ എങ്ങനെ വായിക്കാൻ എളുപ്പമാണ് എന്ന് കാണുന്നതു്. ഇതു നോക്കൂ: +സ്റ്റേറ്റ്മെന്റുകൾ എങ്ങനെ വായനാസൗകര്യമാണെന്ന് ഞാൻ ഇഷ്ടപ്പെടുന്നത് കാണൂ: ```javascript -// ഏകകാർയങ്ങൾ നടത്തുന്നു അടിസ്ഥാന പ്രസ്താവനകൾ +// ഒറ്റ പ്രവർത്തനങ്ങൾ നടത്തുന്നതിന് അടിസ്ഥാന കമാൻഡുകൾ const userName = "Alex"; console.log("Hello, world!"); const sum = 5 + 3; ``` -**ഈ കോഡ് ചെയ്യുന്നത്:** -- ഒരു സ്ഥിരമായി നാമം സൂക്ഷിക്കാന്‍ സ്ഥിരം വേരിയബിൾ പ്രഖ്യാപിക്കുക -- കോൺസോൾ ഔട്ട്പുട്ടിലേക്ക് ഒരു അഭിവാദന സന്ദേശം പ്രദർശിപ്പിക്കുക -- ഗണിത പ്രവർത്തനത്തിന്റെ ഫലം കണക്കാക്കി സൂക്ഷിക്കുക +**ഈ കോഡ് ചെയ്യുന്നത്:** +- ഒരു സ്റ്റാറ്റിക് ഘടകം പ്രഖ്യാപിച്ച് ഉപയോക്താവിന്റെ പേര് സൂക്ഷിക്കുക +- കോൺസോളിൽ ഒരു സ്വാഗത സന്ദേശം പ്രദർശിപ്പിക്കുക +- ഒരു ഗണിത പ്രവർത്തനഫലം കണക്കാക്കി സൂക്ഷിക്കുക ```javascript -// വെബ് പേജുകളുമായി ഇടപെടുന്ന പ്രസ്താവനകൾ +// വെബ് പേജുകളുമായി ഇടപഴകുന്ന പ്രസ്താവനകൾ document.title = "My Awesome Website"; document.body.style.backgroundColor = "lightblue"; ``` -**കൂടെ സി കൂട്ടത്തിൽ ഇത് നടക്കുന്നത്:** -- ബ്രൗസർ ടാബിൽ കാണുന്ന വെബ്പേജ് തലവാചകം മാറ്റുക -- പേജ് ബോഡിയുടെ പശ്ചാത്തല നിറം മാറ്റുക +**ഘട്ടം ഘട്ടം, ഇതാണ് നടക്കുന്നത്:** +- ബ്രൗസർ ടാബിലുള്ള വെബ്‌പേജ് തലക്കെട്ട് മാറ്റുക +- മൊത്തം പേജ് ബോഡിയുടെ പശ്ചാത്തല നിറം മാറ്റുക -### വേരിയബിളുകൾ: നിങ്ങളുടെ പ്രോഗ്രാമിന്റെ മെമ്മറി സിസ്റ്റം +### പ്രതിഫലങ്ങൾ: നിങ്ങളുടെ പ്രോഗ്രാമിന്റെ മെമ്മറി സിസ്റ്റം -ശരി, **വേരിയബിളുകൾ** എന്നത് എന്റെ ഏറ്റവും ഇഷ്ടപ്പെട്ട ആശയങ്ങളിലൊന്നാണ് കാരണം അവ നിങ്ങൾ എല്ലാ ദിവസവും ഉപയോഗിക്കുന്ന കാര്യങ്ങളോട് വളരെ സമാനമാണ്! +ശരി, **പ്രതിരൂപങ്ങൾ** എന്നത് എന്റെ ഏറ്റവും ഇഷ്ടപ്പെട്ട ആശയങ്ങളിൽ ഒന്നാണ്, കാരണം അവ നിങ്ങൾ പ്രതിദിനം ഉപയോഗിക്കുന്ന കാര്യങ്ങളോട് വളരെ സമാനമാണ്! -നിങ്ങളുടെ ഫോണിലെ കോൺടാക്റ്റ് ലിസ്റ്റിനെ കുറിച്ച് ചിന്തിക്കു. ഓരോ ഫോൺ നമ്പറും നിങ്ങൾ ഓർക്കുകയില്ല – പകരം, “അമ്മ,” “സ്നേഹിതൻ,” “രാത്രി 2 മണി വരെ ഡെലിവറി ചെയ്യുന്ന പിസ്സാ തുടങ്ങിയവ സംഭരിച്ച് നിങ്ങളുടെ ഫോൺ ആ നമ്പറുകൾ ഓർക്കുന്നു. വേരിയബിളുകൾ യഥാക്രമം അങ്ങനെയാണ്! അവ ലേബൽ ചേർത്ത കുപ്പികളാണ്, അവിടെ നിങ്ങളുടെ പ്രോഗ്രാം വിവരങ്ങൾ സൂക്ഷിക്കാനും പിന്നീട് പേരlynനയിച്ച് ലഭിക്കാനുമാകും. +ഒരു നിമിഷം നിങ്ങളുടെ ഫോൺ കോൺടാക്ട് ലിസ്റ്റ് ചിന്തിക്കുക. എല്ലാ നമ്പറുകളും നമുക്ക് മനസ്സിലാക്കേണ്ടതില്ല – നിങ്ങൾ "അമ്മ", "സഹചാരൻ", അല്ലെങ്കിൽ "രാത്രി 2 വരെ ഡെലിവറി ചെയ്യുന്ന പിസ്സാ സ്ഥലം" എന്നാണ് സൂക്ഷിക്കുന്നത്, ഫോൺ ശരിയായ നമ്പറുകൾ ഓർക്കുന്നു. പ്രതിഫലങ്ങളും അതുപോലെ പ്രവർത്തിക്കുന്നു! നിങ്ങളുടെ പ്രോഗ്രാമിന് വിവരം സൂക്ഷിക്കാനും പിന്നീട് പേരുപയോഗിച്ച് തിരിച്ചെടുക്കാനും ഇവ ഉപയോഗിക്കാം. -മികച്ച കാര്യം: വേരിയബിളുകൾ പ്രോഗ്രാം പ്രവർത്തിക്കുമ്പോൾ മാറാം (അതിനാൽ "വേരിയബിൾ" എന്ന് പേരിട്ടിട്ടുണ്ട് – നോക്കൂ അതിന്റെ രസം!). നിങ്ങൾക്ക് മെച്ചപ്പെട്ട പിസ്സാ ഷോപ്പ് കണ്ടെത്തിയപ്പോൾ കോൺടാക്റ്റ് മാറ്റി കൊടുക്കുന്നതുപോലെ, പ്രോഗ്രാമും പുതിയ വിവരങ്ങൾ ശേഖരിച്ചുകൊണ്ട് വേരിയബിളുകൾ പുതുക്കും! +ഇതിൽ ഏറ്റവും തുതപ്പുള്ളത് ഇതാണ്: നിങ്ങളുടെ പ്രോഗ്രാം പ്രവർത്തിക്കുന്നതോടെ പ്രതിഫലങ്ങൾ മാറ്റാൻ കഴിയുമ്ബോൾ (അതുകൊണ്ടാണ് പ്രതിഫലം എന്ന് വിളിക്കുന്നത്!). നിങ്ങൾ പുതിയ ഒരിടത്ത് മികച്ച പിസ്സാ സ്ഥലം കണ്ടെത്തുമ്പോൾ അവിടെ നിന്നു കോൺടാക്ട് അപ്‌ഡേറ്റ് ചെയ്യുന്ന പോലെ, പ്രോഗ്രാം പുതിയ വിവരങ്ങൾ പഠിച്ചോ അവസ്ഥ മാറിയോ ചെയ്താൽ പ്രതിഫലങ്ങൾ അപ്ഡേറ്റ് ചെയ്യാം! -ഇത് എത്ര എളുപ്പമാണെന്ന് എനിക്ക് കാണിക്കാം: +ഇത് എത്ര തികച്ചും ലളിതമാണെന്ന് ഞാൻ കാണിക്കും: ```javascript -// ഘട്ടം 1: അടിസ്ഥാന വ്യത്യസ്തികൾ സൃഷ്ടിക്കൽ +// സംയോജിത ചरों സൃഷ്‌ടിക്കുന്നതിനുള്ള ഘട്ടം 1: const siteName = "Weather Dashboard"; let currentWeather = "sunny"; let temperature = 75; let isRaining = false; ``` -**ഈ ആശയങ്ങൾ മനസ്സിലാക്കാം:** -- `const` വേരിയബിളുകളിൽ മാറ്റം ഇല്ലാത്ത മൂല്യങ്ങൾ സൂക്ഷിക്കുക (ഉദാഹരണത്തിന് സൈറ്റ് നാമം) -- ആപ്ലിക്കേഷനിൽ മാറാവുന്ന മൂല്യങ്ങൾക്ക് `let` ഉപയോഗിക്കുക -- വ്യത്യസ്ത ഡാറ്റാ ടൈപ്പുകൾ വിനിയോഗിക്കുക: പദങ്ങൾ, സംഖ്യകൾ, ബൂലിയൻ (true/false) -- ഓരോ വേരിയബിൾ എന്ത് സൂക്ഷിക്കുന്നു എന്ന് വിശദമാക്കുന്ന നാമങ്ങൾ തിരഞ്ഞെടുക്കുക +**ഈ ആശയങ്ങൾ മനസ്സിലാക്കുക:** +- `const` ഉപയോഗിച്ച് അചഞ്ചലമായ മൂല്യങ്ങൾ സൂക്ഷിക്കുക (ഉദാ., സൈറ്റ് പേര്) +- `let` ഉപയോഗിച്ച് പ്രോഗ്രാം മുഴുവൻ മാറ്റം വരുത്താവുന്ന മൂല്യങ്ങൾ +- വർഗ്ഗീകരിക്കപ്പെട്ട ഡാറ്റാ തരം നൽകി: സ്ട്രിംഗ്, സംഖ്യ, ബൂളിയൻ (true/false) +- പ്രതിഫലങ്ങൾ എന്തിനാണെന്ന് വ്യക്തമാക്കിയ പേരുകൾ നൽകുക ```javascript -// ഘട്ടം 2: ബന്ധപ്പെട്ട ഡാറ്റ കൂട്ടിച്ചേർക്കാൻ ഒബ്ജക്ടുകളുമായി പ്രവർത്തിക്കുക +// ഘട്ടം 2: ബന്ധപ്പെട്ട ഡാറ്റ ഒരു കൂട്ടമായി ഗ്രൂപ്പുചെയ്യാൻ objects ഉപയോഗിക്കുന്നത് const weatherData = { location: "San Francisco", humidity: 65, @@ -334,50 +337,50 @@ const weatherData = { }; ``` -**മുകളിൽ, നാം:** -- ബന്ധിച്ച കാലാവസ്ഥാ വിവരങ്ങൾ കൂട്ടിയായി സൂക്ഷിക്കാൻ ഒരു ഒബ്ജക്ട് സൃഷ്ടിച്ചു -- ഒരു വേരിയബിൾ നാമത്തിൽ നിരവധി ഡാറ്റാ പീസ് ക്രമപ്പെടുത്തി -- ഓരോ വിവരവും തെളിയിക്കാൻ കീ-വാലു ജോഡികൾ ഉപയോഗിച്ചു +**മുകളിലത്തെ ഉദാഹരണത്തിൽ:** +- ബന്ധപ്പെട്ട കാലാവസ്ഥ വിവരങ്ങൾ ഒരു ഒബ്ജക്റ്റായി കൂട്ടിയിടുക +- ഒരു പ്രതിഫലത്തിൽ ആർജിച്ച ഡാറ്റയുടെ പല ഭാഗങ്ങളും ക്രമീകരിക്കുക +- ഓരോ വിവരത്തിനും കീ-വാല്യു ജോഡികൾ ഉപയോഗിച്ച് ലേബലുചെയ്യുക ```javascript -// ചുവടുവയ്പ് 3: ചേരുവകൾ ഉപയോഗിക്കുകയും പുതുക്കുകയും ചെയ്യൽ +// ഘട്ടം 3: വ്യത്യസ്ഥമായ വേരിയബിളുകൾ ഉപയോഗിക്കുകയും അപ്‌ഡേറ്റ് ചെയ്യുകയും ചെയ്യുന്നു console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`); console.log(`Wind speed: ${weatherData.windSpeed} mph`); -// മാറിവരുന്ന ചേരുവകൾ പുതുക്കൽ +// മാറ്റം വരുത്താവുന്ന വേരിയബിളുകൾ അപ്‌ഡേറ്റ് ചെയ്യുന്നു currentWeather = "cloudy"; temperature = 68; ``` -**ഓരോ ഭാഗവും മനസ്സിലാക്കാം:** -- `${}` സിന്റാക്സിൽ ടെംപ്ലേറ്റ് ലിറ്ററലുകൾ ഉപയോഗിച്ച് വിവരങ്ങൾ പ്രദർശിപ്പിക്കുക -- ഡോട്ട് നോട്ടേഷൻ ഉപയോഗിച്ച് ഒബ്ജക്ടിന്റെ ഗുണങ്ങൾ എങ്ങനെ ആക്‌സസ് ചെയ്യാം (`weatherData.windSpeed`) -- മാറ്റം വരുത്താവുന്ന അവസ്ഥകൾ `let` കണക്കാക്കിയ വേരിയബിളുകൾ പുതുക്കുക -- പല വേരിയബിളുകളും സംയോജിപ്പിച്ച് പ്രാസംഗിക സന്ദേശങ്ങൾ സൃഷ്ടിക്കുക +**ഓരോ ഭാഗവും മനസ്സിലാക്കാം:** +- ടെംപ്ലേറ്റ് ലിറ്ററൽസുകൾ `${}` ഉപയോഗിച്ച് ഡാറ്റ പ്രദർശിപ്പിക്കുക +- ഡോട്ട് നോട്ടേഷൻ കൊണ്ട് ഒബ്ജക്റ്റിന്റെ പ്രോപ്പർട്ടികളിൽ പ്രവേശിക്കുക (`weatherData.windSpeed`) +- `let` പ്രഖ്യാപിച്ച പ്രതിഫലങ്ങൾ ആവശ്യമനുസരിച്ചു അപ്‌ഡേറ്റ് ചെയ്യുക +- നിരവധി പ്രതിഫലങ്ങൾ സംയോജിപ്പിച്ച് പ്രാസംഗിക സന്ദേശങ്ങൾ രൂപപ്പെടുത്തുക ```javascript -// ഘട്ടം 4: ശുചിത്വമുള്ള കോഡിനായി ആധുനിക വിഭജനം +// പടി 4: ശുഭ്രമായ കോഡിനുള്ള ആധുനിക ദ്രോഹനരൂപീകരണം const { location, humidity } = weatherData; console.log(`${location} humidity: ${humidity}%`); ``` -**നാം അറിയേണ്ടത്:** -- ഡിസ്ട്രക്ചറിംഗ് അസൈൻമെന്റ് വഴി ഒബ്ജക്ടുകളിലെ പ്രത്യേക ഗുണങ്ങൾപ്പെടുക -- ഒബ്ജക്റ്റ് കീകളും അതേ നാമത്തിലുള്ള പുതിയ വേരിയബിളുകൾ സ്വയം സൃഷ്ടിക്കുക -- ഉത്തരവാദിത്വം വീണ്ടും വീണ്ടും ഡോട്ട് നോട്ടേഷൻ ഒഴിവാക്കാൻ കോഡ് ലളിതമാക്കുക +**അറിയേണ്ട കാര്യങ്ങൾ:** +- ഡീസ്റ്റ്രക്ചറിംഗ് അസൈൻമെന്റ് ഉപയോഗിച്ചു ഒബ്ജക്റ്റിൽ നിന്നും പ്രത്യേക പ്രോപ്പർട്ടികൾ എടുക്കുക +- ഒബ്ജക്റ്റിന്റെ കീകൾ പോലെ അസാധാരണമായി പുതിയ പ്രതിഫലങ്ങൾ സൃഷ്ടിക്കുക +- പുനരാവൃതം ഡോട്ട് നോട്ടേഷൻ ഒഴിവാക്കി കോഡ് ലളിതമാക്കുക -### കണ്ട്രോൾ ഫ്ലോ: നിങ്ങളുടെ പ്രോഗ്രാമിനെ ചിന്തിക്കാൻ പഠിപ്പിക്കൽ +### കൺട്രോൾ ഫ്ലോ: പ്രോഗ്രാമിനെ ചിന്തിക്കാൻ പഠിപ്പിക്കുക -ശരി, ഇവിടെ പ്രോഗ്രാമിങ് അതീവ മനോഹരമായ തലത്തിലേക്ക് എത്തുന്നു! **കണ്ട്രോൾ ഫ്ലോ** എന്നു പറയുന്നത് essentially നിങ്ങൾ കൊടുത്തിട്ടുള്ള if-then വരെ ഉള്ള ലജിക് പ്രോഗ്രാമിന് പഠിപ്പിക്കുകയാണ്, നിങ്ങൾ ദിവസേന യോചിക്കാതെ തന്നെ ചെയ്യുന്നതുപോലെ. +ശരി, ഇവിടെ പ്രോഗ്രാമിംഗ് മനസ്സമൃദ്ധമാക്കുന്ന ഘട്ടം തുടങ്ങി! **കൺട്രോൾ ഫ്ലോ** എന്നത്, നിങ്ങളുടെ പ്രോഗ്രാമിനെ നിങ്ങൾ പോലെ യുക്തിപൂർവം തീരുമാനങ്ങൾ എടുക്കാൻ പഠിപ്പിക്കുന്നതാണ്. നിങ്ങൾ ദിവസവും നാരിഴപ്പണി ചെയ്യാതെ വെറും സ്വാഭാവികമായി ചെയ്യുന്നത് ഇതാണ് പോലെ. -ഇന്ന് രാവിലെ നിങ്ങൾ “മഴയായി എങ്കിൽ കുട പിടിക്കും, തണുപ്പ് ഉണ്ടെങ്കിൽ ജാക്കറ്റ് ധരിക്കും, വൈകിയാൽ ബ്രേക്കഫാസ്റ്റ് വെട്ടിക്കൊണ്ടുപോവുകയും പാതിയിൽ കോഫി വാങ്ങുകയും ചെയ്യും” എന്ന് തീരുമാനിച്ചതുപോലെ, നിങ്ങളുടെ മസ്തിഷ്കം if-then ലജിക് അനേകം തവണ പ്രയോഗിക്കുന്നു! +ഇതിനൊരു ഉദാഹരണം: ഇന്ന് രാവിലെ "മഴ പെയ்யുകയാണെങ്കിൽ കുട ഉളുത്ത് പോകും. തണുത്താൽ ജാക്കറ്റ് ധരിക്കും. വൈകിക്കുകയാണെങ്കിൽ പ്രഭാതഭക്ഷണം ഒഴിവാക്കി വഴിയിൽ کافی കഴിക്കും." നിങ്ങളുടെ മസ്തിഷ്‌കം ദിനംപ്രതി നിരവധി തവണ ഈ ലജിക് അനുസരിക്കുന്നു! -ഇതാണ് പ്രോഗ്രാമുകൾ ബുദ്ധിമുട്ടുകളില്ലാതെ കൃത്രിമ ബുദ്ധി പോലെ തോന്നുന്നതിനുള്ള കാരയം. അവ അവസ്ഥ കാണും, വിലയിരുത്തും, യോജിച്ച വിധം പ്രതികരിക്കും. നിങ്ങളുടെ പ്രോഗ്രാമിന് ഒരു മസ്തിഷ്കം നൽകുന്നതുപോലെ! +ഇതാണ് പ്രോഗ്രാമുകൾക്ക് ബുദ്ധിയുള്ളവനാക്കി, ചില നിരുപകാരമായ കൂണ\u200cകൾ മാത്രം അനുസരിക്കുന്നതിന് പകരം യുക്തിപൂർവം പ്രതികരിക്കുന്നതാക്കുന്ന കാര്യം. അവ ഒരു മനസ്സും സ്വന്തമാക്കി, അവസ്ഥ വിലയിരുത്തി, അനുയോജ്യമായി പ്രതികരിക്കാം. -ഇത് എത്ര മനോഹരമായി പ്രവർത്തിക്കുന്നത് കാണാമോ? ഞാൻ കാണിക്കുന്നു: +ഇതെങ്ങനെ ഭംഗിയായി പ്രവർത്തിക്കുന്നുവെന്ന് കാണിക്കൽ എനിക്ക് ആസ്വാദ്യമാണ്: ```javascript -// ഘട്ടം 1: അടിസ്ഥാന ശരണീയ ന്യായം +// നില 1: അടിസ്ഥാന നിബന്ധനാത്മക ലോഗിക് const userAge = 17; if (userAge >= 18) { @@ -388,14 +391,14 @@ if (userAge >= 18) { } ``` -**ഈ കോഡ് ചെയ്യുന്നത്:** -- ഉപയോക്താവിന്റെ പ്രായം വോട്ടിംഗ് അർഹത പൂർത്തിയാകുമോ എന്നു പരിശോധിക്കുക -- വ്യത്യസ്ത കോഡ് ബ്ലോകുകൾ നിബന്ധനയുടെ ഫലപ്രകാരമുള്ള നടപടികൾ നടപ്പിലാക്കുക -- 18കപ്പുറം പ്രായമെങ്കിൽ വോട്ടിംഗിന് എത്ര സമയം ബാക്കി എന്നു കണക്കുകൂട്ടി കാണിക്കുക -- ഓരോ സാഹചര്യത്തിനും പ്രത്യേക ഉപകാരപ്രദമായ പ്രതികരണങ്ങൾ നൽകുക +**ഈ കോഡ് ചെയ്യുന്നത്:** +- ഉപയോക്താവിന്റെ വയസ്സ് വോട്ടിങ് യോഗ്യതയുണ്ടോ എന്ന് പരിശോധിക്കുക +- വ്യത്യസ്ത കോഡ് ബ്ലോക്കുകൾ നടപ്പിലാക്കുക വിധി ഫലത്തിന്റെ അടിസ്ഥാനത്തിൽ +- 18 വയസ്സിനും താഴെയുള്ളവർക്ക് വോട്ടിങ് യോഗ്യത നേടാൻ എത്ര കാലമെടുക്കും കണക്കാക്കും +- ഓരോ സാഹചര്യത്തിനും സൈദ്ധാന്തികവും സഹായകരവുമായ ഫീഡ്ബാക്ക് നൽകുക ```javascript -// ഘട്ടം 2: ലാജിക്കൽ ഓപ്പറേറ്ററുകളുമായി ഒന്നിലധികം നിബന്ധനകൾ +// പടിയം 2: നിരവധി നിലകൾ ലൊജിക്കൽ ഓപ്പറേറ്ററുകളുമായി const userAge = 17; const hasPermission = true; @@ -408,25 +411,25 @@ if (userAge >= 18 && hasPermission) { } ``` -**ഇവിടെ നടക്കുന്നതിനെ വിശദീകരിക്കുക:** -- `&&` (ആൻഡ്) ഒപ്പറേറ്റർ ഉപയോഗിച്ച് നിരവധി നിബന്ധനകൾ കൂട്ടിച്ചേർക്കുക -- വീണ്ടും `else if` ഉപയോഗിച്ച് വിട്ടുവീഴ്ച സാത്ത്വരങ്ങളുള്ള ഒരു അനുക്രമം സൃഷ്ടിക്കുക -- അവസാനത്തിലും എല്ലാവിധ സംഭവങ്ങളും കൈകാര്യം ചെയ്യാൻ `else` സ്റ്റേറ്റ്മെന്റ് നൽകുക -- വ്യത്യസ്ത പ്രതിഭാസങ്ങൾക്ക് വ്യക്തവും പ്രയോഗയോഗ്യവുമായ പ്രതികരണങ്ങൾ നൽകുക +**ഇവിടെ നടക്കുന്നത് പിരിച്ചുകൂടി:** +- `&&` (ആൺഡ്) ഓപ്പറേറ്റർ ഉപയോഗിച്ച് പല നിബന്ധനകളും കൂട്ടിച്ചേർക്കുക +- പല സാഹചര്യങ്ങൾക്കായി `else if` ഉപയോഗിച്ചുകൊണ്ട് നിബന്ധനകൾ അടിയന്തിര പരമ്പര സൃഷ്ടിക്കുക +- എല്ലാ സാധ്യതകളും കൈകാര്യം ചെയ്യാൻ അവസാനത്തെ `else` ക്ലോസ് ഉപയോഗിക്കുക +- വ്യത്യസ്ത സാഹചര്യങ്ങൾക്ക് സ്പഷ്ടവും പ്രാവർത്തികവുമായ ഫീഡ്ബാക്ക് നൽകുക ```javascript -// ഘട്ടം 3: ട്രിനറി ഓപ്പറേറ്ററോടു കൂടിയ സംക്ഷിപ്ത വ്യവസ്ഥിതികം +// പടിയായി 3: ടെർനറി ഓപ്പറേറ്ററോട് കൂടിയ സംക്ഷിപ്ത നിബന്ധന const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet"; console.log(`Status: ${votingStatus}`); ``` -**വിചാരിക്കേണ്ടത്:** -- ശ്ലേഷ്മ മൂല്യങ്ങൾക്കായി ടേണറി ഒപ്പറേറ്റർ (`? :`) ഉപയോഗിക്കുക -- ആദ്യം നിബന്ധനയെ എഴുതുക, തുടർന്ന് `?`, പിന്നീട് സത്യമെങ്കിൽ ഫലം, `:`, പിന്നെ അസത്യം ഫലം -- നിബന്ധനകളുടെ അടിസ്ഥാനത്തിൽ മൂല്യങ്ങൾ നൽകേണ്ട സാഹചര്യം ഉണ്ടെങ്കിൽ ഈ മാതൃക പ്രയോഗിക്കുക +**നിങ്ങൾ ഓർക്കേണ്ടത്:** +- ലളിതമായ രണ്ട് ഓപ്ഷൻ ആയ സാഹചര്യങ്ങൾക്ക് ternary ഓപ്പറേറ്റർ (`?:`) ഉപയോഗിക്കുക +- ആദ്യം നിബന്ധന, അവശേഷിച്ച് `?`, സത്യം വരുത്തുമ്പോളത്തെ ഫലം, `:`, then false result +- നിബന്ധനകളെ അടിസ്ഥാനമാക്കി മൂല്യങ്ങൾ ഏർപ്പെടുത്തേണ്ടപ്പോൾ ഈ മാതൃക പിന്തുടരുക ```javascript -// ഘട്ടം 4: നിരവധി പ്രത്യേക കേസുകൾ കൈകാര്യം ചെയ്യുന്നു +// ഘട്ടം 4: പല പ്രത്യേക സംഭവങ്ങളെ കൈകാര്യം ചെയ്യുക const dayOfWeek = "Tuesday"; switch (dayOfWeek) { @@ -446,55 +449,55 @@ switch (dayOfWeek) { } ``` -**ഈ കോഡ് ഇതു സാധ്യമാക്കുന്നു:** -- വേരിയബിൾ മൂല്യത്തെ നിരവധി പ്രത്യേക സംഭവങ്ങളോട് പൊരുത്തപ്പെടുത്തുക -- ആഴ്ചയിലെ ദിവസം ഒന്നിലധികം കേസുകൾ കൂട്ടിച്ചേർക്കുക (വാരദിനങ്ങളും വാരാന്ത്യവും) -- പൊരുത്തം കണ്ടെത്തിയപ്പോൾ അനുയോജ്യമായ കോഡ് ബ്ലോക്ക് പ്രവർത്തിപ്പിക്കുക -- അനിവാര്യമായ കേസുകൾക്കായി ഡിഫോൾട്ട് കേസ് ഉൾപ്പെടുത്തുക -- അടുത്ത കേസ് അവസരത്തിലേക്ക് കോഡ് തുടരുമെന്നത് തടയാൻ ബ്രേക്ക് സ്റ്റേറ്റ്മെന്റുകൾ ഉപയോഗിക്കുക +**ഈ കോഡ് ചെയ്യുന്നത്:** +- പ്രതിഫല മൂല്യം എത്ര വശമുള്ള പ്രത്യേക കേസുകളിൽ ഒത്തുപോകുന്നു എന്ന് പരിശോധിക്കുക +- സമാനമായ കേസുകൾ (ആഴ്ചയിലെ ദിവസങ്ങൾ, വാരാന്ത്യങ്ങൾ) കൂട്ടിച്ചേർക്കുക +- ഒത്തുപോയപ്പോൾ അനുയോജ്യമായ കോഡ് ബ്ലോക്ക് പ്രവർത്തിപ്പിക്കുക +- പ്രതീക്ഷിക്കാത്ത മൂല്യങ്ങൾ കൈകാര്യം ചെയ്യാനുള്ള `default` കേസുകൾ ഉൾപ്പെടുത്തുക +- അടുത്ത കേസിലേക്ക് കോഡ് തുടരുന്നത് തടയാൻ `break` സ്റ്റേറ്റ്മെന്റുകൾ ഉപയോഗിക്കുക -> 💡 **യാഥാർത്ഥ്യത്തിന്റെ ഉദാഹരണം**: കണ്ട്രോൾ ഫ്ലോയെ ഏറ്റവും ക്ഷമയുള്ള GPS നിക്കാൻപകരം നടത്തിപ്പ് ചെയ്യുന്ന രീതിയെന്നു കരുതുക. “മേൻ സ്ട്രീറ്റിൽ ട്രാഫിക് ഉണ്ടെങ്കിൽ ഹൈവേ വഴി പോകൂ. ഹൈവേ തടസപ്പെടുകയാണെങ്കിൽ കൗമാര അഴിമതി വഴി ശ്രമിക്കൂ” എന്നുപോലെ. പ്രോഗ്രാമുകൾ വിവിധ സാഹചര്യങ്ങൾക്ക് ബുദ്ധിമുട്ടില്ലാതെ പ്രതികരിക്കുന്നതിനും ഉപയോക്താക്കളെ മികച്ച അനുഭവം നൽകുന്നതിനും ഈ തരത്തിലുള്ള നിബന്ധനാപരമായ ലജിക് ഉപയോഗിക്കുന്നു. +> 💡 **യാഥാർഥ്യത്തെഴുത്ത്**: കൺട്രോൾ ഫ്ലോ ലോകത്തിലെ ഏറ്റവും ക്ഷമയുള്ള GPS നിങ്ങൾക്ക് വഴികാട്ടിയാകുന്നിരിക്കുന്നു എന്ന് ലൈക്കുചെയ്യൂ. "മേൻ സ്ട്രീറ്റ് ട്രാഫിക് ഉണ്ടെങ്കിൽ ഹൈവേ ഉപയോഗിക്കൂ. ഹൈവെ നിർമാണം തടസ്സപ്പെടുത്തുകയാണെങ്കിൽ, പരിസരമുള്ള മനോഹരമായ വഴി തിരയൂ." പ്രോഗ്രാമുകൾക്കും ഇതുപോലെയുള്ള നിബന്ധന ലജിക് ആണ് വ്യത്യസ്ത സാഹചര്യങ്ങൾ മനസ്സിലാക്കി ഉപയോക്താക്കൾക്ക് മികച്ച അനുഭവം നൽകുന്നത്. -### 🎯 **സങ്കൽപ പരിശോധന: അടിസ്ഥാന ഘടകങ്ങൾ പ്രാവീണ്യം** +### 🎯 **അവബോധം പരിശോധിക്കുക: ഘടകങ്ങൾ നന്നായി മനസ്സിലായോ?** -**അടിസ്ഥാനങ്ങളിൽ നിങ്ങൾ എങ്ങനെയുണ്ട് നോക്കാം:** -- വേരിയബിൾ ഒപ്പം പ്രസ്താവന എന്നിങ്ങനെ വ്യത്യാസം നിങ്ങളുടെ സ്വത്തുപോലെ വിശദീകരിക്കാമോ? -- ഒരു യാഥാർത്ഥ്യ സാഹചര്യത്തിൽ if-then തീരുമാനവും ഉപയോഗിക്കൂ (നമ്മുടെ വോട്ടിംഗ് ഉദാഹരണത്തെപോലെ) -- പ്രോഗ്രാമിങ് ലജിക്കിൽ നിങ്ങൾക്ക് ആഷ്ചര്യം തോന്നിച്ച ഒരു കാര്യം എന്താണ്? +**അടിസ്ഥാനങ്ങളുമായി നിങ്ങൾ എങ്ങനെ മുന്നേറുകയാണ് നോക്കാം:** +- പ്രതിഫലവും സ്റ്റേറ്റ്മെന്റും തമ്മിലുള്ള വ്യത്യാസം നിങ്ങളുടെ സ്വന്തം വാക്കുകളിൽ പറഞ്ഞുതിയ്ക്കാമോ? +- നിബന്ധന "if-then" ഉപയോഗിക്കുന്ന യഥാർത്ഥ അനുഭവം പറഞ്ഞുതരാമോ (ഞങ്ങളുടെ വോട്ടിങ് ഉദാഹരണം പോലുള്ളത്) +- പ്രോഗ്രാമിംഗ് ലജിക്കിൽ നിന്നുള്ള നിങ്ങൾക്ക് ഒന്ന് അത്ഭുതം തോന്നിയ കാര്യം എന്തെങ്കിലും? -**വേഗത്തിലുള്ള ആത്മവിശ്വാസ വർദ്ധനം:** +**ദേശീയ ആത്മവിശ്വാസം കൂട്ടാൻ:** ```mermaid flowchart LR - A["📝 പ്രസ്താവനകൾ
(നിർദ്ദേശങ്ങൾ)"] --> B["📦 വേരിയബിൾസ്
(സംഭരണം)"] --> C["🔀 നിയന്ത്രണ പ്രവാഹം
(മുന്നണികൾ)"] --> D["🎉 പ്രവർത്തിക്കുന്ന പ്രോഗ്രാം!"] + A["📝 പ്രസ്താവനകൾ
(നിർദ്ദേശങ്ങൾ)"] --> B["📦 വേരിയബിളുകൾ
(സൂക്ഷ്മം)"] --> C["🔀 നിയന്ത്രണ പ്രവাহം
(Filിപങ്ങൾ)"] --> D["🎉 പ്രവർത്തന പ്രോഗ്രാം!"] style A fill:#ffeb3b style B fill:#4caf50 style C fill:#2196f3 style D fill:#ff4081 ``` -✅ **അടുത്തത് വരുന്നത്**: നമ്മൾ ഈ ആശയങ്ങളിൽ കൂടുതൽ ആഴത്തിൽ ഇറങ്ങിപ്പോകാനിരിക്കുകയാണ്! ഇപ്പോൾ, ഈ അസാധാരണമായ സാധ്യതകളെ കുറിച്ചുള്ള ആവേശം മനസ്സിലാക്കി മനസിലാക്കാൻ ശ്രദ്ധ പകർന്നു. നിബന്ധിതമായ കഴിവുകളും സാങ്കേതിക വിദ്യകളും നമ്മൾ ഒരുമിച്ച് അഭ്യസിക്കുമ്പോൾ സ്വാഭാവികമായി അനുബന്ധിക്കുകയും ചെയ്യും – ഇതു നിങ്ങൾക്ക് കരുതുന്നതേക്കാൾ കൂടുതലായും രസകരമാകും എന്ന് ഞാൻ വാഗ്ദാനം ചെയ്യുന്നു! +✅ **അടുത്ത വട്ടം കാണുന്നത്:** നാം ഈ ആശയങ്ങളിൽ ഗതാഗതം കൂടുതൽ ആസ്വദിച്ച് പഠനം തുടരാൻ പോകുന്നു! ഇപ്പോൾ, മുന്നിലുള്ള അനേകം സാദ്ധ്യതകളിൽ നിന്നുള്ള അത്ഭുതവും ആവേശവും അനുഭവിക്കാനാണ് നിങ്ങൾക്കുള്ളത്. പ്രത്യേക കാഴ്ചപ്പാടുകളും സാങ്കേതിക വിദ്യകളും നമുക്ക് പരിശീലനം നേടുമ്പോൾ പ്രകൃത്യാ കുടഞ്ഞുപോകും – ഇത് നിങ്ങൾ പ്രതീക്ഷിക്കുന്നതിൽ സൂക്ഷ്മമായി കൂടുതൽ രസകരമായിരിക്കും! -## വ്യാപാര സാങ്കേതികവിദ്യകൾ +## ഉപകരണങ്ങൾ -ശരി, ഇത് ഞാൻ ഒരിക്കലും കടന്നുപോകാതെ രസിക്കുന്ന ഭാഗമാണ്! 🚀 ഇനി നാം അവരുടെ പുന്നപ്രസംഗങ്ങൾ കൊണ്ട് നിങ്ങളെ ഡിജിറ്റൽ ബഹ്റൂപാവതാരത്തിലുള്ള കീകൾ ലഭിച്ചവരായി തോന്നിക്കുന്ന അത്ഭുതകരമായ ഉപകരണങ്ങളെക്കുറിച്ച് സംസാരിക്കാനിരിക്കുകയാണ്. +ശരി, ഞാൻ ഇങ്ങനെ ഉണർന്നു നിന്നാൽ ശക്തിയോടെ പിടിക്കാൻ കഴിഞ്ഞിട്ടില്ല! 🚀 നമുക്ക് സംസാരിക്കാം അത്ഭുതകരമായ ഉപകരണങ്ങളെക്കുറിച്ച്, നിങ്ങളുടെ കൈകളിലേക്ക് ഡിജിറ്റൽ സ്പേസ്ഷിപ്പ് കീസുകൾ കിട്ടിയതിന് തുല്യമായ അനുഭവം നൽകുന്നവ. -ഒരു ഷെഫിന് കൈകൾ പോലെയുള്ള സമതൂലിതവും മികവുമായി കത്തികൾ ഉണ്ടെന്നറിയാമല്ലോ? അല്ലെങ്കിൽ ഗാനരചയിതാവിന് സ്പർശം കൊണ്ട് തന്നെ പാട്ടുപാടുന്ന ഒരു ഗിറ്റാർ ഉണ്ടെന്നു? അതുപോലെ, ഡവലപ്പർമാർക്കുണ്ട് അവരുടെ അത്ഭുതകരമായ ഉപകരണങ്ങളെന്നു പറയാനാകുന്നവർ, അവ ചിന്തിക്കാൻ പോലും സാധിക്കാത്തത്രമാത്രം മികവാർന്നവയും പല സ്ഥലവും ഞെട്ടിക്കുന്നവയും ആണെന്ന് നിങ്ങൾ അത്ഭുതപ്പെടും – അവയുടെ മിക്കവരും പൂർണ്ണമായും സൗജന്യമാണ്! +ഒരു ഷെഫിന് കൈകളുടെ അനുബന്ധങ്ങളായ ശരിയായ ബാലൻസ് ചട്ടികളുള്ളതായി നിങ്ങൾക്ക് അറിയാം അല്ലേ? അല്ലെങ്കിൽ ഒരുപാട്ടുകാരൻ ടച്ചു കുറിച്ചപ്പോൾ തന്നെ പാടപ്രവർത്തനം തുടങ്ങുന്ന ഗിറ്റാറ് പോലെ? വികസിപ്പിച്ച അഡ്രൈവർമാർക്കും അവരുടേതായ അതിമനോഹരമായ ഉപകരണങ്ങൾ ഉണ്ട്, നിങ്ങളുടെ മനസ്സ് പൊട്ടിപ്പുറപ്പെട്ടുപോകാനുള്ള സത്യമാണ് – അവയിൽ പലത് പൂർണ്ണമായും സൗജന്യമാണ്! -ഈ ഉപകരണങ്ങൾ എന്റെ മനസ്സ് എത്രമാത്രം ആവേശഭരിതമാക്കുവാൻ കഴിയുന്നുവെന്ന് ഞാൻ വെല്ലുവിളിക്കുന്നു – ഞാൻ അവയെ നിങ്ങളോടും പങ്കിടുകയാണ് കാരണം നമ്മുടെ സോഫ്റ്റ്‌വെയർ നിർമ്മാണത്തിന് ഏതു തരത്തിലോ മാറ്റമുണ്ടാക്കിയവയല്ലാതെ. നാം പറയുന്നത് AI സഹായികൾ അടങ്ങിയ കോഡ് എഴുത്ത് സഹായികൾ (നിങ്ങളെ വളരെ കൂടുതൽ സഹായിക്കുന്നവ!), വൈഫൈ വഴി എവിടെയുകിലും പൂർത്തിയാക്കാവുന്ന ക്ലൗഡ് പരിസ്ഥിതികൾ, പ്രോഗ്രാമിന്റെ X-റേ ദർശനത്തിനായി സമാനമായ ഉന്നത ಪರಿಶോധന ഉപകരണങ്ങൾ എന്നിവയാണ്. +ഈ ഉപകരണങ്ങൾ പങ്കുവെക്കാനായി ഞാൻ എത്ര ആവേശത്തിലാണ് എന്ന് ഞാനറിയാം, കാരണം ഇതുവരെ സോഫ്റ്റ്വേർ നിർമ്മാണം എങ്ങനെ നടത്താമെന്നതിൽ വിപ്ലവം സൃഷ്ടിച്ചു ചിലവിൽ കഴിഞ്ഞില്ല. AI-ശക്തിയുള്ള കോഡിംഗ് സഹായികൾ, Wi-Fi ലഭ്യമാകുന്നിടത്തുണ്ടെങ്കിൽ എവിടെയും ഒരു ആപ്ലിക്കേഷൻ നിർമ്മിക്കാൻ കഴിയുന്ന ക്ലൗഡ് പരിതസ്ഥിതികൾ, പ്രോഗ്രാമുകളുടെ എക്‌സ്-റേ ദർശനം പോലുള്ള വളരെ നല്ല ഡീബഗിംഗ് ഉപകരണങ്ങൾ. -ഇനി അത്ഭുതപ്പെടുത്തുന്ന ഭാഗം: ഇവ “ആരంభകർക്കുള്ള ഉപകരണങ്ങൾ” അല്ല, നിങ്ങൾ വളർന്ന് വിട്ടുപോവുകേണ്ട തരം അല്ല. ഗൂഗിൾ, നെട്ഫ്ലിക്സ്, നിങ്ങൾ ഇഷ്ടപ്പെടുന്ന ഇന്‍ഡി ആപ്പ് സ്റ്റുഡിയോകൾ ഇപ്പോഴയും ഉപയോഗിക്കുന്ന പുത്തൻ പ്രൊഫഷണൽ ഗ്രേഡ് ഉപകരണങ്ങളാണ് ഇവ. നിങ്ങളെ ഉപയോഗിച്ചപ്പോൾ വളരെ പ്രൊഫഷണൽ ആയെന്ന് തോന്നും! +അവ തന്നെ "ആരംഭകർക്കുള്ള ഉപകരണങ്ങൾ" അല്ല, നിങ്ങൾ വലുതായി മാറുവാനും കഴിവുകൾ വികസിപ്പിക്കുവാനും കഴിയാത്ത ഉപകരണങ്ങൾ കുടിയാകില്ല. ഗൂഗിള്‍, നെറ്റ്‌ഫ്ലിക്സ്, നിങ്ങളുടെ ഇഷ്ടമുള്ള ഇൻഡിയ ടെക് സ്റ്റുഡിയോ തുടങ്ങിയവയിൽ പ്രൊഫഷണൽ തലത്തിലാണ് ഇങ്ങനെ ഉപകരണങ്ങൾ ഈ നിമിഷം ഉപയോഗിക്കുന്നത്. നിങ്ങൾ അവ ഉപയോഗിച്ച് വലിയ പ്രൊണായിരിക്കുമെന്ന് തോന്നും! ```mermaid graph TD A["💡 നിങ്ങളുടെ ആശയം"] --> B["⌨️ കോഡ് എഡിറ്റർ
(VS കോഡ്)"] - B --> C["🌐 ബ്രൗസർ ഡെവ്ടൂൾസ്
(പരിശോധനയും ഡീബഗിംഗും)"] - C --> D["⚡ കമാൻഡ് ലൈൻ
(സ്വയംചാലകവും ഉപകരണങ്ങളും)"] - D --> E["📚 ഡോക്യുമെന്റേഷൻ
(അധ്യയനവും റഫറൻസും)"] - E --> F["🚀 അത്യുത്തമമായ വെബ് ആപ്!"] + B --> C["🌐 ബ്രസൗസർ ഡെവ് ടൂൾസ്
(പരീക്ഷണവും ഡീബഗും)"] + C --> D["⚡ കമാൻഡ് ലైన్
(ഓട്ടോമേഷൻ & ടൂൾസ്)"] + D --> E["📚 ഡോക്യുമെന്റേഷൻ
(പഠനവും റഫറൻസും)"] + E --> F["🚀 അത്ഭുതകരമായ വെബ് അപ്!"] - B -.-> G["🤖 എ.ഐ സഹായി
(GitHub കോപൈലറ്റ്)"] - C -.-> H["📱 ഉപകരണം പരിശോധന
(റെസ്പോൺസീവ് ഡിസൈൻ)"] - D -.-> I["📦 പാക്കേജ് മാനേജർമാർ
(npm, യാർൺ)"] + B -.-> G["🤖 എ.ഐ. അസിസ്റ്റന്റ്
(GitHub കോപൈലറ്റ്)"] + C -.-> H["📱 ഡിവൈസ് ടെസ്റ്റിംഗ്
(റെസ്പോൺസീവ് ഡിസൈൻ)"] + D -.-> I["📦 പാക്കേജ് മാനേജർസ്
(npm, യാർൺ)"] E -.-> J["👥 കമ്മ്യൂണിറ്റി
(സ്റ്റാക്ക് ഓവർഫ്ലോ)"] style A fill:#fff59d @@ -504,349 +507,348 @@ graph TD style I fill:#ffccbc style J fill:#e8eaf6 ``` -### കോഡ് എഡിറ്ററുകളും ഇന്റഗ്രേറ്റഡ് ഡെവലപ്പ്മെന്റ് എൻവയിറൺമെന്റുകളും: നിങ്ങളുടെ പുതിയ ഡിജിറ്റൽ ചെറുക്കന്മാർ +### കോഡ് എഡിറ്ററുകളും ഐ.ഡി.ഇ-കളും: നിങ്ങളുടെ പുതിയ ഡിജിറ്റൽ ഏറ്റവും നല്ല സുഹൃത്തുക്കൾ -കോഡ് എഡിറ്ററുകളെക്കുറിച്ച് സംസാരിക്കാം – ഇവ വളരെ വേഗം നിങ്ങളുടെ ഏറ്റവും ഇഷ്ടപ്പെട്ട ഇടങ്ങളാകാൻ പോകുന്നു! അവയെ നിങ്ങളുടെ വ്യക്തിഗത കോഡിങ് അഭയാർത്ഥിയായായി കരുതുക, ഇവിടെ നിങ്ങൾ കൂടുതൽ സമയം ചെലവഴിക്കുമെന്ന്. +കോഡ് എഡിറ്ററുകൾക്കുറിച്ച് സംസാരിക്കാം – ഇവ നിങ്ങളുടെ ഏറ്റവും പ്രിയപ്പെട്ട ഇടങ്ങളായി മാറാൻ പോകുന്നു! അവ നിങ്ങളുടെ സ്വകാര്യ കോഡിംഗ് സ്വർഗമാണ്, അവിടെ നിങ്ങൾ സ്വയം ഡിജിറ്റൽ സൃഷ്ടികൾ സൃഷ്ടിക്കുകയും മെച്ചപ്പെടുത്തുകയും ചെയ്യും. -ഇപ്പോൾ ആധുനിക എഡിറ്ററുകളുടെ അത്ഭുതകാരിത മനസ്സിലാക്കുക: അവ സാധാരണ ടെക്സ്റ്റ് എഡിറ്ററുകൾ മാത്രമല്ല. 24/7 എപ്പോഴും നിങ്ങളുടെ അടുത്ത് ഇരിക്കുന്ന അത്ര മനോഹരവും സഹായകവുമായ കോഡിങ് മെന്ററുകൾ പോലെ. അവർ നിങ്ങളെ നിങ്ങൾ കഴിഞ്ഞു കണ്ടുപിടിക്കാനും മുൻപേ തെറ്റുകൾ കണ്ടെത്തി ഉത്തമ നിർദേശങ്ങൾ നൽകുന്നു, ഓരോ കോഡിന്റെയും ഫങ്ഷൻ എന്താണെന്ന് മനസ്സിലാക്കാൻ സഹായിക്കുന്നു, ചിലപ്പോൾ നിങ്ങൾ ടൈപ്പ് ചെയ്യാൻ തുടങ്ങുമ്പോൾ അതിന്റെ പൂര്‍ത്തീകരണം നിർദേശിക്കുന്നു! +ഇപ്പോൾ ആധുനിക എഡിറ്ററുകളിൽ ഇവ സമ്മർദ്ദ മായില്ലാത്ത ഡ്രാഫ്റ്റ് എഡിറ്ററുകളല്ല. 24/7 മായി നിങ്ങളുടെ പക്കൽ ഇരുന്ന് കോഡിംഗ് ഗൈഡായും സഹായിയായും പ്രവർത്തിക്കുന്ന അത്യന്തം കഴിവുള്ള ടെക്നിക്കൽ മാർഗ്ഗ നിർദേശകർമുണ്ട്. നിങ്ങൾ ടൈപ്പ് ചെയ്യുന്നപ്പോൾ തെറ്റുകൾ നിങ്ങൾ ശ്രദ്ധിക്കുമെന്നും മുമ്പേ പിടിക്കുകയും, മെച്ചപ്പെടുത്തലുകൾ നിങ്ങളെ ഒരു ജീനിയസ്സ് പോലെ കാണിക്കുന്നവ നിർദേശിക്കുകയും, എല്ലാം മനസ്സിലാക്കാൻ സഹായിക്കുകയും, നിങ്ങൾ എഴുതാൻ പോകുന്ന വാക്കുകൾ പ്രവചിച്ച് അപ്പോഴുള്ള ആശയങ്ങൾ പൂർത്തിയാക്കാൻ ശ്രമിക്കുകയും ചെയ്യുന്നു! -എനിക്ക് ഓർക്കാം, ഓട്ടോ-കമ്പ്ലീഷൻ ആദ്യം കണ്ടപ്പോഴ് ഞാൻ തീർച്ചയായും ഭാവിയിൽ ജീവിക്കുന്നുവെന്നു തോന്നി. നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ, നിങ്ങളുടെ എഡിറ്റർ ചൊല്ലുന്നു, “ഹേ, നീ ചിന്തിച്ചതു ഇതാ, ഈ ഫങ്ഷൻ അതെ ചെയ്യും!” മാനസിക വായനക്കാരനായി നിങ്ങളുടെ കോഡിങ് കൂട്ടുകാരനെ ఉండുന്നത് പോലെയാണ്! +ആറ്റോ-കമ്പ്ലീഷൻ ആദ്യമായി കണ്ടപ്പോൾ ഞാൻ ഭാവിയിലായിരുന്നു എന്ന് നിസ്സംശയം പറയാം. നിങ്ങൾ എന്തെങ്കിലും ടൈಪ್ ചെയ്യുമ്പോൾ, എഡിറ്റർ അഭിപ്രായപ്പെടുന്നുണ്ട്, "ഹേയ്, നിങ്ങൾ ആവശ്യപ്പെടുന്ന ഈഫംഗ്ഷൻ നിനക്ക് വേണമെന്ന് ആലോചിക്കുകയാണോ?" നിങ്ങളുടെ കോഡിങ്ങിനുള്ള മനസ്സറിയുന്ന കൂട്ടുകാരൻ ഉള്ളത് പോലെയാണ്! -**ഇവ എനിക്കൊക്കെുന്നതിനുള്ള വിചിത്രം എന്ത്?** +**ഈ എഡിറ്ററുകൾ അതിവിശേഷമാക്കുന്നത് എന്താണ്?** -ആധുനിക കോഡ് എഡിറ്ററുകൾ നിർമ്മിതിയുടെ കാര്യക്ഷമത വർദ്ധിപ്പിക്കാൻ ഈ ഗുണങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നു: +ആധുനിക കോഡ് എഡിറ്ററുകൾ നിങ്ങൾക്ക് പ്രൊഡക്ടിവിറ്റി കൂട്ടാനുള്ള നിരവധി സവിശേഷതകൾ നൽകുന്നു: -| ഗുണം | ചെയ്യുന്നത് | സഹായിക്കുന്നതു് | +| സവിശേഷത | എന്താണ് ചെയ്യുന്നത് | എന്തുകൊണ്ട് സഹായിക്കും | |---------|--------------|--------------| -| **സിന്റാക്സ് ഹൈലൈറ്റിംഗ്** | നിങ്ങളുടെ കോഡിന്റെ വ്യത്യസ്ത ഭാഗങ്ങൾ നിറം വരയ്ക്കുന്നു | കോഡ് വായിക്കാൻ എളുപ്പവും പിഴവുകൾ കണ്ടുകമറാനും | -| **ഓട്ടോ-കമ്പ്ലീഷൻ** | നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ കോഡ് നിർദ്ദേശിക്കുന്നു | കോഡിംഗ് വേഗത്തിലാക്കുന്നു, പിഴവ് കുറയ്ക്കുന്നു | -| **ഡീബഗ്ഗിംഗ് ടൂൾസ്** | പിഴവുകൾ കണ്ടെത്താനും പരിഹരിക്കാനുമാകും | പിശകുകളെ തിരച്ചിൽ ചെയ്യാനായാൽ മണിക്കൂറുകൾ ലാഭിക്കും | -| **വികസനങ്ങൾ (എക്സ്റ്റൻഷൻസ്)** | പ്രത്യേക സവിശേഷതകൾ ചേർക്കാം | നിങ്ങളുടെ എഡിറ്റർ ഏതു സാങ്കേതികവിദ്യയ്ക്കും അനുയോജ്യമായി ഇഴഗം ചെയ്യാം | -| **AI സഹായികൾ** | കോഡ് നിർദ്ദേശങ്ങളും വിശദീകരണങ്ങളും നൽകുന്നു | പഠനം വേഗത്തിലാക്കുന്നു, ഉൽപ്പെടുക്കൽ വർദ്ധിപ്പിക്കുന്നു | +| **സിന്റാക്‌സ് ഹൈലൈറ്റിംഗ്** | കോഡിന്റെ വ്യത്യസ്ത ഭാഗങ്ങൾ നിറംകൊടുത്ത് കാണിക്കുന്നു | കോഡ് വായിക്കാൻ സുഗമമാക്കും, തെറ്റുകൾ കണ്ടെത്താൻ സഹായിക്കും | +| **ആറ്റോ-കമ്പ്ലീഷൻ** | നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ കോഡ് നിർദേശിക്കുന്നു | കോഡിംഗ് വേഗത്തിലാക്കുകയും തെറ്റുകൾ കുറയ്ക്കുകയും ചെയ്യും | +| **ഡീബഗിംഗ് ടൂളുകൾ** | തെറ്റുകൾ കണ്ടെത്താനും പരിഹരിക്കാനും സഹായിക്കുന്നു | പ്രശ്‌നപരിഹാര സമയം കുറക്കും | +| **എക്സ്റ്റൻഷനുകൾ** | പ്രത്യേക സവിശേഷതകൾ ചേർക്കാം | ഏതുകാര്യത്തിനും എഡിറ്റർ ഇഷ്ടാനുസരിച്ചു മാറ്റാം | +| **AI അസിിസ്റ്റൻറുകൾ** | കോഡ് നിർദേശങ്ങളും വിശദീകരണങ്ങളും വാഗ്ദാനം ചെയ്യുന്നു | പഠനവും ഉത്പാദകതയും വേഗത്തിലാക്കും | -> 🎥 **വീഡിയോ റിസോഴ്‌സ്**: ഈ ഉപകരണങ്ങൾ പ്രവർത്തനത്തിൽ കാണാൻ ആഗ്രഹിക്കുന്നുവോ? ഈ [Tools of the Trade വീഡിയോ](https://youtube.com/watch?v=69WJeXGBdxg) സംഗ്രഹം നോക്കുക. +> 🎥 **വീഡിയോ ഉറവ്**: ഈ ഉപകരണങ്ങൾ പ്രവർത്തനരീതിയിൽ കാണാൻ ഇഷ്ടമുണ്ടോ? ഈ [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) പരിശോധിക്കൂ. -#### വെബ് വികസനത്തിന് ശുപാർശ ചെയ്ത എഡിറ്ററുകൾ +#### വെബ് ഡവലപ്പ്മെന്റിനായി ശിപാർശ ചെയ്ത എഡിറ്ററുകൾ -**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (സൗജന്യം) -- വെബ് ഡെവലപ്പർമാരിൽ ഏറ്റവും പരിപാലിതം -- മികച്ച എക്സ്റ്റൻഷൻ സമാഹാരം -- ഇൻബിൽട്ട് ടെർമിനൽ, Git സംയോജനം +**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (സൗജന്യ) +- വെബ് ഡവലപ്പർമാരിൽ ഏറ്റവും ജനപ്രിയം +- മികച്ച എക്സ്റ്റൻഷൻ സമ്പ്രദായം +- ബിൽറ്റ്-ഇൻ ടർമിനൽ, Git പരസ്പരംബന്ധനം - **ആവശ്യമായ എക്സ്റ്റൻഷനുകൾ**: - - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI അടിസ്ഥാനത്തിലുള്ള കോഡ് നിർദേശങ്ങൾ - - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - യഥാർത്ഥ-സമയ സഹകരണം - - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - സ്വയം കോഡ് ഫോർമാറ്റിംഗ് - - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - കോഡിൽ ടൈപ്പോസ് കണ്ടെത്തുക + - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI ശക്\u200cതിയുള്ള കോഡ് നിർദ്ദേശങ്ങൾ + - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - യഥാർത്ഥ സമയ സഹകരണവും + - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - സ്വയംകോഡ് ഫോർമാറ്റിംഗ് + - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - കോഡ് ടൈപ്പോകൾ പിടികൂടുന്നു + +**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (പണം, വിദ്യാർത്ഥികൾക്ക് സൗജന്യം) +- ആധുനിക ഡീബഗിംഗ്, ടെസ്റ്റിംഗ് ഉപകരണങ്ങൾ +- ബുദ്ധിമുട്ടുള്ള കോഡ് പൂർത്തിയാക്കൽ +- ബിൽറ്റ്-ഇൻ വേർഷൻ കൺട്രോൾ -**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (പേയ്‍ഡ്, വിദ്യാർത്ഥികൾക്ക് സൗജന്യം) -- മുൻനിര ഡീബഗ്ഗിംഗ്, ടെസ്റ്റിംഗ് ഉപകരണങ്ങൾ -- ബുദ്ധിശാലിയായ കോഡ് ആധികാരികമായ പൂർത്തീകരണം -- ഇൻബിൽട്ട് വേർഷൻ നിയന്ത്രണം +**ക്ലൗഡ് അടിസ്ഥാന ഐ.ഡി.ഇകൾ** (വിവിധ വിലകൾ) +- [GitHub Codespaces](https://github.com/features/codespaces) - ബ്രൗസറിൽ പൂർണ്ണ VS കോഡ് +- [Replit](https://replit.com/) - പഠനത്തിനും കോഡ് പങ്കുവെക്കുന്നതിനും മികച്ചത് +- [StackBlitz](https://stackblitz.com/) - തൽക്ഷണ പൂർണ്ണ തരം വെബ് ഡവലപ്പ്മെന്റ് -**ക്ലൗഡ് അടിസ്ഥാനമാക്കിയ IDEകൾ** (വിവിധ വില രൂപകൽപ്പനകൾ) -- [GitHub Codespaces](https://github.com/features/codespaces) - ബ്രൗസറിൽ പൂർണ്ണമായ VS കോഡ് -- [Replit](https://replit.com/) - പഠനത്തിനും കോഡ് പങ്കിടുന്നതിനുമായി മികച്ചത് -- [StackBlitz](https://stackblitz.com/) - ഉടൻ തുടങ്ങാൻ പൂർണ്ണ സ്റ്റാക്ക് വെബ് വികസനം +> 💡 **ആരംഭകൻ്റെ ടിപ്പ്**: Visual Studio Code ഉപയോഗിച്ച് ആരംഭിക്കുക – സൗജന്യവും വ്യവസായത്തിൽ വ്യാപകമായി ഉപയോഗിക്കുന്നതും tutorials, എക്സ്റ്റൻഷനുകൾ നിർമ്മിക്കുന്ന വലിയ സമൂഹവും ഉള്ളതാണ്. -> 💡 **ആരംഭിക്കാൻ സൂചന**: Visual Studio Code നിന്നു തുടങ്ങൂ – ഇത് സൗജന്യമാണ്, വ്യവസായത്തിൽ വ്യാപകമായി ഉപയോഗിക്കുന്നു, സഹായകമായ ട്യൂട്ടോറിയലുകളും എക്സ്റ്റൻഷനുകളും സൃഷ്ടിക്കുന്ന വലിയ സമൂഹമുണ്ട്. -### വെബ് ബ്രൗസറുകൾ: നിങ്ങളുടെ രഹസ്യ ഡെവലപ്പ്മെന്റ് ലബോറട്ടറി +### വെബ് ബ്രൗസറുകൾ: നിങ്ങളുടെ രഹസ്യ വികസന പ്ര laboratorio -ശരി, മനസ്സ് പൂര്‍ണമായി ഞെട്ടാൻ തയ്യാറാവുക! നിങ്ങൾ സോഷ്യൽ മീഡിയയിൽ സ്ക്രോൾ ചെയ്യാനും വീഡിയോകൾ കാണാനുമാണ് ബ്രൗസർ ഉപയോഗിക്കുന്നതെന്ന് അറിയാമല്ലോ? എന്നാൽ ബ്രൗസറുകൾ നിങ്ങൾ കണ്ടെത്താനായി സദാ കാത്തിരിക്കുന്ന അത്ഭുതകരമായ രഹസ്യ ഡെവലപ്പ്മെന്റ് ലബോറട്ടറി മറച്ചുവെച്ചിട്ടുണ്ട്! +ശരി, ഇപ്പോൾ മനസ്സ് പൊട്ടിപ്പുറപ്പെട്ടിരിക്കാം! നിങ്ങൾ സോഷ്യൽ മീഡിയയിൽ സ്ക്രോൾ ചെയ്യാനും വീഡിയോ കാണാനുമുള്ളതിന് ബ്രൗസർ ഉപയോഗിക്കുകയാണെന്ന് അറിയാം, എന്നാൽ അവർ ഇപ്പോഴത്തെ വരെ ഈ അത്ഭുതകരമായ രഹസ്യ ഡവലപ്പർ ലാബ് ഒളിപ്പിച്ചിരുന്നു, നിങ്ങൾ കണ്ടെത്താൻ കാത്തിരിപ്പായിരുന്നു! -ഓരോ തവണയും നിങ്ങൾ ഒരു വെബ്പേജ് മൗസ് റൈറ്റ്-ക്ലിക്ക് ചെയ്ത് "Inspect Element" തിരഞ്ഞെടുക്കുമ്പോൾ, നിങ്ങൾ തുറക്കുന്നുണ്ട് വികസന ടൂളുകളുടെ ഒരു മറഞ്ഞുവച്ച ലോകം, അത് ചില അധിക വിലയുള്ള സോഫ്റ്റ്വെയറുകളേക്കാൾ ശക്തമാണ്. ഇത് നമ്മൾ സാധാരണമായി ഉപയോഗിക്കുന്ന അടുക്കളയുടെ പിന്നിൽ ഒരു പ്രൊഫഷണൽ ഷെഫിന്റെ ലബോറട്ടറി ഉള്ളതെന്നു കണ്ടെത്തുന്നതുപോലെ! -ഒരു ജോലിക്കാരൻ ആദ്യമായി ബ്രൗസർ DevTools എന്നത് എനിക്ക് കാണിച്ചതുകൾ കാണുമ്പോൾ, ഞാൻ ഏകദേശം മൂന്ന് മണിക്കൂറുകളോളം ചുറ്റി ക്ലിക്ക് ചെയ്യുകയായിരുന്നു, "കങ്ക, ഇതിനും സാധിക്കുമോ?!" നിങ്ങൾ യഥാർത്ഥ സമയത്ത് ഏതും വെബ്സൈറ്റ് എഡിറ്റ് ചെയ്യാനാകും, എത്ര വേഗം എല്ലാമും ലോഡ് ചെയ്യുന്നു എന്ന് കൃത്യമായി കാണാനാകും, നിങ്ങളുടെ സൈറ്റ് വ്യത്യസ്ത ഉപകരണങ്ങളിൽ എങ്ങനെ കാണപ്പെടുന്നു എന്ന് പരീക്ഷിക്കാം, സ്രഷ്ടാവ് പോലെ ജാവാസ്ക്രിപ്റ്റും ഡീബഗ് ചെയ്യാം. ഇത് ശരിക്കും മനോഹരമാണ്! +ഇവിടെ നിങ്ങൾ എല്ലായ്പ്പോഴും ഒരു വെബ് പേജ് സ്വയം റൈറ്റ്-ക്ലിക്ക് ചെയ്ത് "ഇൻസ്പെക്റ്റ് എലെമെന്റ്" തിരഞ്ഞെടുക്കുമ്പോൾ, നിങ്ങൾ ഒരു മറയിലുള്ള പ്രൊഫഷണൽ ഡവലപ്പർ ടൂളുകളുടെ ലോകം തുറക്കുകയാണ്, ഞാൻ നൂറുകണക്കിന് ഡോളർ ചിലവഴിച്ചിട്ടുള്ള ചില പ്രത്യേക സോഫ്റ്റ്വെയറുകൾക്കു മുകളിലുള്ള ശക്തിയുള്ളവയാണ് അത്. ഇത് നിങ്ങളുടെ വീട്ടിലെ പഴയ അടുക്കള മറഞ്ഞിരിക്കുന്ന ഒരു പ്രൊഫഷണൽ ഷെഫിന്റെ ലാബ് കണ്ടെത്തുന്നതുപോലെയാണ്! +ആദ്യമായി ആരെങ്കിലും ബ്രൗസർ ഡെവ്ടൂളുകൾ എനിക്കു കാണിച്ചപ്പോൾ, ഞാൻ മൂന്നുമണിക്കൂറോളം വെറും ക്ളಿಕ್ಕ് ചെയ്തുകൊണ്ടും "വെയിറ്റ്, അത് ഇതും ചെയ്യാൻ പറ്റുമോ?!" എന്ന് ആക്ഷേപിക്കുന്നു. നിങ്ങൾ സൈറ്റിൽ റിയൽ-ടൈമിൽ എഡിറ്റ് ചെയ്യാൻ, എല്ലാം എത്ര വേഗം ലോഡ് ചെയ്യപ്പെടുന്നു എന്നത് കണ്ടറിയാൻ, നിങ്ങളുടെ സൈറ്റ് വ്യത്യസ്ത ഉപകരണങ്ങളിൽ എങ്ങനെയാണ് കാണപ്പെടുന്നത് എന്ന് പരീക്ഷിക്കാൻ, കൂടാതെ ജാവാസ്ക്രിപ്റ്റ് പൂർണ്ണ വിദഗ്ധനായതായി ഡീബഗ് ചെയ്യാൻ പോലും കഴിയുന്നു. ഇതൊരു മാർക്കറ്റിങ് തന്നെ! -**ബ്രൗസറുകൾ നിങ്ങളുടെ രഹസ്യ ആയുധമാണ് എന്നതു കൊണ്ട്:** +**ബ്രൗസറുകൾ നിങ്ങളുടെ രഹസ്യ ആയുധമായി എന്റേത് കാരണമെന്തെന്ന് ഇവിടെ:** -നിങ്ങൾ ഒരു വെബ്സൈറ്റ് അല്ലെങ്കിൽ വെബ് അപ്ലിക്കേഷൻ സൃഷ്ടിക്കുമ്പോൾ, അത് യഥാർത്ഥ ലോകത്തിൽ എങ്ങനെ കാണപ്പെടുന്നു എന്നും എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നും കാണേണ്ടതാണ്. ബ്രൗസറുകൾ നിങ്ങളുടെ പ്രവർത്തനം പ്രദർശിപ്പിക്കുന്നതിനാൽ മാത്രമല്ല, പ്രകടനം, പ്രവേശനക്ഷമത, സാധ്യതയുള്ള പ്രശ്‌നങ്ങൾ എന്നിവയെക്കുറിച്ച് വിശദമായ ഫീഡ്ബാക്കും നൽകുന്നു. +നിങ്ങൾ ഒരു വെബ്സൈറ്റ് അല്ലെങ്കിൽ വെബ് അപ്ലിക്കേഷൻ സൃഷ്ടിക്കുമ്പോൾ, അതു ലൊകരിൽ എങ്ങനെ കാണപ്പെടുന്നു, പ്രവർത്തിക്കുന്നു എന്ന് കാണേണ്ടതാണ്. ബ്രൗസറുകൾ നിങ്ങളുടെ പ്രവൃത്തി കാണിക്കാനായിരിക്കുന്നു മാത്രമല്ല, പ്രകടനക്ഷമത, ആക്‌സസിബിലിറ്റി, മറ്റു പ്രശ്‌നങ്ങൾ എന്നിവയെക്കുറിച്ച് വിശദമായ ഫീഡ്ബാക്കും നൽകുന്നു. #### ബ്രൗസർ ഡെവലപ്പർ ടൂൾസ് (DevTools) -ആധുനിക ബ്രൗസറുകൾ സമഗ്രമായ ഡെവലപ്‌മെന്റ് സ്യൂട്ടുകൾ ഉൾക്കൊള്ളുന്നു: +ആധുനിക ബ്രൗസറുകൾ സമഗ്രമായ ഡെവലപ്പ്മെന്റ് സ്യൂട്ടുകൾ ഉൾക്കൊള്ളുന്നു: -| ടൂൾ വിഭാഗം | എന്ത് ചെയ്യുന്നു | ഉദാഹരണ ഉപയോഗം | -|-------------|---------------|------------------| -| **എലമെന്റ് ഇൻസ്പക്ടർ** | യഥാർത്ഥ സമയത്ത് HTML/CSS കാണാനും എഡിറ്റ് ചെയ്യാനും | തൽക്ഷണ ഫലങ്ങൾ കാണാൻ സ്റ്റൈലിംഗ് ക്രമീകരിക്കുക | -| **കോൺസോൾ** | പിശക് സന്ദേശങ്ങൾ കാണാനും ജാവാസ്ക്രിപ്റ്റ് പരീക്ഷിക്കാനും | പ്രശ്‌നങ്ങൾ ഡീബഗ് ചെയ്യാനും കോഡ് പരീക്ഷിക്കാനും | -| **നെറ്റ്‌വർക്ക് മൊണിറ്റോർ** | ഉറവിടങ്ങൾ എങ്ങനെ ലോഡ് ചെയ്യുന്നു എന്ന് പിന്തുടരുക | പ്രകടനം മെച്ചപ്പെടുത്താനും ലോഡിങ് സമയം കുറക്കാനും | -| **പ്രവേശനക്ഷമത ചെക്കർ** | ഉൾപ്പെടുത്തിയ ഡിസൈനിന് പരിശോധന നടത്തുക | നിങ്ങളുടെ സൈറ്റ് എല്ലാ ഉപയോക്താക്കൾക്കും പ്രവർത്തിക്കുന്നത്രെ ഉറപ്പാക്കുക | -| **ഉപകരണം സിമുലേറ്റർ** | വിവിധ സ്ക്രീൻ വലുപ്പങ്ങളിൽ പരിചയം നേടുക | பல ഉപകരണങ്ങൾ ഇല്ലാതെയും പ്രതിക്രിയാശേഷിയായ ഡിസൈന് പരിശോധിക്കുക | +| ഉപകരണം വിഭാഗം | അത് ചെയ്യുന്നത് | ഉദാഹരണ ഉപയോഗം | +|---------------|--------------|------------------| +| **എലമെന്റ് ഇൻസ്പെക്ടർ** | HTML/CSS റിയൽ-ടൈമിൽ കാണുകയും എഡിറ്റും ചെയ്യുകയും ചെയ്യുന്നു | സ്റ്റൈലിംഗ് ശരിയാക്കുകയും ഫലങ്ങൾ ഉടൻ കാണുകയും ചെയ്യുക | +| **കൺസോൾ** | പിശകുകൾ കാണുക, ജാവാസ്ക്രിപ്റ്റ് പരീക്ഷിക്കുക | പ്രശ്‌നങ്ങൾ ഡീബഗ് ചെയ്ത് കോഡ് പരീക്ഷണം നടത്തുക | +| **നെറ്റ്‌വർക്ക് മോണിറ്റർ** | സ്രോതസ്സുകൾ എങ്ങനെ ലോഡ് ചെയ്യപ്പെടുന്നു എന്ന് ട്രാക്ക് ചെയ്യുക | പ്രകടനക്ഷമത മെച്ചപ്പെടുത്തുകയും ലോഡിങ് സമയങ്ങൾ കുറയ്ക്കുകയും ചെയ്യുക | +| **ആക്‌സസിബിലിറ്റി ചെക്കർ** | ഉൾക്കൊള്ളുന്ന ഡിസൈൻ പരിശോധന നടത്തുക | എല്ലാ ഉപയോക്താക്കൾക്കും സൈറ്റ് പ്രവർത്തിക്കുമെന്ന് ഉറപ്പ് വരുത്തുക | +| **ഡിവൈസ് സിമുലേറ്റർ** | വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങളിൽ പ്രിവ്യൂ ചെയ്യുക | മൾട്ടിപ്പിൾ ഉപകരണങ്ങൾ വേണ്ടാതെ റെസ്പോൺസീവ് ഡിസൈൻ പരിശോധിക്കുക | -#### ഡെവലപ്‌മെന്റിന് ശുപാർശ ചെയ്ത ബ്രൗസറുകൾ +#### ഡെവലപ്മെന്റിനായുള്ള ശുപാർശ ചെയ്ത ബ്രൗസറുകൾ -- **[ക്രോം](https://developers.google.com/web/tools/chrome-devtools/)** - വിപുലമായ ഡോക്യുമെന്റേഷനിൽ പരിചിതമായ വ്യവസായ സ്റ്റാൻഡേർഡ് DevTools -- **[ഫയർഫോക്സ്](https://developer.mozilla.org/docs/Tools)** - CSS ഗ്രിഡും പ്രവേശനക്ഷമത ടെൂളുകളും ഉത്തമം -- **[എഡ്ജ്](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ക്രോമിയത്തിൽ അടിസ്ഥാനമാക്കിയെടുത്ത മൈക്രോസോഫ്റ്റിന്റെ ഡെവലപ്പർ റിസോഴ്‌സുകൾ +- **[ക്രോം](https://developers.google.com/web/tools/chrome-devtools/)** - വ്യവസായ-സ്റ്റാൻഡേർഡ് DevTools ഉൾപ്പെടെയുള്ള വ്യാപകമായ ഡോക്യുമെൻറേഷൻ +- **[ഫയർഫോക്സു](https://developer.mozilla.org/docs/Tools)** - ഉത്തമമായ CSS ഗ്രിഡ്, ആക്‌സസിബിലിറ്റി ഉപകരണങ്ങൾ +- **[എഡ്ജ്](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - ക്രോമിയം ആസ്ഥാനമാക്കി മൈക്രോസോഫ്റ്റിന്റെ ഡെവലപ്പർ വിഭവങ്ങൾ -> ⚠️ **പ്രധാന പരീക്ഷണ ടിപ്പ്**: എപ്പോഴും വെബ്സൈറ്റുകൾ പല ബ്രൗസറുകളിലും പരിശോധിക്കുക! ക്രോമിൽ പൂർണ്ണമായും പ്രവർത്തിക്കുന്നതു സഫാരിയിൽ അല്ലെങ്കിൽ ഫയർഫോക്സിൽ വ്യത്യസ്തമായി കാണാനിടയുണ്ട്. പ്രൊഫഷണൽ ഡെവലപ്പർമാർ എല്ലാ പ്രധാന ബ്രൗസറുകളിലും പരീക്ഷണം നടത്തുന്നു, ഒരേ പോലെ ഉപയോക്താവ് അനുഭവം ഉറപ്പാക്കാൻ. +> ⚠️ **പ്രധാന ടെസ്റ്റിംഗ് ടിപ്പ്**: നിങ്ങളുടെ വെബ്സൈറ്റുകൾ ദയവായി നിരവധി ബ്രൗസറുകളിൽ പരീക്ഷിക്കുക! ക്രോത്തിന് പൂർണമായും പ്രവർത്തിക്കുന്നതു സഫാരിയിലോ ഫയർഫോക്സിലോ വ്യത്യസ്തമായി കാണപ്പെടാം. പ്രൊഫഷണൽ ഡെവലപ്പർമാർ എല്ലാവിധ പ്രധാന ബ്രൗസറുകളിലും പരീക്ഷണം നടത്തുന്നു, ഉപയോക്തൃ അനുഭവം ഉറപ്പാക്കാൻ. -### കമാൻഡ് ലൈനുകൾ: ഡെവലപ്പർ സൂപർപവർസിലേക്ക് നിങ്ങളുടെ കവാടം +### കമാൻഡ് ലൈൻ ടൂളുകൾ: നിങ്ങളുടെ ഡെവലപ്പർ സൂപ്പർപവർസ്‌ പ്രവേശനദ്വാരം -അതെ, കമാൻഡ് ലൈൻ സംബന്ധിച്ചു നമ്മൾ ഒരു സത്യസന്ധമായ നിമിഷം ചിലവിടാം, കാരണം ഞാൻ നിങ്ങൾ എന്തെന്ന് മനസിലാക്കുന്ന ഒരാൾക്കു നിന്നാണ് ഇത് പറയാൻ ആഗ്രഹിക്കുന്നത്. ആദ്യമായി ഞാൻ അത് കണ്ടപ്പോൾ – കറുത്തസ്ക്രീനിൽ ടൈപ്പ് ചെയ്യുന്ന വന്നു നീന്തിപ്പോകുന്ന അക്ഷരങ്ങളുള്ളത് – ഞാൻ ശരിക്കും കരുതി, "ഇല്ല, പൂർണ്ണമായും ഇല്ല! ഇത് 1980-കളിലെ ഹാക്കർ സിനിമയിൽനിന്നുള്ളത് പോലെ തോന്നുന്നു, ഞാൻ ഇതിന് മതി കുഴപ്പമില്ല!" 😅 +ഒന്ന്, കമാൻഡ് ലൈനെ കുറിച്ചുള്ള ഒരു ശരിയായ സത്യസന്ധമായ ഞെട്ടിപ്പിക്കുന്ന ഒരു സമയം ഇവിടെ ഉണ്ട്. ഞാൻ ആദ്യം കണ്ടപ്പോൾ – വെറും ഒരു ഭയങ്കര കറുത്ത സ്ക്രീനും ബ്ലിങ്കിംഗ് ടെക്സ്റ്റും – ഞാൻ സാക്ഷാല്‍ വിചാരം ചെയ്തു: "ഇല്ല, തീർച്ചയായും ഇല്ല! 1980കളിലെ ഒരു ഹാക്കർ സിനിമയിലൊരു സീനം പോലെ തോന്നുന്നു, ഞാൻ ഇതിന് അർഹതയില്ല!" 😅 -പക്ഷെ, ആ സമയത്ത് ആരെയെങ്കിലും പറഞ്ഞുതരണമെന്നും ഞാൻ ആഗ്രഹിക്കുന്നത് ഇപ്പോൾ നിങ്ങൾക്ക് പറയും: കമാൻഡ് ലൈൻ ഭയപ്പെടേണ്ട ഒന്നല്ല – അത് നിങ്ങളുടെ കമ്പ്യൂട്ടറുമായി നേരിട്ട് സംഭാഷണം നടത്തുന്നതുപോലെയാണ്. ഫോട്ടോകളും മെനുവുകളും അടങ്ങിയ ഒരു ആപ്പിലൂടെ ഭക്ഷണം ഓർഡർ ചെയ്യുന്നതും (അതെളുപ്പമാണ്) നിങ്ങളുടെ ഇഷ്ടങ്ങൾ അറിയുന്ന ഒരു ഷെഫ് ഉള്ള പ്രിയപ്പെട്ട റെസ്റ്റോറന്റിലേക്ക് നേരിട്ടു ചേർന്ന് "എന്തെങ്കിലും അത്ഭുതം തരൂ" എന്ന് പറഞ്ഞുടനെ പുണ്യപുണ്യമായ ഒരിടവേള സൃഷ്ടിക്കപ്പെട്ടോ പോലെ. +എന്നാൽ ഞാൻ ആ സമയത്ത് ആരെങ്കിലും പറഞ്ഞിട്ടുണ്ടായിരുന്നെങ്കിൽ ഞാൻ ഇപ്പൊഴുപോലെ പറയുന്നു: കമാൻഡ് ലൈൻ ഭയങ്കരം അല്ല – അത് നിങ്ങളുടെ കമ്പ്യൂട്ടറുമായി നേരിട്ട് സംസാരിക്കുന്നതിനായുള്ള വഴി മാത്രമാണ്. ഒരു ഫാന്സി ആപ്പിൽ ഫുഡ് ഓർഡർ ചെയ്യുന്നതും (സൂപ്പർ എളുപ്പമാണ്) നിങ്ങളുടെ പ്രിയപ്പെട്ട പ്രാദേശിക റെസ്റ്റോറന്റിലെ ഷെഫിനോട് നേരിട്ട് സംസാരിച്ച് "മെഴുതുവാൻ അത്ഭുതകരമായ ഒന്നൊന്നും തരൂ" എന്ന് പറയുന്നതിന്റെ വ്യത്യാസം പോലെ. -കമാൻഡ് ലൈനിൽ ഡെവലപ്പർമാർ മുഴുവൻ മായാജാലക്കാരെന്ന് തോന്നുന്നു. ചില മായാജാല വാക്കുകൾ (അതെ, നിങ്ങൾക്ക് അത്രേകമല്ല, അവ കമാൻഡുകൾ മാത്രമാണ്, പക്ഷെ അവ മായാജാലമുപോലെയാണ്) ടൈപ്പ് ചെയ്യുക, എന്റർ അമർത്തുക, പിന്നെ ബൂം- നിനക്ക് എന്റയർ പ്രോജക്റ്റ് റ്റ്രീകൾ സൃഷ്ടിച്ചിട്ടുണ്ടാകും, ലോകമാകെ നിന്ന് ഭീകരമായ ടൂളുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ടാകും, അല്ലെങ്കിൽ നിങ്ങളുടെ അപ്ലിക്കേഷൻ ഇന്റർനെറ്റിൽ കോടികൾക്കായി പ്രക്ഷിപ്തമാക്കിയിട്ടുണ്ടാകും. ആദ്യം ആ ശക്തിയുടെ സ്വാദ് ലഭിച്ചാൽ, അത് സത്യം വളരെ പതിവാകും! +ഡെവലപ്പർമാർ ഭവനരും ഉള്ളിൽ കമാൻഡ് ലൈൻ ഉപയോഗിച്ച് അത്ഭുതവാദികൾപോലെ സുഖം അനുഭവിക്കുന്നു. നിങ്ങൾ ചില മായാജാലം പോലെ തോന്നുന്ന വാക്ക്(കൾ) തരം Sinaiശിപ്പിച്ച്, എൻറർ അമർത്തുക, പിന്നെ പെട്ടെന്ന് പ്രോജക്റ്റ് ഘടനകൾ സൃഷ്ടിക്കുകയും ആഗോളത്തിൽ നിന്നുള്ള കരുത്തുള്ള ഉപകരണങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുകയും നിങ്ങൾക്കാവശ്യമായ ഹൃസ്വയാത്രകൾ ഓൺലൈനിലേക്ക് വിനിയോഗിച്ചുകൊടുക്കുകയും ചെയ്യുന്നു. നിങ്ങള് ആദ്യം ഇതിന് രുചികരമായി അറിയുമ്പോള്, അത് തീർച്ചയായും അസഹ്യമാണ്! -**കമാൻഡ് ലൈൻ നിങ്ങളുടെ പ്രിയപ്പെട്ട ടൂൾ ആയേക്കാനുള്ള കാരണം:** +**കമാൻഡ് ലൈനിന്റെ പ്രിയപ്പെട്ട ടൂൾ ആകാൻ കാരണം:** -ഗ്രാഫിക്കൽ ഇന്റർഫേസുകൾ പല ജോലികൾക്കും വിഗ്രഹമാണ്, പക്ഷെ കമാൻഡ് ലൈൻ ഓട്ടോമേഷൻ, കൃത്യത, അതിവേഗത എന്നിവയിൽ മികവ് പുലർത്തുന്നു. നിരവധി ഡെവലപ്മെന്റ് ടൂളുകൾ പ്രധാനമായും കമാൻഡ് ലൈൻ മുഖേന പ്രവർത്തിക്കുന്നു, അവ ശീഘ്രം പഠിച്ച് ഉപയോഗിക്കുന്നത് നിങ്ങളുടെ ഉൽപാദനക്ഷമത വൻ രീതിയിൽ മെച്ചപ്പെടുത്തും. +ഗ്രാഫിക്കൽ ഇന്റർഫേസുകൾ പല പ്രവർത്തനങ്ങൾക്കും നല്ലതായിരുന്നിട്ടും, കമാൻഡ് ലൈൻ ഓട്ടോമേഷൻ, കൃത്യത, വേഗതയിൽ അതിക്രുതമാണ്. പല ഡെവലപ്പ്മെന്റ് ടൂളുകളും പ്രധാനമായി കമാൻഡ് ലൈൻ ഇൻറർഫേസുകളിലൂടെ പ്രവർത്തിക്കുന്നു, അത് എഫിഷ്യൻസിയായി ഉപയോഗിക്കാൻ പഠിക്കുവാൻ Productivity വളരെ മെച്ചപ്പെടും. ```bash -# പടി 1: പ്രോജക്റ്റ് ഡയറക്ടറി സൃഷ്ടിച്ച് അവിടെ പോകുക +# ഘട്ടം 1: പ്രോജക്റ്റ് ഡയറക്ടറി സൃഷ്ടിക്കുകയും അതിലേക്ക് നാവിഗേറ്റ് ചെയ്യുകയും ചെയ്യുക mkdir my-awesome-website cd my-awesome-website ``` - -**ഈ കോഡ് ചെയ്യുന്നത്:** -- പ്രോജക്റ്റിന് പുതിയ ഡയറക്ടറി "my-awesome-website" സൃഷ്ടിക്കുക -- പുതിയ സൃഷ്ടിച്ച ഡയറക്ടറിയിലെക്ക് നീങ്ങുക ജോലി തുടങ്ങാൻ + +**ഈ കോഡ് ചെയ്യുന്നത്:** +- നിങ്ങളുടെ പ്രോജക്റ്റിനായി "my-awesome-website" എന്ന പുതിയ ഡയറക്ടറി സൃഷ്ടിക്കുക +- പ്രവർത്തനം ആരംഭിക്കാൻ സൃഷ്ടിച്ച ഡയറക്ടറിയിലേക്ക് നയിക്കുക ```bash -# ഘട്ടം 2: project പാക്കജ്.json ഉപയോഗിച്ച് ആരംഭിക്കുക +# ഘട്ടം 2: package.json ഉപയോഗിച്ച് പ്രോജക്റ്റ് ആരംഭിക്കുക npm init -y -# ആധുനിക വികസന ടൂളുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക +# ആധുനിക ഡെവലപ്പ്മെന്റ് ഉപകരണങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുക npm install --save-dev vite prettier eslint npm install --save-dev @eslint/js ``` - -**പടി പടി സംഭവിക്കുന്നത്:** -- `npm init -y` ഉപയോഗിച്ച് ഡീഫോൾട്ട് ക്രമീകരണത്തോടെ പുതിയ Node.js പ്രോജക്റ്റ് തുടക്കംവിടെക്കുക -- വേഗതയുള്ള ഡെവലപ്പ്മെന്റിനും പ്രൊഡക്ഷൻ ബിൽഡുകൾക്കുമായി ആധുനിക ബിൽഡ്‌ടൂൾ Vite ഇൻസ്റ്റാൾ ചെയ്യുക -- കോഡ് ഫോർമാറ്റിംഗ് ഓട്ടോമാറ്റിക്കും കോഡ് ഗുണമേന്മാ പരിശോധനയ്ക്ക് Prettier, ESLint ചേർക്കുക -- ഈ ഡിപ്പെൻഡൻസികൾ ഡെവലപ്മെന്റിനായി മാത്രം എന്നതിന് `--save-dev` ഫ്ലാഗ് ഉപയോഗിക്കുക + +**ചുരുക്കത്തിൽ, ഇതാണ് നടക്കുന്നത്:** +- `npm init -y` ഉപയോഗിച്ച് ഡീഫോൾട്ട് ക്രമീകരണങ്ങളോടെ പുതിയ Node.js പ്രോജക്റ്റ് ആരംഭിക്കുക +- വേഗത്തിലുള്ള ഡെവലപ്പ്മെന്റിനും പ്രൊഡക്ഷൻ ബിൽഡുകൾക്കുമായി Vite ഇൻസ്റ്റാൾ ചെയ്യുക +- സ്വതനായ കോഡ് ഫോർമാറ്റിംഗിനായി Prettier ഉപയോഗിക്കുക, ക്വാൾട്ടിയുടെ പരിശോധനയ്ക്ക് ESLint ചേർക്കുക +- "--save-dev" ഫ്ലാഗ് ഡെവലപ്പ്മെന്റ് മാത്രം നിർവഹിക്കുന്ന निर्भरതകൾ സൂചിപ്പിക്കാൻ ഉപയോഗിക്കുക ```bash -# ഘട്ടം 3: പ്രോജക്റ്റ് ഘടനയും ഫയലുകളും സൃഷ്ടിക്കുക +# പടി 3: പ്രോജക്ട് ഘടനയും ഫയലുകളും സൃഷ്‌ടിക്കുക mkdir src assets echo 'My Site

Hello World

' > index.html -# ഡവലപ്പ്മെന്റ് സർവർ ആരംഭിക്കുക +# വികസന സെർവർ ആരംഭിക്കുക npx vite ``` - -**മുകളിൽ, ഞങ്ങൾ:** -- സോഴ്‌സ് കോഡിനും അസറ്റിനും പ്രത്യേകം ഫോൾഡറുകൾ സൃഷ്ടിച്ച് പ്രോജക്റ്റ് ക്രമീകരിച്ചു -- വിശദമായ ഡോക്യുമെന്റ് ഘടനയോടെ അടിസ്ഥാന HTML ഫയൽ ജനറേറ്റ് ചെയ്തു -- ലൈവ് റീലോഡിംഗിനും ഹോട്ട് മോഡ്യൂൾ റിപ്ലെയ്‌സ്‌മെന്റിനും Vite ഡെവലപ്‌മെന്റ് സെർവർ ആരംഭിച്ചു -#### വെബ് ഡെവലപ്‌മെന്റിന് അടിസ്ഥാന കമാൻഡ് ലൈൻ ടൂൾസ് +**മുകളിൽ, നാം:** +- സോഴ്സ് കോഡ്, ആസറ്റ് ഫോള്ഡറുകൾ സൃഷ്ടിച്ച് പ്രോജക്റ്റ് ക്രമീകരിച്ചു +- ശരിയായ ഡോക്യുമെന്റ് ഘടനയോടെയുള്ള അടിസ്ഥാന HTML ഫയൽ സൃഷ്ടിച്ചു +- ലൈവ് റീലോഡിംഗിനും ഹോട്ട് മഡ്യൂൾ റിപ്ലേസ്മെന്റിനും Vite ഡെവലപ്പ്മെന്റ് സെർവർ ആരംഭിച്ചു -| ടൂൾ | ഉദ്ദേശ്യം | നിങ്ങൾക്ക് അതിന്റെ ആവശ്യം എന്തിന്? | -|-------|----------|------------------------------| -| **[Git](https://git-scm.com/)** | വെർഷൻ നിയന്ത്രണം | മാറ്റങ്ങൾ പിന്തുടരുക, മറ്റു പേർക്ക് സഹകരിക്കാൻ, ബാക്കപ്പ് എടുക്കാൻ | -| **[Node.js & npm](https://nodejs.org/)** | ജാവാസ്ക്രിപ്റ്റ് റണ്ണൈം & പാക്കേജ് മാനേജ്‌മെന്റ് | ബ്രൗസറിന് പുറത്തും ജാവാസ്ക്രിപ്റ്റ് റൺ ചെയ്യുക, ആധുനിക ടൂളുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക | -| **[Vite](https://vitejs.dev/)** | ബിൽഡ് ടൂൾ & ഡെവ് സെർവർ | അതിവേഗ ഡെവലപ്മെന്റ് ഹോട്ട് മോഡ്യൂൾ റിപ്ലേസ്‌മെന്റ് ഉപയോഗിച്ച് | -| **[ESLint](https://eslint.org/)** | കോഡ് ഗുണമേന്മ | ജാവാസ്ക്രിപ്റ്റിലെ പ്രശ്‌നങ്ങൾ സ്വയം കണ്ടെത്തിയും പരിഹരിക്കുകയും ചെയ്യുക | -| **[Prettier](https://prettier.io/)** | കോഡ് ഫോർമാറ്റിംഗ് | നിങ്ങളുടെ കോഡ് സ്ഥിരമായി ഫോർമാറ്റ് ചെയ്ത് വായിക്കാൻ അനുകൂലമാക്കുക | +#### വെബ് ഡെവലപ്പ്മെന്റിനായുള്ള അത്യാവശ്യം കമാൻഡ് ലൈൻ ടൂളുകൾ -#### പ്ലാറ്റ്ഫോം-നിർദിഷ്ട ഓപ്ഷനുകൾ +| Tool | ഉദ്ദേശ്യം | എന്തുകൊണ്ട് നിങ്ങൾക്ക് വേണം | +|------|---------|-----------------------------| +| **[Git](https://git-scm.com/)** | വെർഷൻ കണ്ട്രോൾ | മാറ്റങ്ങൾ ട്രാക്ക് ചെയ്യുക, കൂട്ടുപ്രവൃത്തിക്കു ഉപകരിക്കുക, ബാക്കപ്പ് എടുക്കുക | +| **[Node.js & npm](https://nodejs.org/)** | ജാവാസ്ക്രിപ്റ്റ് റൺറ്റൈം & പാക്കേജ് മാനേജ്‌മെന്റ് | ബ്രൗസറുകൾക്കപ്പുറം ജാവാസ്ക്രിപ്റ്റ് ഓടിക്കുക, ആധുനിക ഡെവലപ്‌മെന്റ് ടൂളുകൾ ഇൻസ്റ്റാൾ ചെയ്യുക | +| **[Vite](https://vitejs.dev/)** | ബിൽഡ് ടൂൾ & ഡെവ് സർവർ | അതിവേഗം ഡെവലപ്പ്മെന്റ് ഹോട്ട് മോഡ്യൂൾ റിപ്ലേസ്മെന്റ് ഉൾപ്പെടെ | +| **[ESLint](https://eslint.org/)** | കോഡ് ഗുണമേന്മ | ജാവാസ്ക്രിപ്റ്റിൽ പ്രശ്‌നങ്ങൾ കണ്ടെത്താനും പരിഹരിക്കാനും സഹായിക്കുന്നു | +| **[Prettier](https://prettier.io/)** | കോഡ് ഫോർമാറ്റിംഗ് | നിങ്ങളുടെ കോഡ് സമയബന്ധിതവും വായിക്കാൻ എളുപ്പവുമാക്കുക | -**Windows:** -- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - ആധുനികവും സവിശേഷതകളുള്ള ടെർമിനൽ -- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - ശക്തമായ സ്ക്രിപ്റ്റിംഗ് പരിസരം -- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - പാരമ്പര്യ വിംഡോസ് കമാൻഡ് ലൈൻ +#### പ്ലാറ്റ്‌ഫോം-സ്പെസിഫിക് ഓപ്ഷനുകൾ -**macOS:** -- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - സിസ്റ്റത്തിൽ കഴിഞ്ഞു വരുന്ന ടെർമിനൽ അപ്ലിക്കേഷൻ -- **[iTerm2](https://iterm2.com/)** - ആണ് ടെർമിനൽ വീണ്ടും മേന്മയാർന്ന സവിശേഷതകളോടെ +**Windows:** +- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - ആധുനികവും സവിശേഷതകൾ നിറഞ്ഞ_terminal_ +- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - ശക്തമായ സ്ക്രിപ്റ്റിംഗ് പരിസ്ഥിതി +- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - പരമ്പരാഗത Windows കമാൻഡ് ലൈൻ -**Linux:** -- **[Bash](https://www.gnu.org/software/bash/)** 💻 - സ്റ്റാൻഡേഡ് ലിനക്സ് ഷെൽ -- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - പുരോഗമനഫലമായി ടെർമിനൽ എമുലേറ്റർ +**macOS:** +- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - മുഖ്യമായ ടർമിനൽ ആപ്പ് +- **[iTerm2](https://iterm2.com/)** - മെച്ചപ്പെടുത്തിയ ടർമിനൽ സവിശേഷതകളോടുള്ള -> 💻 = പ്രവർത്തനവ്യവസ്ഥയിൽ മുൻകൂട്ടിയെഴുത്തായാണ് ഉൾപ്പെടുന്നത് +**Linux:** +- **[Bash](https://www.gnu.org/software/bash/)** 💻 - സ്റ്റാൻഡേർഡ് Linux ഷെൽ +- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - ആധുനിക ടർമിനൽ എംമുലേറ്റർ -> 🎯 **പഠന മാർഗ്ഗം**: `cd` (ഡയറക്ടറി മാറ്റുക), `ls` അല്ലെങ്കിൽ `dir` (ഫയലുകൾ പട്ടിക ചെയ്യുക), `mkdir` (ഫോൾഡർ ആക്കി ലഭിക്കുക) പോലുള്ള അടിസ്ഥാന കമാൻഡുകളിലൂടെ തുടങ്ങുക. ആധുനിക പ്രവാഹ കമാൻഡുകൾ `npm install`, `git status`, `code .` (നിലവിലെ ഡയറക്ടറി VS കോഡിൽ തുറക്കുന്നു) പരിശീലിക്കുക. കൂടുതൽ അഭ്യാസത്തോടെ, കൂടുതൽ പുരോഗമന കമാൻഡുകളും ഓട്ടോമേഷൻ സാങ്കേതികവിദ്യകളും സ്വാഭാവികമായി നിങ്ങൾക്ക് സാന്ദ്രമായിരിക്കും. +> 💻 = ഓപ്പറേറ്റിങ് സിസ്റ്റത്തിൽ മുൻകൂട്ടി ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട് -### ഡോക്യുമെന്റേഷൻ: നിങ്ങളുടെ എപ്പോഴും ലഭ്യമായ പഠന ഗുരു +> 🎯 **പഠന പാത**: അടിസ്ഥാന കമാൻഡുകൾ `cd` (ഡയറക്ടറി മാറ്റുക), `ls` അല്ലെങ്കിൽ `dir` (ഫയലുകൾ പട്ടികയാക്കുക), `mkdir` (ഫോള്ഡർ സൃഷ്ടിക്കുക) മുതലായവ തുടങ്ങുക. പിന്നീട് ആധുനിക പ്രവൃത്തി പ്രവാഹ കമാൻഡുകൾ പേറാവുന്ന `npm install`, `git status`, `code .` (VS Code തുറക്കാൻ) എന്നിവയും പ്രായോഗികമാക്കുക. നിങ്ങൾക്ക് കൂടുതൽ പരിചയം കിട്ടുമ്പോൾ, കൂടുതൽ പരിശീലന വളർച്ചക്കും ഓട്ടോമേഷൻ സാങ്കേതികതകൾക്കും സ്വാഭാവികം പിടിച്ചെടുക്കും. -നന്നായി, തുടക്കക്കാർക്കായി നിങ്ങൾക്ക് മനസിലാകാൻ സഹായിക്കുന്ന ഒരു രഹസ്യം പങ്കിടാം: ഏറ്റവും പരിചയസമ്പന്നരായ ഡെവലപ്പർമാർ പോലും അവരുടെ സമയത്തിന് വലിയൊരു ഭാഗം ഡോക്യുമെന്റേഷൻ വായിക്കുന്നതിനാണ് ചിലവിടുന്നത്. അവർ അറിയാത്തതിനാൽ അല്ല – പതിവിലായി ബുദ്ധിമുട്ടില്ലാതിരിക്കാൻ! +### ഡോക്യുമെന്റേഷൻ: എപ്പോഴും ലഭ്യമായ പഠന മാര്‍ഗ്ഗദർശകൻ -ഡോക്യുമെന്റേഷൻ നിങ്ങളെപ്പോലെ 24/7 ലഭ്യമായ ലോകത്തെ ഏറ്റവും ക്ഷമയുള്ള, ജ്ഞാനമുള്ള അധ്യാപകരെ പോലെ തന്നെ കരുതുക. 2 AM-ന് ഒരു പ്രശ്‌നം പട്രിച്ച് പിടിച്ചാൽ? ഡോക്യുമെന്റേഷൻ ഉണ്ട് ഒരു വേനലക്കാറ്റു പോലെ, നിങ്ങൾക്ക് ആവശ്യമായ ഉത്തരം നൽകാൻ. എല്ലാവരോ സംസാരിക്കുന്ന പുതിയ ഫീച്ചർ പഠിക്കണമോ? ഡോക്യുമെന്റേഷൻ നിങ്ങളുടെ പിന്തുണയാണ് സുവിന്യാസം കൂടാതെ ഉദാഹരണങ്ങളോടെ. എന്തെങ്കിലും എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്ന് മനസ്സിലാക്കാൻ ശ്രമിക്കുമ്പോൾ? അതാണ്, ഡോക്യുമെന്റേഷൻ തീർച്ചയായും അത് വ്യക്തമായി വിശദീകരിക്കും! +ഒന്ന്, ചെറുതൊരു രഹസ്യം പങ്കുവെക്കാം; അത് നിങ്ങൾക്കു തുടക്കക്കാരനായി ഇരിക്കാൻ ഏറെ ആശ്വാസം നൽകും: ഏറ്റവും പരിചയസമ്പന്നരായ ഡെവലപ്പർമാരും അവരുടെ സമയം വലിയൊരു ഭാഗം ഡോക്യുമെന്റേഷൻ വായനയ്ക്ക് ചെലവഴിക്കാറുണ്ട്. അവർ എന്ത് ചെയ്യുന്നു അറിയാതായതിനാൽ അല്ല – എങ്കിൽ അത് ഒരു ജ್ಞಾನത്തിന്റെ സൂചനയാണ്! -ഇതൊന്നു എന്റെ തീർച്ചയായ ദൃഷ്ടികോണം മാറ്റി: വെബ് ഡെവലപ്പ്മെന്റ് ലോകം അതിവേഗം മാറുകയാണ്, ആരും എല്ലാം മനസ്സിലാക്കുവാൻ സാധിക്കും എന്ന് കരുതരുത് (പുതിയതായി പറയാനുതകും, ആരും അല്ല!). 15+ വർഷം പരിചയമുള്ള മുതിർന്ന ഡെവലപ്പർമാർ അടിക്കുറിപ്പുകൾ നോക്കുന്നത് ഞാൻ കണ്ടിട്ടുണ്ട്, അറിയാമോ? അത് ലജ്ജിക്കാൻ പാടില്ല – അത് ബുദ്ധിമുട്ടല്ല! ഇത് ഒരു മികച്ച സ്മരണയല്ല, മുൻകൂട്ടലായി എവിടെയാണ് വിശ്വസനീയമായ ഉത്തരം കണ്ടെത്താമെന്ന് അറിയുന്നത്. +ഡോക്യുമെന്റേഷൻ ലോകത്തിലെ ഏറ്റവും ക്ഷമയുള്ള, അറിവും അനുഭവവും നിറഞ്ഞ അധ്യാപകർ 24/7 ലഭ്യമാകുന്നതായി ഉൾക്കൊള്ളുക. രാത്രി 2 മണിക്ക് പ്രശ്‌നം കിട്ടിയാൽ? ഡോക്യുമെന്റേഷൻ അതിവേഗം സഹായിക്കും. പുതിയ സവിശേഷതകളെക്കുറിച്ച് പഠിക്കണം ആണോ? ഡോക്യുമെന്റേഷൻ പടികൾ പാലിച്ച് നിങ്ങൾക്കു സഹായിക്കും. എന്തെങ്കിലും എന്തുകൊണ്ട് അങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നറിയണമോ? ആണ്, ഡോക്യുമെന്റേഷൻ വളരെ മനസിലാകുന്ന രീതിയിൽ നിങ്ങൾക്ക് വിശദീകരിക്കും. -**ഇവിടെ യഥാർത്ഥ മാജിക് നടക്കുന്നു:** +എനിക്ക് ദർശനം പൂർണ്ണമായി परिवर्तनചെയ്ത ഒന്നുണ്ട്: വെബ് ഡെവലപ്പ്മെന്റ് ലോകം വളരെ വേഗത്തിൽ മുന്നേറുന്നു, ആരും എല്ലാം ഓർമിക്കും എന്നില്ല. 15+ വർഷം പരിചയമുള്ള മുതിർന്ന ഡെവലപ്പർമാരും അടിസ്ഥാന സിന്റാക്സ് അന്വേഷിക്കുന്നത് ഞാൻ കണ്ടിട്ടുണ്ട്, എന്തിനും അത്ര സങ്കടമോ നിറക്കാ? അതറിയാം വേഗത്തിൽ വിശ്വസനീയമായ ഉത്തരം എവിടെ കാണാനെന്ന് അറിയുന്നു എന്നതാണ്. -പ്രൊഫഷണൽ ഡെവലപ്പർമാർ അവരുടെ സമയം വലിയൊരു ശതമാനം ഡോക്യുമെന്റേഷൻ വായിക്കാൻ ചിലവിടുന്നു – അവർ അറിയാത്തതിനാൽ അല്ല, വെബ് ഡെവലപ്പ്മെന്റ് ലോക്കൻഡ് അതിവേഗം മാറിവരുന്നതുകൊണ്ട്, സുതാര്യമായി പഠനം തുടർച്ചയായിരിക്കണം. നല്ല ഡോക്യുമെന്റേഷൻ നിങ്ങളെ വെറും *എങ്ങനെ* ഉപയോഗിക്കാമെന്ന് മാത്രമല്ല, *എന്തിന്*, *എപ്പോൾ* ഉപയോഗിക്കാമെന്നും മനസിലാക്കാൻ സഹായിക്കുന്നു. +**ഇവിടെ യഥാർത്ഥ മായാജാലം നടക്കുകയാണ്:** -#### അനിവാര്യ ഡോക്യുമെന്റേഷൻ വിഭവങ്ങൾ +പ്രൊഫഷണൽ ഡെവലപ്പർമാർ ഏറെ സമയമെങ്കിലും ഡോക്യുമെന്റേഷൻ വായിക്കുന്നു – അവർ എന്തുചെയ്യുന്നു അറിയാതിരുന്നതല്ല, പക്ഷേ വെബ് ഡെവലപ്പ്മെന്റ് രംഗങ്ങൾ അതിവേഗം മാറുന്നുവന്ന് കൊണ്ട് പുതിയ അറിവ് നേടേണ്ടതായിരിക്കും. നല്ല ഡോക്യുമെന്റേഷൻ നിങ്ങൾക്ക് *എങ്ങനെ* ഉപയോഗിക്കാമെന്ന് മാത്രമല്ല, *എന്തുകൊണ്ട്*യും *എപ്പോൾ* ഉപയോഗിക്കേണ്ടതും മനസിലാകാൻ സഹായിക്കുന്നു. -**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)** -- വെബ് ടെക്നോളജി ഡോക്യുമെന്റേഷനിൽ സ്വർണ്ണ സ്റ്റാൻഡേർഡ് -- HTML, CSS, ജാവാസ്ക്രിപ്റ്റ് സംബന്ധിച്ച സമഗ്ര ഗൈഡുകൾ -- ബ്രൗസർ അനുഭവ്യത വിവരങ്ങൾ ഉൾപ്പെടുന്നു -- പ്രായോഗിക ഉദാഹരണങ്ങളും ഇന്ററാക്ടീവ് ഡെമോകളും +#### അത്യാവശ്യ ഡോക്യുമെന്റേഷൻ വിഭവങ്ങൾ -**[Web.dev](https://web.dev)** (ഗൂഗിൾ) -- ആധുനിക വെബ് ഡെവലപ്പ്മെന്റ് മികച്ച രീതികൾ -- പ്രകടനം മെച്ചപ്പെടുത്തുന്ന മാർഗ്ഗനിർദ്ദേശങ്ങൾ -- പ്രവേശനക്ഷമതയും ഉൾപ്പെട്ട രൂപകൽപ്പന പ്രിൻസിപ്പളുകളും -- വാസ്തവ ലോക പദ്ധതികളിൽ നിന്നുള്ള കേസ് സ്റ്റഡികൾ +**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)** +- വെബ് ടെക്നോളജി ഡോക്യുമെന്റേഷൻക്ക് സ്വർണ മാനദണ്ഡം +- HTML, CSS, ജാവാസ്ക്രിപ്റ്റ് സംബന്ധിച്ച സമഗ്ര ഗൈഡുകൾ +- ബ്രൗസർ അനുയോജ്യത വിവരങ്ങൾ ഉൾപ്പെടുന്നു +- പ്രായോഗിക ഉദാഹരണങ്ങളും ഇന്ററാക്ടീവ് ഡെമോകളും ചേർന്നു -**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)** -- എഡ് ബ്രൗസർ ഡെവലപ്പ്മെന്റ് വിഭവങ്ങൾ -- പ്രോഗ്രസ്സീവ് വെബ് ആപ്പ് മാര്‍ഗ്ഗ നിർദ്ദേശങ്ങൾ -- ക്രോസ്-പ്ലാറ്റ്ഫോം ഡെവലപ്പ്മെന്റ് അറിവുകൾ +**[Web.dev](https://web.dev)** (ഗൂഗിള് വഴി) +- ആധുനിക വെബ് ഡെവലപ്പ്മെന്റ് മികച്ച രീതികൾ +- പ്രകടനം മെച്ചപ്പെടുത്താനുള്ള മാർഗ്ഗനിർദ്ദേശങ്ങൾ +- ആക്‌സസിബിലിറ്റി, ഉൾക്കൊള്ളുന്ന ഡിസൈൻ പ്രിൻസിപ്പിൾസ് +- യഥാര്‍ത്ഥ ലോക പദ്ധതി നടപടങ്ങളെക്കുറിച്ച് പഠനങ്ങൾ -**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)** -- ഘടിത പഠന പരിപാടികൾ -- വ്യവസായ വിദഗ്ധരുടെ വീഡിയോ കോഴ്സുകൾ -- ഹന്റ്സോൺ കോഡിംഗ് അഭ്യാസങ്ങൾ +**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)** +- എഡ്ജ് ബ്രൗസർ ഡെവലപ്പ്മെന്റ് വിഭവങ്ങൾ +- പ്രോഗ്രസീവ് വെബ് ആപ്പ് ഗൈഡുകൾ +- പ്ലാറ്റ്‌ഫോം-ക്രോസ് ഡെവലപ്പ്മെന്റ് അനുഭവങ്ങൾ -> 📚 **പഠന തന്ത്രം**: ഡോക്യുമെന്റേഷൻ മനംമാറാതെ പഠിക്കാതെ അവിടെ എങ്ങനെ സുഖപ്രദമായി നാവിഗേറ്റ് ചെയ്യാമെന്ന് മനസ്സിലാക്കുക. സ്ഥിരമായി ഉപയോഗിക്കുന്ന റഫറൻസ് ബുക്ക് മാർക്ക് ചെയ്യുക, വേഗത്തിൽ പ്രത്യേക വിവരങ്ങൾ കണ്ടെത്താൻ തേടൽ സംവിധാനങ്ങൾ ഉപയോഗിക്കുന്നത് അഭ്യാസം നടത്തുക. +**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)** +- ഘടിത പഠന കോഴ്‌സുകൾ +- ശില്പശാലകൾ, വ്യവസായ വിദഗ്ധരുടെ വീഡിയോ കോഴ്‌സുകൾ +- പ്രായോഗിക കോഡിംഗ് അഭ്യാസങ്ങൾ -### 🔧 **ടൂൾ മാസ്റ്ററി പരിശോധന: നിങ്ങൾക്ക് ഏത് താല്പര്യമുണ്ട്?** +> 📚 **പഠന തന്ത്രം**: ഡോക്യുമെന്റേഷൻ ഓർമിക്കാൻ ശ്രമിക്കേണ്ട, അത് എഫിഷ്യൻസിയായി എങ്ങനെ തിരയാമെന്നു പഠിക്കുക. പലപ്പോഴും ഉപയോഗിക്കുന്ന റഫറൻസുകൾ ബുക്ക്‌മാർക്ക് ചെയ്തിരിക്കുക, പ്രത്യേക വിവരങ്ങൾ എളുപ്പത്തിൽ കണ്ടെത്താൻ തിരയൽ സുഖമാക്കുക. -**ഒരു നിമിഷം ചിന്തിക്കാം:** -- നിങ്ങൾ ആദ്യം പരീക്ഷിക്കാൻ ഏറ്റവും ഉത്സുകനായ ടൂൾ ഏതാണ്? (തെറ്റില്ലാത്ത ഉത്തരം ഉണ്ടായിരിക്കും!) -- കമാൻഡ് ലൈൻ ഇപ്പോഴും ഭയപ്പെടുന്നുണ്ടോ, അതോ അതിൽ കാഴ്ചപ്പാട് ഉണ്ടായിരിക്കുന്നു? -- നിങ്ങൾക്ക് ബ്രൗസർ DevTools ഉപയോഗിച്ച് നിങ്ങളുടെ ഇഷ്ട വെബ്സൈറ്റുകളുടെ മറവിൽ ചുവടു നോക്കാമെന്ന് സ്വപ്‌നം കാണാനാകുന്നുണ്ടോ? +### 🔧 **ടൂൾ മാസ്‌റ്ററി ചെക്ക്: നിങ്ങൾക്ക് ഏതാണ് ഹൃദയത്തില് ഏറ്റവും അടുത്തത്?** + +**ഒരു നിമിഷം ചോദിക്കാം:** +- ഏറ്റവും ആദ്യം പരീക്ഷിക്കാൻ നിങ്ങൾ ഏറ്റവും ആവേശഭരിതനാണ് ഏത് ടൂൾ? (തെറ്റായ ഉത്തരം ഇല്ല!) +- കമാൻഡ് ലൈൻ ഇപ്പോഴും ഭയപ്പെടുത്തുന്നുണ്ടോ, അതോ അതിന്റെ കുറിച്ച് കാമുകത്വമുണ്ടോ? +- നിങ്ങളുടെ പ്രിയ വെബ്സൈറ്റുകളുടെ പിന്നിൽ നോക്കാൻ ബ്രൗസർ ഡെവ്ടూలുകൾ ഉപയോഗിക്കാൻ നിങ്ങൾക്ക് കഴിയും എന്ന് تصور ചെയ്യാമോ? ```mermaid -pie title "ഉൽപ്പന്ന വികസ്വരതയ്ക്കുള്ള ടൂൾസുകൾക്കൊപ്പം വേള" - "കോഡ് എഡിറ്റർ" : 40 - "ബ്രൗസർ ടെസ്റ്റിംഗ്" : 25 - "കമ്മാൻഡ് ലൈൻ" : 15 - "ഡോകുകൾ വായിക്കൽ" : 15 - "ഡബഗ്ഗിങ്" : 5 -``` -> **വിനോദകരമായ അറിവ്**: ഡെവലപ്പർമാർ അവരുടെ കോഡ് എഡിറ്ററിൽ ഏകദേശം 40% സമയം ചിലവിടുന്നു, പക്ഷെ പരീക്ഷണം, പഠനം, പ്രശ്‌ന പരിഹാരം കാണുന്നതിൽ എത്ര സമയം ചെലവാകുന്നു ശ്രദ്ധിക്കുക. പ്രോഗ്രാമിംഗ് വെറും കോഡ് എഴുതൽ മാത്രം അല്ല – അനുഭവങ്ങൾ രൂപപ്പെടുത്തലാണ്! +pie title "ഉപകരണങ്ങളോടൊപ്പം വികസകന്റെ സമയം ചെലവഴിച്ചത്" + "കോഡ് എഡിറ്റർ" : 40 + "ബ്രൗസർ പരിശോധന" : 25 + "കമാൻഡ് ലൈൻ" : 15 + "ഡോക്യുമെന്റുകൾ വായിക്കൽ" : 15 + "ഡീബഗിങ്" : 5 +``` +> **വിഹിതം**: അധികം ഡെവലപ്പർമാർ സ്വയം എഡിറ്ററിൽ 40% സമയം ചെലവ് ചെയ്യുമ്പോൾ, ടെസ്റ്റിംഗ്, പഠനം, പ്രശ്നപരിഹാരം എന്നിവയ്ക്കുള്ള സമയം ശ്രദ്ധിക്കുക. പ്രോഗ്രാമിംഗ് വെറും കോഡ് എഴുതലല്ല - അതു അനുഭവം രൂപപ്പെടുത്തലാണ്! -✅ **ചിന്തിക്കാൻ:** വെബ്സൈറ്റ് നിർമ്മാണത്തിനുള്ള ടൂളുകളും (ഡെവലപ്‌മെന്റും) അവയുടെ രൂപകൽപ്പനയ്ക്കുള്ള ടൂളുകൾ തമ്മിലുള്ള വ്യത്യാസം നിങ്ങൾക്ക് എങ്ങനെ തോന്നുന്നു? മനസിലാക്കാൻ സഹായിക്കുന്ന മറ്റ് അനുപാതമായ സ്വഭാവമാണ് ഇത് – ഒരു ആർക്കിടെക്റ്റാണ് ആഭരണം ഡിസൈൻ ചെയുന്നത്, മറ്റൊരാൾ കൺട്രാക്ടർ ആണ് അതിന്റെ നിർമ്മാണം നടത്തുന്നത്. രണ്ട് വഴികളും അനിവാര്യമാണ്, പക്ഷെ അവയ്ക്കും വ്യത്യസ്ത ടൂളുകൾ ആവശ്യമുണ്ട്! ഇത്തരം ചിന്തനങ്ങൾ നിങ്ങൾക്ക് വെബ്സൈറ്റുകൾ എങ്ങനെ പ്രാപിച്ചിരിക്കുന്നു എന്ന വലിയ ചിത്രം കാണാൻ സഹായിക്കും. +✅ **ചിന്തിക്കാൻ ഭക്ഷണം**: വെബ്സൈറ്റുകൾ നിർമ്മിക്കുന്ന ടൂളുകൾ (ഡെവലപ്പ്മെന്റ്) ഡിസൈൻ ചെയ്യാനുള്ള ടൂളുകൾ (ഡിസൈൻ) തമ്മിലുള്ള വ്യത്യാസം നിങ്ങൾക്ക് എങ്ങനെയെന്നു ചിന്തിക്കൂ. അത് മനോഹരമായ വീട് രൂപകൽപ്പന ചെയ്യുന്ന ആർകിടെക്ടും ആ വീട് നിർമ്മിക്കുന്ന കോൺട്രാക്ടറും തമ്മിലുള്ള വ്യത്യാസം പോലെയാണ്. രണ്ടും അത്യാവശ്യമാണ്; പക്ഷേ ടൂളുകളിലും പ്രക്രിയയിലുമെല്ലാം വ്യത്യാസമുണ്ട്! ഇത് നിങ്ങൾക്ക് വെബ്‌സൈറ്റുകൾ ജനിക്കാൻ എങ്ങനെ സഹായിക്കുന്നു എന്ന വലിയ ചിത്രം കാണാൻ സഹായിക്കും. -## GitHub Copilot Agent Challenge 🚀 +## GitHub Copilot Agent സവാൽ 🚀 -Agent മോഡ് ഉപയോഗിച്ച് താഴെ കൊടുത്തിരിക്കുന്ന ചലഞ്ച് പൂർത്തിയാക്കുക: +Agent മോടിൽ താഴെ പറയുന്ന സവാൽ പൂർത്തിയാക്കുക: -**വിവരണം:** ആധുനിക കോഡ് എഡിറ്റർ അല്ലെങ്കിൽ IDE-യുടെ സവിശേഷതകൾ പരിചയപ്പെടുക, അത് വեբ് ഡെവലപ്പറായി നിങ്ങളുടെ പ്രവാഹം എങ്ങനെ മെച്ചപ്പെടുത്തുന്നു എഡീക്റ്റ് ചെയ്ത് കാണിക്കുക. +**വിവരണം:** ഒരു ആധുനിക കോഡ് എഡിറ്റർ അല്ലെങ്കിൽ IDEയിലെ സവിശേഷതകൾ കണ്ടെത്തി, അത് വെബ് ഡെവലപ്പർമാരുടെ പ്രവൃത്തി രീതിയിൽ എങ്ങനെ മെച്ചപ്പെടുത്തുന്നു എന്ന് കാണിക്കുക. -**പ്രേരണ:** ഒരു കോഡ് എഡിറ്റർ അല്ലെങ്കിൽ IDE (ഉദാഹരണത്തിന് Visual Studio Code, WebStorm, അല്ലെങ്കിൽ ക്ലൗഡ്-അധിഷ്ഠിത IDE) തിരഞ്ഞെടുക്കുക. കോഡ് എഴുതാനും, ഡീബഗ് ചെയ്യാനും, പരിപാലിക്കാനുമുള്ള സഹായം നൽകുന്ന മൂന്ന് സവിശേഷതകൾ/എക്സ്റ്റൻഷനുകൾ പട്ടികപ്പെടുത്തുക. ഓരോതിൽ, നിങ്ങളുടെ പ്രവാഹത്തിന് ലഭിക്കുന്ന പ്രയോജനം ചുരുക്കം വിശദീകരിക്കുക. +**പ്രമ്പ്റ്റ്:** Visual Studio Code, WebStorm, അല്ലെങ്കിൽ ക്ലൗഡ് അടിസ്ഥാനത്തിലുള്ള IDE എന്നിവയിൽ നിന്നും എളുപ്പത്തിൽ തിരഞ്ഞെടുക്കുക. നിങ്ങൾക്ക് സഹായകമായ മൂന്ന് സവിശേഷതകൾ അല്ലെങ്കിൽ എക്സ്റ്റെൻഷനുകൾ ചുരുക്കി വിവരിക്കുക. ഏതു സവിശേഷത/എക്സ്റ്റെൻഷൻ ഉപയോഗിച്ചാണ് നിങ്ങളുടെ പ്രവൃത്തി മെച്ചപ്പെട്ടത്, അത് വിശദീകരിക്കുക. --- -## 🚀 ചലഞ്ച് - -**ശരി, ഡിറ്റക്ടീവ്, നിങ്ങളുടെ ആദ്യ കേസിനായി തയ്യാറാകുവോ?** - -ഇപ്പോൾ നിങ്ങൾക്ക് ഈ ഉത്തമ അടിസ്ഥാനമുണ്ടാകും, ഞാൻ നിങ്ങളെ സഹായിക്കാൻ ഒരു സാഹസികതയുണ്ട്, പ്രോഗ്രാമിംഗ് ലോകം എത്ര വ്യത്യസ്തവും ആകർഷകവുമാണെന്ന് നിങ്ങൾക്കു കാണാൻ. കേൾക്കു – ഇതു ഇതുവരേയും കോഡ് എഴുതാനുള്ള കാര്യമല്ല, അതിനാൽ സമ്മർദ്ദം വേണ്ട! നിങ്ങളെ പ്രോഗ്രാമിംഗ് ഭാഷാ ഡിറ്റക്ടീവായി കരുതുക, നിങ്ങളുടെ ആദ്യ രസകരമായ കേസ്സിൽ! +## 🚀 സവാൽ -**നിങ്ങളുടെ ദൗത്യം, നിങ്ങൾ ഇത് സ്വീകരിച്ചാൽ:** -1. **ഭാഷാ എണ്ണയാളൻ ആവുക**: പൂർണ്ണമായും വ്യത്യസ്ത ലോകങ്ങളിലുള്ള മൂന്ന് പ്രോഗ്രാമിംഗ് ഭാഷകൾ തിരഞ്ഞെടുക്കുക – ഒരുവത് വെബ്സൈറ്റുകൾ നിർമ്മിക്കുന്ന ഭാഷ ആയിരിക്കും, മറ്റൊന്ന് മൊബൈൽ ആപ്പുകൾ സൃഷ്ടിക്കുന്നത്, മറ്റൊന്ന് ശാസ്ത്രജ്ഞർക്കായി ഡാറ്റ കണക്കുകൂട്ടുന്ന ഭാഷ. ഒരേ ലളിതമുള്ള പ്രവൃത്തി മൂന്നു ഭാഷകളിൽ എഴുതിയ ഉദാഹരണങ്ങൾ കണ്ടെത്തുക. ഒരിലവിൽ എത്ര വ്യത്യസ്തമായി കാണാമെന്നു നിങ്ങൾ വിസ്മയിക്കും! +**നന്നായി, കണ്ടെത്തൽക്കാർ, നിങ്ങളുടെ ആദ്യചോദ്യത്തിന് തയ്യാറാണോ?** -2. **അവരുടെ ആരംഭകഥകൾ കണ്ടെത്തുക**: ഓരോ ഭാഷയുടെ പ്രത്യേകത എന്താണ്? ഓരോ പ്രോഗ്രാമിംഗ് ഭാഷയും സൃഷ്ടിച്ചു കൊണ്ടിരുന്നത് "ഇതിനെക്കുറിച്ച് മികച്ചൊരു മാർഗ്ഗം ഉണ്ടാകണം" എന്ന മനസ്സ് കൊണ്ടായിരുന്നു. ആ പ്രശ്‌നങ്ങൾ എന്തൊക്കെയാണെന്ന് കണ്ടെത്തൂ. ചില കഥകൾ അതിന്ദ്രിയമാണ്! +ഇപ്പോൾ നിങ്ങൾക്ക് ഈ മികച്ച അടിസ്ഥാനമേ കിട്ടിയപ്പോൾ, ഞാൻ നിങ്ങൾക്ക് ഒരു സാഹസികമാണ് നിർദ്ദേശിക്കുന്നത്, ഇതിലൂടെ പ്രോഗ്രാമിംഗ് ലോകം എത്ര വൈവിധ്യമാർന്നതും മനോഹരവുമായിട്ടുള്ളതാണെന്ന് നിങ്ങൾ കാണാനാകും. കേൾക്കൂ – ഇതു ഇപ്പോഴും കോഡ് എഴുതാൻ ഹോംവർക്കല്ല, അതുകൊണ്ടു വ്യാപാരമില്ല! നിങ്ങൾ ഒരു പ്രോഗ്രാമിംഗ് ഭാഷ ഡിടെക്ടീവായി നിങ്ങളുടെ ആദ്യ രസകരമായ കേസ് ചടങ്ങിൽ വെച്ചിരിക്കുകയാണ്! -3. **സമൂഹങ്ങളെ പരിചയപ്പെടുക**: ഓരോ ഭാഷയുടെ സമൂഹം എത്ര ക്ഷണപ്രിയവും ഉത്സാഹപരവുമാണ് എന്ന് പരിശോധിക്കുക. ചിലർ കോടികളുടെ ഡെവലപ്പർമാരുള്ള വലുതായ സമുഹങ്ങൾ, മറ്റ് ചെറിയ പക്ഷേ വളരെയധികം കൂട്ടായ്മയും പിന്തുണയും ഉള്ള സമുഹങ്ങൾ. ഈ വ്യത്യസ്ത വ്യക്തിത്വങ്ങൾ കാണാൻ പാടില്ല! +**നിങ്ങളുടെ ദൗത്യം, നിങ്ങൾ സ്വീകരിച്ചാൽ:** +1. **ഭാഷാ എക്സ്പ്ലോറർ ആകൂ**: പൂർണ്ണമായും വ്യത്യസ്ത ലോകങ്ങളിൽ നിന്നുള്ള മൂന്ന് പ്രോഗ്രാമിംഗ് ഭാഷകൾ തിരഞ്ഞെടുക്കൂ – ഒരെന്തെങ്കിലും വെബ് സൈറ്റ് പണിയുന്നതിന്, മറ്റൊന്ന് മൊബൈൽ ആപ്പുകൾക്ക്, മറ്റൊന്ന് ശാസ്ത്രജ്ഞർക്ക് ഡാറ്റയുടെ വിശകലനത്തിന്. ഓരോ ഭാഷയിലും ഒരേ ലളിതമായ ടാസ്ക് എഴുതിയ ഉദാഹരണങ്ങൾ കണ്ടെത്തൂ. ഈ തികച്ചും വ്യത്യസ്ത രീതിയിലുള്ള ഭാഷകൾ വഴി നിങ്ങള്‍ അത്ഭുതപ്പെടുമെന്നും ഞാൻ വാഗ്ദാനം ചെയ്യുന്നു! -4. **അന്തരീക്ഷം അനുസരിച്ച് തിരഞ്ഞെടുക്കുക**: ഇപ്പോൾ ഏത് ഭാഷ നിങ്ങൾക്ക് ഏറ്റവും അടുത്തതായി തോന്നുന്നു? "പരമ" തിരഞ്ഞെടുപ്പിന് സമ്മർദ്ദം നൽകേണ്ടതില്ല – നിങ്ങളുടെ ഇഷ്ടാനുസരണം മാത്രം കേൾക്കുക! തെറ്റൊരു ഉത്തരം ഈ മേഖലയിൽ ഇല്ല, പിന്നീട് മറ്റുള്ളവയും പരിശോധിക്കാം. +2. **അവരുടെ ഉത്ഭവകഥകൾ അന്വേക്ഷിക്കുക**: ഓരോ ഭാഷയും പ്രത്യേകമാക്കുന്നത് എന്താണെന്ന് കണ്ടെത്തുക. ഓരോ പ്രോഗ്രാമിംഗ് ഭാഷയും ഉണ്ടാകാൻ കാരണം "ഏതെങ്കിലുമൊരു പ്രശ്‌നം അഭിമുഖീകരിക്കുമ്പോൾ അത് എളുപ്പത്തിൽ പരിഹരിക്കുന്ന നല്ല മാർഗ്ഗം വേണം" എന്നായിരുന്നു. ആ പ്രശ്‌നങ്ങൾ എന്തായിരുന്നു എന്നു കണ്ടെത്താമോ? ചില കഥകൾ വളരെ രസകരമാണ്! -**ബോണസ് ഡിറ്റക്ടീവ് പ്രവർത്തനം**: ഓരോ ഭാഷയും ഉപയോഗിച്ച് നിർമ്മിച്ച പ്രധാന വെബ്‌സൈറ്റുകളോ ആപ്പുകളോ കണ്ടെത്താൻ ശ്രമിക്കുക. നിങ്ങൾ ഇഷ്ടപ്പെടുന്ന ഇൻസ്റ്റാഗ്രാം, നെറ്റ്ഫ്ലിക്സ്, അല്ലെങ്കിൽ ആ മൊബൈൽ ഗെയിം ഏതെല്ലാം ഭാഷ ഉപയോഗിക്കുന്നുവെന്ന് അറിഞ്ഞാൽ ഞെട്ടും! +3. **സംഘങ്ങൾ പരിചയപ്പെടുത്തുക**: ഓരോ ഭാഷയുടെ സമൂഹം എത്ര സ്നേഹപൂർവ്വം, താൽപര്യവാന്മാരാണ് എന്ന് പരിശോധിക്കുക. ചിലത് വലിയ ഡെവലപ്പർമാരുടെ സമുദായമുണ്ട്, ചിലത് ചെറുതും ഗാഢവും പിന്തുണയുള്ളതും. ഈ വ്യത്യസ്ത വ്യക്തിത്വങ്ങൾ നിങ്ങൾ കാണാൻ ആഗ്രഹിക്കും! -> 💡 **സ്മരിക്കുക**: ഇന്ന് ഈ ഭാഷകളിലെ കൈകഴിവിൽ മാത്തൃകയാകാൻ ശ്രമിക്കേണ്ടത് അല്ല. നിങ്ങളുടെ ആവാസസ്ഥലം തെരഞ്ഞെടുക്കുന്നതിനു മുമ്പ് പരിസരത്തെ മാത്രം അറിഞ്ഞിരിക്കുകയാണ് ലക്ഷ്യം. ധൈര്യം ചെയ്തു, രസിച്ച് പഠിക്കുക, നിങ്ങളുടെ കൗതുകം വഴി മുന്നോട്ട് പോകുക! +4. **സ്വന്തം ഇഷ്ടം ശ്രദ്ധിക്കുക**: ഇപ്പോൾ ഏത് ഭാഷ ഏറ്റവും അടുത്തുള്ളതായി തോന്നുന്നു? "പരിപൂർണ" തിരഞ്ഞെടുപ്പ് എന്ന ആശങ്ക ഇല്ലാതെയിരിക്കുക – നിങ്ങളുടെ ഇഷ്ടം കേൾക്കുക! തെറ്റായ ഉത്തരം ഇല്ല, പിന്നീട് മറ്റു ഭാഷകളും നിങ്ങൾ പരിശോധിക്കാം. -## നിങ്ങൾ കണ്ടെത്തിയതിനെ ആഘോഷിക്കാം! +**ബോണസ് കണ്ടെത്തൽ:** ഓരോ ഭാഷയുമായി നിർമ്മിച്ച വലിയ വെബ്സൈറ്റുകളും ആപ്പുകളും കണ്ടെത്താൻ നോക്കുക. Instagram, Netflix, അല്ലെങ്കിൽ നിങ്ങൾക്ക് ഇഷ്ടമായ മൊബൈൽ ഗെയിം ഏതാണെങ്കിലും അതിന്റെ ഭാഷ അറിയാമോ എന്ന് നിങ്ങൾക്കു ഞെട്ടിക്കാം! -ഓ മഹാത്മാ, ഇന്ന് നിങ്ങൾ എത്ര അത്ഭുതകരമായ വിവരങ്ങൾ സ്വീകാര്യമാക്കി! നിങ്ങൾ ഈ അത്ഭുതകരമായ യാത്രയിൽ എത്രയെത്ര കാര്യങ്ങൾ മനസ്സിലാക്കിയെന്ന് കാണാൻ ഞാൻ യഥാർത്ഥത്തിൽ ആവേശത്തിലാണ്. ഓർമ്മിക്കുക – ഇത് ഒരു പരീക്ഷണമല്ല, എല്ലാം തികച്ചും ശരിയല്ലാതെ ചെയ്യേണ്ടത്. നിങ്ങൾ പഠിച്ച എല്ലാ തികച്ചും ഉറ്റ ബന്ധങ്ങളുടെ ആഘോഷമാണ് ഇതു! +> 💡 **ഓർമ്മിക്കുക**: ഇന്ന് നിങ്ങൾ ഏതെങ്കിലും ഒരു ഭാഷയിൽ വിദഗ്ധനായിരിക്കേണ്ടതില്ല. തുടക്കമായി ഗൃഹ പ്രദേശത്ത് പരിചയപ്പെടുകയാണ്. സമയം കഴി‌ക്കുക, സന്തോഷത്തോടെ പരീക്ഷിച്ച് കാണുക, ജാഗ്രതയോടെ മുന്നോട്ട് പോവുക! -[പോസ്റ്റ്-ലക്ഷൻ ക്വിസ് എടുത്തു നോക്കൂ](https://ff-quizzes.netlify.app/web/) -## അവലോകനം & സ്വയമാധ്യനം +## കണ്ടെടുത്തത് ആഘോഷിക്കാം! -**ഇത് അന്വേഷിക്കാൻ സമയമെടുത്ത് അത് ആസ്വദിക്കുക!** +ആഹ്ലാദം! ഇന്ന് നിങ്ങൾ അതിയായ വിവരങ്ങൾ ഉൾക്കൊണ്ടു! ഈ അത്ഭുതകരമായ യാത്രയിൽ നിങ്ങൾ എത്രമാത്രം പഠിച്ചുവോ അത് ഞങ്ങൾ genuine ആയി അറിയാൻ ആഗ്രഹിക്കുന്നു. ഓർമ്മിക്കുക – ഇതൊരു പരീക്ഷയല്ല, ഒട്ടും പൂർണമാക്കേണ്ടതില്ല. നിങ്ങളുടെ പഠനത്തിലൂടെ എത്തിയ മനോഹരമായ ഈ ലോകത്തെക്കുറിച്ചുള്ള ആഘോഷമാണിത്! -നീങ്ങൾ ഇന്ന് വളരെ കാര്യങ്ങൾ പഠിച്ചു, അത് അഭിമാനിക്കാൻ പാടുള്ളതാണ്! ഇപ്പോൾ രസകരമായ ഭാഗമാകും – നിങ്ങളുടെ കൗതുകം ഉണർത്തുന്ന വിഷയങ്ങളിൽ ആഴത്തിൽ അന്വേഷണമാരംഭിക്കുന്നത്. ഓർമ്മിക്കുക, ഇത് ഹോംവർക്ക് അല്ല – ഇത് ഒരു സാഹസിക യാത്രയാണ്! +[പോസ്റ്റ്-പാഠം ക്വിസ് ഇപ്പോൾ എടുക്കൂ](https://ff-quizzes.netlify.app/web/) -**നിങ്ങളെ ആവേശവതിയാക്കുന്ന കാര്യങ്ങളിൽ കൂടുതൽ ആഴത്തിൽ പോകൂ:** +## അവലോകനം & സ്വയം പঠনപരിശീലനം -**പ്രോഗ്രാമിംഗ് ഭാഷകളിൽ പ്രായോഗിക പരിചയം നേടുക:** -- നിങ്ങൾ ശ്രദ്ധേയമായ 2-3 ഭാഷകളുടെ ഔദ്യോഗിക വെബ്‌സൈറ്റുകൾ സന്ദർശിക്കുക. ഓരോന്നിന്റെയും തനതായ സ്വഭാവവും കഥയും ഉണ്ടാകാം! -- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), അല്ലെങ്കിൽ [Replit](https://replit.com/) പോലുള്ള ഓൺലൈൻ കോഡിംഗ് പ്ലേഗ്രൗണ്ടുകളിൽ പരീക്ഷണങ്ങൾ നടത്തുക. പരീക്ഷിക്കാൻ ഭയപ്പെടേണ്ട! ഒന്നും തകരാറിലാകില്ല! -- നിങ്ങളുടെ ഇഷ്ടഭാഷ എന്തു തരത്തിൽ രൂപപ്പെട്ടുവെന്ന് വായിക്കുക. ചില കഥകൾ ശ്രദ്ധേയവും ചേതസ്സിലാക്കുന്നതുമായവയാണ്, അതിലൂടെ ഭാഷകൾ എന്തുകൊണ്ട് ആ രീതിയിൽ പ്രവർത്തിക്കുന്നു എന്ന് മനസ്സിൽ വരും. +**സമയം എടുക്കൂ, ആസ്വദിക്കൂ!** +നിങ്ങൾ ഇന്ന് വളരെ വിശാലമായ പ്രദേശം അന്വേഷിച്ചു, അതിനാൽ നിങ്ങൾക്ക് അഭിമാനിക്കാനുള്ള കാര്യമുണ്ട്! ഇപ്പോൾ രസകരമായ ഭാഗം വരുന്നു – നിങ്ങളുടെ ആവസാനം കൊളുത്തിയ വിഷയങ്ങളെ അന്വേഷിക്കുക. ഓർമ്മിക്കൂ, ഇത് ഹോംവർക്കല്ല – ഒരു സാഹസം തന്നെയാണ്! -**നിങ്ങളുടെ പുതിയ ഉപകരണങ്ങളുമായി പരിചിതരാകൂ:** -- നിങ്ങൾ ഇനിയും ഡൗൺലോഡ് ചെയ്തില്ലേെങ്കിൽ Visual Studio Code ഡൗൺലോഡ് ചെയ്യൂ – ഇത് ഫ്രീയും നിങ്ങൾക്ക് വളരെ പ്രിയപ്പെട്ടതാകും! -- ഒരു കുറച്ച്പ്രാവശ്യം Extensions മാര്‍ക്കറ്റ്പ്ലേസ് ബ്രൗസ് ചെയ്യൂ. ഇത് നിങ്ങളുടെ കോഡ് എഡിറ്ററിന്റെ ആപ്പ് സ്റ്റോറുപോലെ ആണ്! -- ബ്രൗസറിലെ Developer Tools തുറന്ന് ഇതിലൊക്കെ നോക്കൂ, ക്ലിക്കു ചെയ്യൂ. എല്ലാം മനസ്സിലാക്കാൻ ഉദ്ദേശിക്കേണ്ട, പൊതു പരിചയം നേടുക. +**നിങ്ങളെ ആവേശപ്പെടുത്തുന്ന കാര്യങ്ങളിൽ കൂടുതൽ ആഴത്തിൽ കയറിയാലോ:** -**കമ്മ്യൂണിറ്റിയിലേക്ക് ചേരൂ:** -- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), അല്ലെങ്കിൽ [GitHub](https://github.com/) പോലുള്ള ചില ഡെവലപ്പർ കമ്മ്യൂണിറ്റികൾ പിന്തുടരൂ. പ്രോഗ്രാമിംഗ് കമ്മ്യൂണിറ്റി പുതിയവരും അംഗീകരിക്കുന്ന വിധത്തിൽ വളരെ സൗഹൃദപരമാണ്! -- തുടക്കക്കാരന് അനുയോജ്യമായ കോഡിംഗ് വീഡിയോകൾ YouTube-ൽ കാണൂ. അനേകം നല്ല സൃഷ്ടിപ്രവണരുണ്ട്, അവരെ തുടക്കകാലം എങ്ങനെ അതിജീവിച്ചു എന്നത് അവർ ഓർക്കുന്നു. -- പ്രാദേശിക മീറ്റപ്പുകളോ ഓൺലൈൻ കമ്മ്യൂണിറ്റികളോ ചേരുന്നത് പരിഗണിക്കുക. വിശ്വസിക്കൂ, ഡെവലപ്പർമാർ തുടക്കക്കാരെ സഹായിയെ സ്‌നേഹിക്കുന്നു! +**പ്രോഗ്രാമിംഗ് ഭാഷകളിൽ കൈകൾ ഇറക്കി പഠിക്കുക:** +- ശ്രദ്ധ നേടി കയ്യടക്കിയ 2-3 ഭാഷകളുടെ ഔദ്യോഗിക വെബ്സൈറ്റുകൾ സന്ദർശിക്കുക. ഓരോന്നിന്റെയും അവന്റെ സ്വഭാവവും കഥയും ഉണ്ട്! +- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), അല്ലെങ്കിൽ [Replit](https://replit.com/) പോലുള്ള ഓൺലൈൻ കോഡിംഗ് പ്ലേഗ്രൗണ്ടുകളിൽ പരീക്ഷിക്കുക. പരീക്ഷിക്കാൻ പേടിക്കേണ്ട – തകരാറുണ്ടാക്കാൻ സാധിക്കില്ല! +- നിങ്ങൾക്ക് ഇഷ്ടപെട്ട ഭാഷ എങ്ങനെ സ്ഥാപിതമായി എന്ന് വായിക്കുക. സത്യത്തിൽ, ചില തുടക്കങ്ങളുടെ കഥകൾ അതിവിശേഷവും രസകരവുമാണ്, ഭാഷകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്ന് മനസിലാക്കാൻ സഹായിക്കും. -> 🎯 **കേൾക്കൂ, ഇങ്ങനെ ഞാന് നിങ്ങൾക്ക് ഓർമ്മപ്പെടുത്താൻ ആഗ്രഹിക്കുന്നത്**: ഒരിക്കലും ഒരുനൈപുണ്യശാലിയായ കോഡർ ആകണമെന്നു പ്രതീക്ഷിക്കരുത്! ഇപ്പോള്‍ നിങ്ങൾ ഈ അത്ഭുതകരമായ പുതിയ ലോകം പരിചയപ്പെടുകയാണ്. സമയം എടുത്ത്, യാത്രയെ ആസ്വദിക്കുക, ഓര്‍മിക്കുക – നിങ്ങളെ അപരിചിതനാക്കി മാറ്റുന്ന എല്ലാ ഡെവലപ്പർമാരും ഒരു കാലത്ത് നിങ്ങളോടു സദൃശമായ നിലയിൽ ഇരുന്നിരുന്നത്, ഉദ്ദേശം ഉണരുകയും ചെറിയ ഞെട്ടലുമായി. അതാണ് സ്വാഭാവികം, അത് നിങ്ങൾ ശരിയായ മാര്‍ഗത്തിലാണ് എന്നതിന് തെളിവാണ്! +**നവീന ഉപകരണങ്ങളുമായി സൗഹൃദം സ്ഥാപിക്കുക:** +- ഇന്നുവരെ ഡൗൺലോഡ് ചെയ്തിട്ടില്ലെങ്കിൽ Visual Studio Code ഡൗൺലോഡ് ചെയ്യുക – ഇത് സൗജന്യമാണ്, നിങ്ങൾക്ക് ഇഷ്ടപ്പെടും! +- ഒരു കുറച്ച് മിനുട്ടുകൾ Extentions മാർക്കറ്റ്പ്ലേസ് ത്വരിതം കഴുകുക. നിങ്ങളുടെ കോഡ് എഡിറ്ററിന് ഒരു ആപ്പ് സ്റ്റോർപോലെ ആണ് അത്! +- നിങ്ങളുടെ ബ്രൗസറിന്റെ Developer Tools തുറന്ന് അമർത്തുകയോ ക്ലിക്കു നടത്തുകയോ ചെയ്യുക. എല്ലാം മനസിലാക്കാൻ ശ്രമിക്കേണ്ട – സാന്ദ്രമായി അവിടെ എന്തുണ്ട്ന്ന് പരിചയപ്പെടുക. +**കമ്മ്യൂണിറ്റിയിൽ ചേർക്കുക:** +- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), അല്ലെങ്കിൽ [GitHub](https://github.com/) പോലുള്ള ഡെവലപ്പർ കമ്മ്യൂണിറ്റികൾ ഫോളോ ചെയ്യുക. പ്രോഗ്രാമിംഗ് സമൂഹം പുതുതായി വരുന്നവർക്കും വളരെ സൗഹൃദമാണ്! +- YouTube-യിൽ തുടക്കക്കാർയ്ക്ക് അനുയോജ്യമായ കോഡിംഗ് വീഡിയോകൾ കാണുക. തുടക്കം എങ്ങനെ ആയിരുന്നു എന്ന് ഓർക്കുന്ന നിരവധി മികച്ച സൃഷ്ടാക്കൾ ഉണ്ടാകും. +- തദ്ദേശീയ മീറ്റപ്പുകളിലോ ഓൺലൈൻ കമ്മ്യൂണിറ്റികളിലോ ചേരാൻ പരിഗണിക്കുക. വിശ്വസിക്കുക, ഡെവലപ്പർമാർ പുതുതായി വരുന്നവർക്കു സഹായിക്കാൻ ഇഷ്ടപ്പെടുന്നു! +> 🎯 **കേള്‍ക്കൂ, ഞാൻ നിങ്ങളെ ഓർക്കുതലത്രം ആഗ്രഹിക്കുന്നത് ഇതാണ്**: ഒരു രാത്രി പ്രോഗ്രാമിംഗ് വിസ്‌ഡാർ വൽക്കരിക്കാതെ നിങ്ങൾ പ്രതീക്ഷിക്കേണ്ട. ഇപ്പോൾ നിങ്ങൾ പ്രവേശിക്കാനിരിക്കുന്ന ഈ അത്ഭുതകരമായ പുതിയ ലോകത്തെ പരിചയപ്പെടുകയാണ്. സമയം എടുക്കുക, യാത്ര ആസ്വദിക്കുക, ഓർക്കുക – നിങ്ങൾ ആരാധിക്കുന്ന ഓരോ ഡെവലപ്പറും ഒരിക്കൽ തന്നെ, ഇപ്പോൾ നിങ്ങളെയിടത്തു ഇരുന്ന് ആവേശത്തോടെ ഒടുവിൽ ചെറിയ ഭ്രാന്തത അനുഭവിച്ചവരാണ്. അത് അടിപൊളിയുള്ള സാധാരണമാണ്, അതായത് നിങ്ങൾ ശരിയായി ചെയ്യുകയാണ്! -## അസൈൻമെന്റ് +## ജോലിസമയം [Reading the Docs](assignment.md) -> 💡 **നിങ്ങളുടെ അസൈൻമെന്റിനുള്ള ചെറിയ പ്രേരണം**: നമ്മൾ ഇതുവരെ പരാമർശിച്ചിട്ടില്ലാത്ത ചില ഉപകരണങ്ങൾ നിങ്ങൾ അന്വേഷിക്കുന്നതിന് ഞാൻ ആഗ്രഹിക്കുന്നു! ഞങ്ങൾ ഇതിനകം പറഞ്ഞ എഡിറ്ററുകളും ബ്രൗസറുകളുടെയും കമാൻഡ് ലൈനിലും ഉള്ള ടൂളുകളും ഒഴിവാക്കുക – അവിടെയുണ്ട് അത്ഭുതകരമായ ഡെവലപ്പ്മെന്റ് ടൂൾസിന്റെ ഒരു വലിയ രാജ്യം, അവ കണ്ടെത്താൻ കാത്തിരിക്കുന്നു. സജീവമായി പരിപാലിക്കപ്പെടുന്ന, ഉത്സാഹപരവും സഹായകവുമായ കമ്മ്യൂണിറ്റികൾ ഉള്ളവ തിരഞ്ഞെടുക്കൂ (ഇവയ്ക്ക് മികച്ച ട്യൂട്ടോറിയലുകളും, നേരിടുമ്പോൾ സഹായിക്കാൻ ഇഷ്ടപ്പെടുന്ന ആളുകളും ഉണ്ടായിരിക്കും). +> 💡 **നിങ്ങളുടെ ജോലിക്കായി ചെറിയ പ്രേരണ**: നമ്മൾക്കു അറിയാത്ത ചില ഉപകരണങ്ങൾ നിങ്ങൾ അന്വേഷണം ചെയ്യുന്നത് ഞാൻ സത്യത്തിൽ കാണാൻ ആഗ്രഹിക്കുന്നു! ഇനി വരെ പറയാതെ വന്ന എഡിറ്ററുകളും ബ്രൗസറുകളും കമാൻഡ് ലൈനും ഒഴിവാക്കുക – അവിടെ തേടാൻ കഴിയുന്ന അത്ഭുതകരമായ വികസന ഉപകരണങ്ങളുടെ ഒരു പൂർണ്ണ ലോകം ഉണ്ട്. സജീവമായി പരിപാലിക്കപ്പെടുന്ന, മനോഹരവും സഹായകരവുമായ കമ്മ്യൂണിറ്റികൾ ഉള്ളവയെ തേടുക (ഇവയ്ക്ക് മികച്ച ട്യുട്ടോറിയലുകളും സഹായകരരായ ആളുകളും ഉണ്ട്, നിങ്ങൾ തടസ്സപ്പെട്ടപ്പോൾ സൗഹൃദത്തോടെ സഹായിക്കാനാകുന്നതും). --- -## 🚀 നിങ്ങളുടെ പ്രോഗ്രാമിംഗ് യാത്രാ ടൈംലൈൻ - -### ⚡ **അടുത്ത 5 മിനുട്ടിൽ ചെയ്യാവുന്ന കാര്യങ്ങൾ** -- [ ] ശ്രദ്ധേയമായ 2-3 പ്രോഗ്രാമിംഗ് ഭാഷാ വെബ്സൈറ്റുകൾ ബുക്ക്മാർക്ക് ചെയ്യുക -- [ ] നിങ്ങൾക്ക് ഇനിയും ഡൗൺലോഡ് ചെയ്യാതെ ഉണ്ടെങ്കിൽ Visual Studio Code ഡൗൺലോഡ് ചെയ്യുക -- [ ] ബ്രൗസറിന്റെ DevTools (F12) തുറന്ന് ഏതെങ്കിലും വെബ്സൈറ്റിൽ ക്ലിക്ക് ചെയ്യുക -- [ ] ഒരു പ്രോഗ്രാമിംഗ് കമ്മ്യൂണിറ്റിയിൽ ചേരുക (Dev.to, Reddit r/webdev, അല്ലെങ്കിൽ Stack Overflow) - -### ⏰ **ഈ മണിക്കൂറിൽ നേടാവുന്ന കാര്യങ്ങൾ** -- [ ] പാഠം കഴിഞ്ഞ് ക്വിസ് പൂരിപ്പിക്കുകയും ഉത്തരങ്ങൾ അവലോകനം ചെയ്യുകയും ചെയ്യുക -- [ ] VS Code-നെ GitHub Copilot എക്സ്റ്റൻഷനോടെ സജ്ജമാക്കുക -- [ ] ഓൺലൈനിൽ 2 വ്യത്യസ്ത പ്രോഗ്രാമിംഗ് ഭാഷകളിൽ "Hello World" ഉദാഹരണങ്ങൾ പരീക്ഷിക്കുക -- [ ] YouTube-ൽ “ഒരു ഡെവലപ്പറുടെ ദിനചര്യ” വീഡിയൊ കാണുക -- [ ] ഭാഷാന്വേഷണത്തെ തുടക്കം കുറിക്കുക (ചലഞ്ച് അനുസരിച്ച്) - -### 📅 **നിങ്ങളുടെ ആഴ്ച നളംഭ مؤتمرകൂഷാർ** -- [ ] അസൈൻമെന്റ് പൂര്‍ത്തിയാക്കി 3 പുതിയ ഡെവലപ്പുമെന്റ് ഉപകരണങ്ങൾ പരീക്ഷിക്കുക -- [ ] 5 ഡെവലപ്പർമാരെ അല്ലെങ്കിൽ പ്രോഗ്രാമിംഗ് അക്കൗണ്ടുകൾ സോഷ്യൽ മീഡിയയിൽ പിന്തുടരുക -- [ ] CodePen അല്ലെങ്കിൽ Replit-ൽ ചെറിയൊരു കൃതി നിർമ്മിക്കാൻ ശ്രമിക്കുക ("Hello, [Your Name]!" മാത്രം ആണെങ്കിൽ പോലും) -- [ ] ആരെയോ ഒരു ഡെവലപ്പറുടെ കോഡിംഗ് യാത്രയെ കുറിച്ചുള്ള ബ്ലോഗ് പോസ്റ്റ് വായിക്കുക -- [ ] ഒരു വിർച്വൽ മീറ്റപ്പ് ചേരുക അല്ലെങ്കിൽ പ്രോഗ്രാമിംഗ് ടോക്ക് കാണുക -- [ ] നിങ്ങളുടെ തിരഞ്ഞെടുത്ത ഭാഷ ഓൺലൈൻ ട്യൂട്ടോറിയലുകൾ ഉപയോഗിച്ച് പഠനാരംഭം നടത്തുക - -### 🗓️ **നിങ്ങളുടെ മാസാന്ത മാറ്റം** -- [ ] നിങ്ങളുടെ ആദ്യ ছোটൊരു പ്രോജക്റ്റ് നിർമ്മിക്കുക (ഒരു ലളിതമായ വെബ്പേജ് പോലും മതിയാകും!) -- [ ] ഒരു ഓപ്പൺ സോഴ്‌സ് പ്രോജക്റ്റിൽ സംഭാവന നൽകുക (ഡോക്യുമെന്റേഷൻ പരിഷ്ക്കാരങ്ങളിൽ നിന്ന് ആരംഭിക്കുക) -- [ ] പ്രോഗ്രാമിങ്ങ് യാത്ര ആരംഭിക്കുന്ന ആരെയെങ്കിലും മെന്റോർ ചെയ്യുക +## 🚀 നിങ്ങളുടെ പ്രോഗ്രാമിംഗ് യാത്ര ദിവസക്കണക്കുകൾ + +### ⚡ **അടുത്ത 5 മിനിറ്റിൽ ചെയ്യാൻ കഴിയുന്നത്** +- [ ] ശ്രദ്ധ പിടിച്ച 2-3 പ്രോഗ്രാമിംഗ് ഭാഷ വെബ്സൈറ്റുകൾ ബുക്ക്മാർക്ക് ചെയ്യുക +- [ ] ഇന്നുവരെ ഡൗൺലോഡ് ചെയ്തിട്ടില്ലെങ്കിൽ Visual Studio Code ഡൗൺലോഡ് ചെയ്യുക +- [ ] നിങ്ങളുടെ ബ്രൗസറിന്റെ DevTools (F12) തുറന്ന് ഏതെങ്കിലും വെബ്സൈറ്റ് ക്ലിക്കു ചെയ്യുക +- [ ] ഒരു പ്രോഗ്രാമിംഗ് കമ്മ്യൂണിറ്റി ചേർക്കുക (Dev.to, Reddit r/webdev, അല്ലെങ്കിൽ Stack Overflow) + +### ⏰ **ഈ മണിക്കൂറിൽ നേടാവുന്നതുകൾ** +- [ ] പാഠത്തിനു ശേഷം ക്വിസ് പൂർത്തിയാക്കി ഉത്തരം മനസ്സിലാക്കുക +- [ ] GitHub Copilot\Extension ഉപയോഗപ്പെടുത്തുക VS Code-ൽ +- [ ] ഒറ്റവട്ടത്തിൽ 2 വ്യത്യസ്ത പ്രോഗ്രാമിംഗ് ഭാഷകളിൽ "Hello World" ഓൺലൈനിൽ ശ്രമിക്കുക +- [ ] YouTube-ൽ "Day in the Life of a Developer" വീഡിയോ കാണുക +- [ ] നിങ്ങളുടെ പ്രോഗ്രാമിംഗ് ഭാഷയുടെ അന്വേഷണ കാലം തുടങ്ങുക (ചാലഞ്ചിൽ നിന്നും) + +### 📅 **നിങ്ങളുടെ ആഴ്ച ലംബമായ സാഹസം** +- [ ] ജോലിസ്‌മയം പൂർത്തിയാക്കുകയും 3 പുതിയ വികസന ഉപകരണങ്ങൾ അന്വേഷിക്കുകയും ചെയ്യുക +- [ ] സോഷ്യൽ മീഡിയയിൽ 5 ഡെവലപ്പറായി അല്ലെങ്കിൽ പ്രോഗ്രാമിംഗ് അക്കൗണ്ടുകൾ പിന്തുടരുക +- [ ] CodePen അല്ലെങ്കിൽ Replit-ൽ ചെറിയൊരു കാര്യവും നിർമ്മിക്കാൻ ശ്രമിക്കുക ("Hello, [Your Name]!" പോലെയെങ്കിലും) +- [ ] ഏതൊരാളുടെ കോഡിംഗ് യാത്രയെക്കുറിച്ചുള്ള ഡെവലപ്പർ ബ്ലോഗ് പോസ്റ്റ് വായിക്കുക +- [ ] വെർച്വൽ മീറ്റപ്പിൽ ചേരുക അല്ലെങ്കിൽ പ്രോഗ്രാമിംഗ് ടോക്ക് കാണുക +- [ ] ഓൺലൈൻ ട്യുട്ടോറിയലുകളിലൂടെ നിങ്ങളുടെ തിരഞ്ഞെടുക്കുന്ന ഭാഷ പഠനം തുടങ്ങുക + +### 🗓️ **നിങ്ങളുടെ മാസനിലവാര പരിവർത്തനം** +- [ ] നിങ്ങളുടെ ആദ്യ ചെറിയ പ്രോജക്ട് നിർമ്മിക്കുക (ഒരു ലളിതമായ വെബ് പേജ് പോലും വരാം!) +- [ ] ഒരു ഓപ്പൺ സോഴ്‌സ് പ്രോജക്ടിന് സംഭാവന നൽകുക (ഡോക്യുമെന്റേഷൻ ഫിക്‌സുകൾ മുതൽ തുടങ്ങിയാലും മതി) +- [ ] പ്രോഗ്രാമിംഗ് യാത്ര ആരംഭിച്ച ഒരാളെ മെന്റർ ചെയ്യുക - [ ] നിങ്ങളുടെ ഡെവലപ്പർ പോർട്ട്ഫോളിയോ വെബ്സൈറ്റ് സൃഷ്ടിക്കുക -- [ ] പ്രാദേശിക ഡെവലപ്പർ കമ്മ്യൂണിറ്റികളുമായി ബന്ധം സ്ഥാപിക്കുക അല്ലെങ്കിൽ പഠന സംഘം രൂപീകരിക്കുക -- [ ] നിങ്ങളുടെ അടുത്ത പഠന ഘട്ടം പദ്ധതിയിടുക +- [ ] തദ്ദേശീയ ഡെവലപ്പർ കമ്മ്യൂണിറ്റികളുമായി ബന്ധപ്പെടുക അല്ലെങ്കിൽ പഠന ഗ്രൂപ്പുകളിൽ ചേർക്കുക +- [ ] അടുത്ത പഠനമീറ്റിംഗ് പദ്ധതിപെടുത്തുക -### 🎯 **അവസാന പ്രതിഫലനം** +### 🎯 **അവസാന ചിന്താ പരിശോധന** -** മുന്നോട്ട് പോകും മുൻപ്, ഒരു നിമിഷം ആഘോഷിക്കൂ:** -- ഇന്ന് പ്രോഗ്രാമിംഗിൽ ഏത് ഒരു കാര്യം നിങ്ങളെ ആവേശവതിയാക്കി? -- ഏതു ഉപകരണം അല്ലെങ്കിൽ ആശയം ആദ്യം അന്വേഷിക്കാൻ ആഗ്രഹിക്കുന്നു? -- ഈ പ്രോഗ്രാമിംഗ് യാത്ര ആരംഭിക്കാൻ എങ്ങിനെ നിങ്ങൾ അനുഭവിക്കുന്നു? -- ഇപ്പോൾ ഒരു ഡെവലപ്പറോട് ചോദിക്കാൻ നിങ്ങൾക്ക് ഒരു ചോദ്യമുണ്ടോ? +**ഇനി മുന്നോട്ട് പോകുന്നതിന് മുൻപ്, ഒരു നിമിഷം സന്തോഷിപ്പിക്കുക:** +- ഇന്ന് പ്രോഗ്രാമിംഗിൽ ഏതൊരു കാര്യം നിങ്ങളെ ആവേശപരവശനാക്കിയിട്ടുണ്ട്? +- ആദ്യം ഏത് ഉപകരണം അല്ലെങ്കിൽ ആശയം അന്വേഷിക്കാൻ ആഗ്രഹിക്കുന്നു? +- ഈ പ്രോഗ്രാമിംഗ് യാത്ര ആരംഭിക്കുന്നതിന് നീ എങ്ങിനെയാണ് തോന്നുന്നത്? +- ഇപ്പോൾ ഒരു ഡെവലപ്പറോട് ചോദിക്കാൻ ആഗ്രഹിക്കുന്ന ഒരു ചോദ്യം എന്താണ്? ```mermaid journey title നിങ്ങളുടെ ആത്മവിശ്വാസം വളര്‍ത്തുന്ന യാത്ര - section ഇന്നലെ - കൗതുകം: 3: You - ഭ്രാന്ത്: 4: You - ആവേശം: 5: You + section ഇന്നത്തെ ദിവസം + Curious: 3: You + Overwhelmed: 4: You + Excited: 5: You section ഈ ആഴ്‌ച - കണ്ടെത്തല്‍: 4: You - പഠനം: 5: You - ബന്ധപ്പെടല്‍: 4: You + Exploring: 4: You + Learning: 5: You + Connecting: 4: You section അടുത്ത മാസം - നിര്‍മാണം: 5: You - ആത്മവിശ്വാസം: 5: You - മറ്റുള്ളവരേക്കാള്‍ സഹായം: 5: You + Building: 5: You + Confident: 5: You + Helping Others: 5: You ``` -> 🌟 **ഓർമ്മിക്കൂ**: എല്ലാ വിദഗ്ധരും ഒരുമിച്ചു ആരംഭിച്ചവരാണ്. എല്ലാ മുതിർന്ന ഡെവലപ്പർമാരുമെർക്കും ഇപ്പോഴത്തെ നിങ്ങൾപോലെയായിരുന്നു – ആവേശത്തോടെ, പെട്ടെന്നൊട്ടും അലസപ്പെടാതെ, എന്ത് സാധ്യമല്ല എന്നതിന് കൂടുതൽ സഹായികൾ തേടിക്കൊണ്ട്. നിങ്ങൾ അത്ഭുതകരമായ കൂട്ടത്തിലൊരുക്കപ്പെട്ടിരിക്കുന്നു, ഈ യാത്ര അസാധ്യമല്ലാത്ത ഒന്നാകും. പ്രോഗ്രാമിംഗിൻറെ അത്ഭുതകരമായ ലോകത്തിലേക്ക് സ്വാഗതം! 🎉 +> 🌟 **ഓർമിക്കൂ**: എല്ലാ വിദഗ്ധനും ഒരു കാലത്ത് തുടക്കക്കാരമായിരുന്നു. ഓരോ മുതിർന്ന ഡെവലപ്പറും ഇപ്പോഴത്തെ പോലെ, ആവേശത്തോടെ, ചിലപ്പോള്‍ ഒപ്പം അലട്ടപ്പെടുകയും പുതിയതിനെക്കുറിച്ച് അറിഞ്ഞാലോ എന്ന് ആഗ്രഹിക്കുകയും ചെയ്തിട്ടുണ്ട്. നിങ്ങൾ അത്ഭുതകരമായ കൂട്ടായ്മയിൽ ഉണ്ട്, ഈ യാത്ര അത്ഭുതകരമായിരിക്കും. പ്രോഗ്രാമിംഗിന്റെ അത്ഭുതകരമായ ലോകത്തിലേക്ക് സ്വാഗതം! 🎉 --- -**ബോധിപ്പിക്കൽ**: -ഈ ഡോക്യുമെന്റ് [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI വിവർത്തന സേവനം ഉപയോഗിച്ച് അനുവദമായതാണ്. നമുക്ക് കൃത്യത ഉറപ്പാക്കാൻ ശ്രമിച്ചിട്ടുണ്ടെങ്കിലും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിഴവുകൾ അല്ലെങ്കിൽ അയോഗ്യതകൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. അതിന്റെ മാതൃഭാഷയിലുള്ള കാര്യപ്രമാണം കൂടുതൽ വിശ്വസനീയമായ ഉറവിടമായി പരിഗണിക്കാൻ ഉചിതമാണ്. പ്രധാനമായ വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശുപാർശ ചെയ്യപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിനാൽ ഉണ്ടാകുന്ന误വശേഷിയോ തെറ്റായ വ്യാഖ്യാനങ്ങളോ സംബന്ധിച്ച് ഞങ്ങൾ ഉത്തരവാദിത്വം ഏറ്റെടുക്കുന്നില്ല. +**അഴ്**: +ഈ രേഖ AI ഭാഷാന്തര സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷപ്പെടുത്തിയതാണ്. നമുക്ക് ശുദ്ധിയും കൃത്യതയും ഉറപ്പാക്കാൻ ശ്രമിച്ചുവെങ്കിലും, ഓട്ടോമാറ്റിക് വിവർത്തനത്തിൽ പിശകുകൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. സുഗമമായ và പ്രാമാണികമായ ഉറവിടമായി സ്ഥിതി ചെയ്യുന്ന മൗലിക രേഖ തന്നെ കാര്യക്ഷമമാണെന്ന് കണക്കാക്കുക. നിർണായക വിവരങ്ങൾക്കായി പ്രൊഫഷണൽ മാനവ വിവർത്തനം നിർദ്ദേശിക്കുന്നു. ഈ വിവർത്തനം ഉപയോഗിക്കുന്നതിനാൽ ഉണ്ടായേക്കാവുന്ന തെറ്റായ വ്യാഖ്യാനങ്ങൾക്കോ ഗൗരവമുള്ള പിഴവുകളിലേക്കോ ഞങ്ങൾ ഉത്തരവാദികളല്ല. \ No newline at end of file diff --git a/translations/ml/AGENTS.md b/translations/ml/AGENTS.md index 52417ab83..fa5493858 100644 --- a/translations/ml/AGENTS.md +++ b/translations/ml/AGENTS.md @@ -2,27 +2,27 @@ ## Project Overview -ഇത് വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങളെ തുടക്കക്കാരെ പഠിപ്പിക്കുന്നതിനുള്ള ഒരു വിദ്യാഭ്യാസ പാഠ്യപദ്ധതി റെപ്പോസിറ്ററിയാണ്. മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കേറ്റുകൾ വികസിപ്പിച്ചെടുത്ത 12 ആഴ്ചകളിലെ സമഗ്ര കോഴ്സ് ആണ് ഈ പാഠ്യപദ്ധതി, അതിൽ ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML തുടങ്ങിയ വിഷയങ്ങളെക്കുറിച്ചുള്ള 24 പ്രായോഗിക പാഠങ്ങൾ ഉൾക്കൊള്ളുന്നു. +ഇത് ആരംഭക്കാർക്ക് വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിപ്പിക്കാനുള്ള ഒരു വിദ്യാഭ്യാസ രാഷ്ട്രീയ ഗ്രന്ഥശേഖരമാണ്. 24 ഹാൻഡ്‌സ്-ഓൺ പാഠങ്ങളുമായി ജാവാസ്ക്രിപ്റ്റ്, CSS, HTML ഉൾപ്പെടുന്ന Microsoft Cloud Advocates വികസിപ്പിച്ചെടുത്ത സമഗ്രമായ 12-ആഴ്ചക്കാല കോഴ്സ് ആണ് ഈ പാഠ്യപദ്ധതി. ### Key Components -- **വിദ്യാഭ്യാസ ഉള്ളടക്കം**: പദ്ധതിപരമായി ക്രമീകരിച്ച 24 ഘടനാപരമായ പാഠങ്ങൾ -- **പ്രായോഗിക പ്രോജക്ടുകൾ**: Terrarium, ടൈപ്പിങ്ങ് ഗെയിം, ബ്രൗസർ എക്സ്‌ടൻഷൻ, സ്പേസ് ഗെയിം, ബാങ്കിംഗ് ആപ്പ്, കോഡ് എഡിറ്റർ, AI ചാറ്റ് അസിസ്റ്റന്റ് -- **ഇന്ററാക്ടീവ് ക്വിസുകൾ**: ഓരോത്തിലും 3 ചോദ്യങ്ങളുള്ള 48 ക്വിസുകൾ (പാഠം മുമ്പും ശേഷവും) -- **ബഹുഭാഷാ പിന്തുണ**: GitHub Actions ഉപയോഗിച്ച് 50+ ഭാഷകളിലേക്ക് സ്വಯമാറ്റം -- **ടെക്‌നോളജികൾ**: HTML, CSS, ജാവാസ്ക്രിപ്റ്റ്, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകൾക്ക്) +- **Educational Content**: പ്രോജക്ട് അടിസ്ഥാനമാക്കിയുള്ള മോഡ്യൂളുകളായി 24 ക്രമിത പാഠങ്ങൾ +- **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, AI Chat Assistant +- **Interactive Quizzes**: ഓരോ പാഠത്തിനും 3 ചോദ്യങ്ങളുള്ള 48 ക്വിസുകൾ (മുൻകൂർ/പുറം-പാഠ വിലയിരുത്തലുകൾ) +- **Multi-language Support**: GitHub Actions വഴി 50+ ഭാഷകളിലേക്ക് സ്വയമേവ വിവർത്തനം +- **Technologies**: HTML, CSS, ജാവാസ്ക്രിപ്റ്റ്, Vue.js 3, Vite, Node.js, Express, Python (AI പ്രോജക്ടുകൾക്കായി) ### Architecture -- പാഠം അധിഷ്ഠിത ഘടനയോടെ വിദ്യാഭ്യാസ റെപ്പോസിറ്ററി -- ഓരോ പാഠ ഫോളഡറിൽ README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ അടങ്ങിയിരിക്കുന്നു -- സ്വതന്ത്ര പ്രോജക്ടുകൾ വേർതിരിച്ച ഫോളഡറുകളിൽ (quiz-app, വ്യത്യസ്ത പാഠ പ്രോജക്ടുകൾ) +- പാഠം-അടിസ്ഥാനരൂപത്തിലുള്ള വിദ്യാഭ്യാസ ഗ്രന്ഥശേഖരം +- ഓരോ പാഠം ഫോൾഡറിലും README, കോഡ് ഉദാഹരണങ്ങൾ, പരിഹാരങ്ങൾ അടങ്ങിയിരിക്കുന്നു +- പ്രത്യേക ഡയറക്ടറികളിൽ സ്റ്റാൻഡലോൺ പ്രോജക്ടുകൾ (quiz-app, വിവിധ പാഠം പ്രോജക്ടുകൾ) - GitHub Actions ഉപയോഗിച്ചുള്ള വിവർത്തന സംവിധാനം (co-op-translator) -- ഡോക്യൂമെന്റേഷൻ Docsify വഴി സർവ് ചെയ്യുന്നു കൂടാതെ PDF രൂപത്തിൽ ലഭ്യമാണ് +- Docsify വഴി ഡോക്യുമെന്റേഷൻ സർവ് ചെയ്യപ്പെടുന്നത്, PDF ആയി ലഭ്യമാണ് ## Setup Commands -ഈ റെപ്പോസിറ്ററി പ്രധാനമായും വിദ്യാഭ്യാസ ഉള്ളടക്കം ഉപയോഗിക്കാൻ ആണ്. പ്രത്യേക പ്രോജക്ടുകൾ ഉപയോഗിക്കാൻ: +ഈ ഗ്രന്ഥശേഖരം ძირითადമായും വിദ്യാഭ്യാസ സാമഗ്രികൾ ഉപയോഗിക്കുന്നതിനുള്ളതാണ്. പ്രത്യേക പ്രോജക്ടുകളുമായി പ്രവർത്തിക്കാൻ: ### Main Repository Setup @@ -36,9 +36,9 @@ cd Web-Dev-For-Beginners ```bash cd quiz-app npm install -npm run dev # ഡെവലപ്പ്മെന്റ് സർവർ തുടങ്ങിയ്ക്കുക -npm run build # പ്രൊഡക്ഷനായി നിർമ്മിക്കുക -npm run lint # ESLint ഓടിക്കൂ +npm run dev # വികസന സെർവർ തുടങ്ങുക +npm run build # ഉത്പാദനത്തിനായി നിർമ്മിക്കുക +npm run lint # ESLint പ്രവർത്തിപ്പിക്കുക ``` ### Bank Project API (Node.js + Express) @@ -46,9 +46,9 @@ npm run lint # ESLint ഓടിക്കൂ ```bash cd 7-bank-project/api npm install -npm start # എപി‌ഐ സര്‍വര്‍ ആരംഭിക്കുക -npm run lint # ഇഎസ്എലിന്‍റ് ഓടിക്കുക -npm run format # പ്രിസ്റ്റിയറോടെ ഫോര്‍മാറ്റ് ചെയ്യുക +npm start # എപി‌ഐ സർവർ ആരംഭിക്കുക +npm run lint # ESLint പ്രവർത്തിപ്പിക്കുക +npm run format # Prettier ഉപയോഗിച്ച് ഫോർമാറ്റുചെയ്യുക ``` ### Browser Extension Projects @@ -56,7 +56,7 @@ npm run format # പ്രിസ്റ്റിയറോടെ ഫോര് ```bash cd 5-browser-extension/solution npm install -# ബ്രൗസര്‍-സവിശേഷമായ എക്‌സ്‌ടന്‍ഷന്‍ ലോഡിംഗ് നിർദ്ദേശങ്ങൾ പിന്തുടരുക +# ബ്രൗസർ-നির്ദിഷ്ടമായ എക്‌സ്റ്റൻഷൻ ലോഡിംഗ് നിർദേശങ്ങൾ പാലിക്കുക ``` ### Space Game Projects @@ -72,7 +72,7 @@ npm install ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN പരിസ്ഥിതി സ്വഭാവിക ഘടകമായി സജ്ജമാക്കുക +# GITHUB_TOKEN പരിസ്ഥിതി ചൊദ്യപരിധി സജ്ജമാക്കുക python api.py ``` @@ -80,29 +80,29 @@ python api.py ### For Content Contributors -1. നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ റെപ്പോസിറ്ററി **ഫോർക്ക് ചെയ്യുക** -2. നിങ്ങളുടെ ഫോർക്ക് ലൊക്കലായി **ക്ലോൺ ചെയ്യുക** -3. നിങ്ങളുടെ മാറ്റങ്ങൾക്കായി **പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക** -4. പാഠ ഉള്ളടക്കം അല്ലെങ്കിൽ കോഡ് ഉദാഹരണങ്ങളിൽ മാറ്റങ്ങൾ വരുത്തുക -5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ പരിശോധന നടത്തുക -6. കൺട്രിബ്യൂഷൻ മാർഗനിർദേശങ്ങൾ പാലിച്ച് പുൾ റിക്വസ്റ്റുകൾ സമർപ്പിക്കുക +1. **റെപൊസിറ്ററിയെ ഫോർക്ക് ചെയ്യുക** നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ +2. **ഫോർക്കിനെ ലോക്കലായി ക്ലോൺ ചെയ്യുക** +3. **നിങ്ങളുടെ മാറ്റങ്ങൾക്ക് പുതിയ ബ്രാഞ്ച് സൃഷ്ടിക്കുക** +4. പാഠ വിഭവങ്ങളിലോ കോഡ് ഉദാഹരണങ്ങളിലോ മാറ്റങ്ങൾ ചെയ്യുക +5. ബന്ധപ്പെട്ട പ്രോജക്ട് ഡയറക്ടറികളിൽ കോഡ് മാറ്റങ്ങൾ ടെസ്റ്റ് ചെയ്യുക +6. സംഭാവന മാർഗ്ഗനിർദ്ദേശങ്ങൾ പാലിച്ച് പുൾ റിക്വസ്റ്റ് സമർപ്പിക്കുക ### For Learners -1. റെപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുകയോ ക്ലോൺ ചെയ്യുകയോ ചെയ്യുക -2. പാഠ ഡയറക്ടറികളിലേക്ക് ക്രമാശ്രിതമായി പോകുക -3. ഓരോ പാഠത്തിനും README ഫയലുകൾ വായിക്കുക -4. https://ff-quizzes.netlify.app/web/ ൽ പാഠത്തിനു മുമ്പുള്ള ക്വിസുകൾ പൂർത്തിയാക്കുക -5. പാഠ ഫോളഡറുകളിൽ കോഡ് ഉദാഹരണങ്ങൽ പാസാക്കുക -6. അസൈൻമെന്റുകളും കൂടുതൽ ചൈലഞ്ചുകളും പൂർത്തിയാക്കുക -7. പാഠത്തിനു ശേഷമുള്ള ക്വിസുകൾ എടുക്കുക +1. റെപൊസിറ്ററി ഫോർക്ക് ചെയ്യുക അല്ലെങ്കിൽ ക്ലോൺ ചെയ്യുക +2. ക്രമമായി പാഠം ഡയറക്ടറികളിലേക്ക് നാവിഗേറ്റ് ചെയ്യുക +3. ഓരോ പാഠത്തിന്റെയും README ഫയലുകൾ വായിക്കുക +4. https://ff-quizzes.netlify.app/web/ ൽ മുൻകൂർ പാഠ ക്വിസുകൾ പൂർത്തിയാക്കുക +5. പാഠം ഫോൾഡറുകളിലുള്ള കോഡ് ഉദാഹരണങ്ങൾ വഴി പ്രവർത്തിക്കുക +6. അസൈന്മെന്റുകളും ചലഞ്ചുകളും പൂർത്തിയാക്കുക +7. പിറകിൽ പാഠം ക്വിസുകൾ എടുക്കുക ### Live Development -- **ഡോക്യൂമെന്റേഷൻ**: റൂട്ടിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000) -- **Quiz App**: quiz-app ഡയറക്ടറിയിൽ `npm run dev` ഓടിക്കുക -- **പ്രോജക്ടുകൾ**: HTML പ്രോജക്ടുകൾക്ക് VS Code Live Server എക്സ്റ്റെൻഷൻ ഉപയോഗിക്കുക -- **API Projects**:​អതിരേഷമുള്ള API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക +- **ഡോക്യുമെന്റ്**: പ്രമാണമൂലത്തിൽ `docsify serve` ഓടിക്കുക (പോർട്ട് 3000) +- **ക്വിസ് ആപ്പ്**: quiz-app ഡയറക്ടറിയിൽ `npm run dev` ഓടിക്കുക +- **പ്രോജക്ടുകൾ**: HTML പ്രോജക്റ്റുകൾക്കായി VS Code Live Server എക്‌സ്റ്റൻഷൻ ഉപയോഗിക്കുക +- **API പ്രോജക്റ്റുകൾ**: അനുയോജ്യമായ API ഡയറക്ടറികളിൽ `npm start` ഓടിക്കുക ## Testing Instructions @@ -110,8 +110,8 @@ python api.py ```bash cd quiz-app -npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്‌നങ്ങൾ പരിശോധിക്കുക -npm run build # ബിൽഡ് വിജയിക്കുന്നത് സ്ഥിരീകരിക്കുക +npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക +npm run build # നിർമ്മാണം വിജയിക്കുന്നോ എന്ന് സ്ഥിരീകരിക്കുക ``` ### Bank API Testing @@ -119,164 +119,164 @@ npm run build # ബിൽഡ് വിജയിക്കുന്നത് ```bash cd 7-bank-project/api npm run lint # കോഡ് സ്റ്റൈൽ പ്രശ്നങ്ങൾ പരിശോധിക്കുക -node server.js # പിഴവുകൾ ഇല്ലാതെ സെർവർ തുടങ്ങുന്നത് സ്ഥിരീകരിക്കുക +node server.js # തെറ്റുകൾ കൂടാതെ സെർവർ തുടങ്ങുന്നതായി ഉറപ്പാക്കുക ``` ### General Testing Approach -- ഇത് സമഗ്രമായ സ്വയംപരീക്ഷണ പരീക്ഷണങ്ങളില്ലാത്തൊരു വിദ്യാഭ്യാസ റെപ്പോസിറ്ററിയാണ് -- മാനുവൽ ടെസ്റ്റിംഗിന്റെ പ്രധാന ലക്ഷ്യം: - - കോഡ് ഉദാഹരണങ്ങൾ പിശക് രഹിതമായ പ്രവർത്തനം - - ഡോക്യുമെന്റേഷൻ ലിങ്കുകൾ ശരിയായ പ്രവർത്തനം - - പ്രോജക്ട് ബിൽഡുകൾ പൂര്‍ണ്ണത - - ഉദാഹരണങ്ങൾ മികച്ച അനുഭവരീതികൾ പാലിക്കുന്നു +- ഇത് സമഗ്രമായ സ്വയംപരിശോധനയുള്ള വിദ്യാഭ്യാസ ഗ്രന്ഥശേഖരം അല്ല +- മാനുവൽ ടെസ്റ്റിംഗിൻറെ മുഖ്യ ഘടകങ്ങൾ: + - കോഡ് ഉദാഹരണങ്ങൾ പിശകില്ലാതെ പ്രവർത്തിക്കുക + - ഡോക്യുമെന്റേഷൻ ലിങ്കുകൾ ശരിയായി പ്രവർത്തിക്കുക + - പ്രോജക്ട് ബിൽഡുകൾ വിജയകരമായി പൂർത്തിയാകുക + - ഉദാഹരണങ്ങൾ മികച്ച രീതികൾ പിന്തുടരുക ### Pre-submission Checks -- package.json അടങ്ങിയ ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക -- മാർക്ക്ഡൗൺ ലിങ്കുകൾ സാധുവാണെന്ന് പരിശോധിക്കുക -- ബ്രൗസറിലോ Node.js-ലോ കോഡ് ഉദാഹരണങ്ങൾ പരീക്ഷിക്കുക -- വിവർത്തനങ്ങളുടെ ഘടന കൃത്യമായി നിലനിൽക്കുന്നു എന്ന് ഉറപ്പാക്കുക +- package.json ഉള്ള ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക +- മാർക്ക്‌ഡൗൺ ലിങ്കുകൾ ശരിയാണെന്ന് സ്ഥിരീകരിക്കുക +- ബ്രൗസർ അല്ലെങ്കിൽ Node.js ൽ കോഡ് ഉദാഹരണങ്ങൾ പരീക്ഷിക്കുക +- വിവർത്തനങ്ങൾ ശരിയായ ഘടന നിലനിർത്തുന്നുവെന്ന് ഉറപ്പ് വരുത്തുക ## Code Style Guidelines ### JavaScript -- ആധുനിക ES6+ ലിപി ഉപയോഗിക്കുക -- പ്രോജക്ടുകളിൽ ലഭ്യമായ സാധാരണ ESLint കോൺഫിഗറേഷനുകൾ പാലിക്കുക -- വിദ്യാർത്ഥികൾക്ക് മനസ്സിലാക്കാൻ സാധിക്കുന്ന രീതിയിൽ നാമങ്ങൾ ഉപയോഗിക്കുക -- ആശയങ്ങൾ വിശദീകരിക്കുന്ന കുറിപ്പുകൾ ചേർക്കുക -- Prettier ഉപയോഗിച്ച് സജ്ജമാക്കിയ സ്ഥലങ്ങളിൽ ഫോർമാറ്റ് ചെയ്യുക +- ആധുനിക ES6+ സിന്ടാക്‌സ് ഉപയോഗിക്കുക +- പ്രോജക്ടുകളിൽ നൽകിയ സ്റ്റാൻഡേർഡ് ESLint ക്രമീകരണങ്ങൾ പാലിക്കുക +- വിദ്യാഭ്യാസം മൂലം വ്യക്തമായ വേരിയബിൾ, ഫംഗ്ഷൻ നാമങ്ങൾ ഉപയോഗിക്കുക +- പഠനത്തിന് വിശദീകരണങ്ങൾ ഉൾപ്പെടുത്തിയ കമന്റുകൾ ചേർക്കുക +- Prettier ഉപയോഗിച്ച് ഫോർമാറ്റ് ചെയ്യുക (ക്രമീകരണമുണ്ടെങ്കിൽ) ### HTML/CSS -- സേമാന്റിക് HTML5 ഘടകങ്ങൾ -- പ്രതികരണാത്മക ഡിസൈൻ സിദ്ധാന്തങ്ങൾ -- സ്പష్టం ക്ലാസ് നാമകരണ പാട് -- വിദ്യാർത്ഥികൾക്ക് സഹായകമായ CSS സാങ്കേതികത വിശദീകരിക്കുന്ന കുറിപ്പുകൾ +- സെമാന്റിക് HTML5 ഘടകങ്ങൾ +- പ്രതികരണശേഷിയുള്ള ഡിസൈൻ പ്രിൻസിപ്പിളുകൾ +- വ്യക്തമായ ക്ലാസ് നാമകരണം +- CSS സാങ്കേതികവിദ്യകൾ വിശദീകരിക്കുന്ന കമന്റുകൾ ### Python -- PEP 8 ശൈലി മാർഗനിർദേശങ്ങൾ -- വ്യക്തവും പഠനാർത്ഥകവുമായ കോഡ് ഉദാഹരണങ്ങൾ -- പഠനത്തിന് സഹായകരമായ ടൈപ്പ് നിർദ്ദേശങ്ങൾ +- PEP 8 ശൈലി മാർഗ്ഗനിർദ്ദേശങ്ങൾ +- വ്യക്തവും വിദ്യാഭ്യാസപരവുമായ കോഡ് ഉദാഹരണങ്ങൾ +- പഠനത്തിന് സഹായകമായെങ്കിൽ ടൈപ്പ് ഹിന്റുകൾ ### Markdown Documentation -- വ്യക്തമായ തലശ്രീനി ക്രമീകരണം -- ഭാഷ നിർദേശങ്ങളോടുകൂടിയ കോഡ് ബ്ലോക്കുകൾ -- അധിക വിഭവങ്ങളുടെ ലിങ്കുകൾ -- `images/` ഡയറക്ടറികളിൽ സ്‌ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും -- ആക്സസിബിലിറ്റിക്ക് ചിത്രം മാറ്റിനോട്ടുകൾ +- വ്യക്തമായ തലക്കെട്ട് ക്രമീകരണം +- ഭാഷ നിർദേശത്തോടെയുള്ള കോഡ് ബ്ലോകുകൾ +- അധിക വിഭവങ്ങളിലേക്കുള്ള ലിങ്കുകൾ +- `images/` ഡയറക്ടറികളിലെ സ്ക്രീൻഷോട്ടുകളും ചിത്രങ്ങളും +- ആക്‌സസിബിലിറ്റിക്ക് ചിത്രങ്ങൾക്കുള്ള Alt ടെക്സ്റ്റ് ### File Organization -- പാഠങ്ങൾ ക്രമീകരിച്ച സംഖ്യകൾ (1-getting-started-lessons, 2-js-basics, മുതലായവ) -- ഓരോ പ്രോജക്ടിനും `solution/` കൂടാതെ പലപ്പോഴും `start/` അല്ലെങ്കിൽ `your-work/` ഡയറക്ടറികൾ -- പാഠം പ്രത്യേക `images/` ഫോൾഡറുകളിൽ ചിത്രങ്ങൾ സൂക്ഷിക്കുന്നു +- പാഠങ്ങൾ ക്രമത്തിൽ നമ്പർ ചെയ്തിരിക്കുന്നത് (1-getting-started-lessons, 2-js-basics, തുടങ്ങിയവ) +- ഓരോ പ്രോജക്റ്റിലും `solution/` കൂടാതെ പലപ്പോഴും `start/` അല്ലെങ്കിൽ `your-work/` ഡയറക്ടറികൾ +- ചിത്രങ്ങൾ ഓരോ പാഠത്തിനും പ്രത്യേക `images/` ഫോൾഡറുകളിൽ സൂക്ഷിക്കുന്നു - വിവർത്തനങ്ങൾ `translations/{language-code}/` ഘടനയിൽ ## Build and Deployment ### Quiz App Deployment (Azure Static Web Apps) -quiz-app Azure Static Web Apps ലോചനത്തിന് ക്രമീകരിച്ചിരിക്കുന്നു: +quiz-app Azure Static Web Apps നിർമാണത്തിനുള്ള ക്രമീകരണമുള്ളതാണ്: ```bash cd quiz-app -npm run build # dist/ ഫോളדער് സൃഷ്ടിക്കുന്നു -# പ്രധാന ബ്രാഞ്ചിലേക്ക് പുഷ് ചെയ്യുമ്പോൾ GitHub Actions വർക്‌ഫ്ലോ ഉപയോഗിച്ച് വിന്യസിക്കുന്നു +npm run build # dist/ ഫോൾഡർ സൃഷ്‌ടിക്കുന്നു +# മെയിന്‍ ബ്രാഞ്ചിലേക്ക് പുഷ് ചെയ്തപ്പോൾ GitHub Actions വർക്‌ഫ്ലോ വഴി ഡിപ്പ്ലോയ്ചെയ്യുന്നു ``` Azure Static Web Apps ക്രമീകരണം: -- **ആപ്പ് സ്ഥലം**: `/quiz-app` -- **ഔട്ട്പുട്ട് സ്ഥലം**: `dist` -- **വർക്‌ഫ്ലോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` +- **ആപ്പ് സ്ഥാനം**: `/quiz-app` +- **ഔട്ട്‌പുട്ട് സ്ഥാനം**: `dist` +- **വർക്ഫ്‌ളോ**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` ### Documentation PDF Generation ```bash npm install # docsify-to-pdf ഇൻസ്റ്റാൾ ചെയ്യുക -npm run convert # ഡോക്‌സിൽ നിന്ന് PDF സൃഷ്‌ടിക്കുക +npm run convert # ഡോക്‌സുകളിൽ നിന്ന് PDF ജനറേറ്റ് ചെയ്യുക ``` ### Docsify Documentation ```bash -npm install -g docsify-cli # ഡോക്സിഫൈ ആഗോളതലത്തിൽ ഇൻസ്റ്റാൾ ചെയ്യുക -docsify serve # localhost:3000-ൽ സർവ് ചെയ്യുക +npm install -g docsify-cli # ഡോക്സിഫൈ ആഗോളമായി ഇൻസ്റ്റാൾ ചെയ്യുക +docsify serve # ലോക്കൽഹോസ്റ്റ്:3000 ൽ സർവ് ചെയ്യുക ``` ### Project-specific Builds -ഓരോ പ്രോജക്ട് ഡയറക്ടറിയിലും വ്യത്യസ്ത ബിൽഡ് പ്രക്രിയകൾ ഉണ്ടായി കിടക്കാം: -- Vue പ്രോജക്ടുകൾ: `npm run build` പ്രൊഡക്ഷൻ ബണ്ടлів സൃഷ്ടിക്കുന്നു -- സ്റ്റാറ്റിക് പ്രോജക്ടുകൾ: ബില്‍ഡ് സ്‌റ്റെപ്പ് ഇല്ല, ഫയലുകൾ നേരിട്ട് സർവ് ചെയ്യുക +ഓരോ പ്രോജക്ട് ഡയറക്ടറിയിലും സ്വന്തം ബിൽഡ് പ്രക്രിയയുണ്ടാകാം: +- Vue പ്രോജക്ടുകൾ: `npm run build` പ്രൊഡക്ഷൻ ബണ്ടിലുകൾ സൃഷ്ടിക്കും +- ස්റ്റാറ്റിക് പ്രോജക്ടുകൾ: ബിൽഡ് ഘട്ടമില്ല, നേരിട്ട് ഫയലുകൾ സർവ് ചെയ്യുന്നു ## Pull Request Guidelines ### Title Format -മാറ്റത്തിന്റെ മേഖലയെ വ്യക്തമായി സൂചിപ്പിക്കുന്ന തലക്കെട്ടുകൾ ഉപയോഗിക്കുക: -- `[Quiz-app] Add new quiz for lesson X` -- `[Lesson-3] Fix typo in terrarium project` -- `[Translation] Add Spanish translation for lesson 5` -- `[Docs] Update setup instructions` +മാറ്റശേഷം കാണിക്കുന്ന വ്യക്തമായ പേര് നൽകുക: +- `[Quiz-app] പുതിയ ക്വിസ് പാഠം X-ന് ചേർക്കുക` +- `[Lesson-3] ടെറാരിയം പ്രോജക്ടിലെ ടൈപ്പോ ശരിയാക്കുക` +- `[Translation] പാഠം 5-ന് സ്പാനിഷ് വിവർത്തനം ചേർക്കുക` +- `[Docs] സജ്ജീകരണ നിർദ്ദേശങ്ങൾ അപ്ഡേറ്റ് ചെയ്യുക` ### Required Checks -പി ആർ സമർപ്പിക്കുന്നതിന് മുമ്പ്: +പുൾ റിക്വസ്റ്റ് സമർപ്പിക്കുന്ന മുൻപ്: -1. **കോഡ് ഗുണമേന്മ**: - - ബാധകമായ പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക +1. **കോഡ് ഗുണനിലവാരം**: + - ബാധിച്ച പ്രോജക്ട് ഡയറക്ടറികളിൽ `npm run lint` ഓടിക്കുക - എല്ലാ ലിന്റ് പിശകുകളും മുന്നറിയിപ്പുകളും പരിഹരിക്കുക -2. **ബിൽഡ് പരിശോധന**: - - ബാധകമുള്ള പക്ഷം `npm run build` ഓടിക്കുക - - ബിൽഡ് പിശകുകൾ ഇല്ലെന്ന് ഉറപ്പാക്കുക +2. **ബിൽഡ് സ്ഥിരീകരണം**: + - പ്രയോഗിക്കാവുന്നെങ്കിൽ `npm run build` ഓടിക്കുക + - ബിൽഡിൽ പിശകുകൾ ഇല്ലെന്ന് ഉറപ്പാക്കുക 3. **ലിങ്ക് പരിശോധന**: - - എല്ലാ മാർക്ക്ഡൗൺ ലിങ്കുകളും പരിശോധിക്കുക - - ഇമേജ് റഫറൻസുകൾ ശരിയാണെന്ന് ഉറപ്പാക്കുക + - എല്ലാ മാർക്ക്‌ഡൗൺ ലിങ്കുകളും പരീക്ഷിക്കുക + - ചിത്രങ്ങളുടെ റഫറൻസുകൾ ശരിയാണെന്ന് പരിശോധിക്കുക -4. **ഉള്ളടക്കം അവലോകനം**: - - വൃത്തിപരിശോധനയും വ്യാകരണമികവ് പരിശോധിക്കൽ - - കോഡ് ഉദാഹരണങ്ങൾ ശരിയായും വിദ്യാഭ്യാസപരവുമായുണ്ടെന്ന് ഉറപ്പാക്കുക - - വിവർത്തനങ്ങൾ യഥാ അർത്ഥത്തെ നിലനിർ‍ത്തുന്നുണ്ടെന്ന് പരിശോധിക്കുക +4. **സാമഗ്രിaval**: + - വർത്തനത്തിൽ പിശകുകളും വ്യാകരണവും പരിശോധിക്കുക + - കോഡ് ഉദാഹരണങ്ങൾ ശരിയാണെന്ന് ഉറപ്പാക്കുക, വിദ്യാഭ്യാസത്തിന് അനുയോജ്യമായിരിക്കണം + - വിവർത്തനങ്ങൾ യഥാർത്ഥ അർത്ഥം നിലനിർത്തുന്നതായി ഉറപ്പാക്കുക ### Contribution Requirements -- Microsoft CLA യുമായി അംഗീകരിക്കുക (ആദ്യ PR-ൽ ഓട്ടോമാറ്റിക് പരിശോധന) +- Microsoft CLA-യിൽ നിർബന്ധിതമായി സമ്മതിക്കുക (ആദ്യം നൽകുന്ന PR-ൽ സ്വയംപരിശോധന) - [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) പാലിക്കുക -- വിശദമായ മാർഗനിർദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) നോക്കുക -- ആവശ്യമായ പക്ഷം പുൾ റിക്ക്വസ്റ്റ് വിവരണത്തിൽ ഇഷ്യൂ നമ്പറുകൾ ഉൾപ്പെടുത്തുക +- വിശദമായ മാർഗ്ഗനിർദ്ദേശങ്ങൾക്ക് [CONTRIBUTING.md](./CONTRIBUTING.md) കാണുക +- അനുയോജ്യം എങ്കിൽ PR വിവരണത്തിൽ പ്രശ്ന നമ്പറുകൾ സൂചിപ്പിക്കുക ### Review Process -- PR കൾ മെയിന്റെയ്‌നർമാർക്കും സമൂഹത്തിനും റിവ്യൂ ചെയ്യപ്പെടും -- വിദ്യാഭ്യാസ വ്യക്തത മുൻഗണനയാണ് -- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലുള്ള മികച്ച രീതികൾ പാലിക്കണം -- വിവർത്തനങ്ങൾ കൃത്യതയോടെ സംസ്ക്കാരപരമായ അനുയോജ്യതയോടെ പരിശോധിക്കും +- PR-കൾ സംരക്ഷകർ, സമൂഹം എന്നിവരാൽ പരിശോധിക്കപ്പെടും +- വിദ്യാഭ്യാസപരമായ വ്യക്തത മുൻതൂക്കം ലഭിക്കും +- കോഡ് ഉദാഹരണങ്ങൾ നിലവിലെ മികച്ച പരിചരണങ്ങൾ പാലിക്കണം +- വിവർത്തനങ്ങൾ കൃത്യതയും സാംസ്കാരിക അനുയോജ്യതയും പരിശോധിക്കും ## Translation System ### Automated Translation -- GitHub Actions ഉപയോഗിച്ച് co-op-translator വർക്ഫ്ലോ ഉപയോഗിക്കുന്നു -- 50+ ഭാഷകളിലേക്ക് ഓട്ടോമാറ്റിക് വിവർത്തനം നൽകുന്നു -- പ്രധാനം ഡയറക്ടറികളിലുള്ള സ്രോത് ഫയലുകൾ -- വിവർത്തന ഫയലുകൾ `translations/{language-code}/` ഡയറക്ടറിയിലാണ് +- GitHub Actions-ഉം co-op-translator വർക്ഫ്‌ളോയും ഉപയോഗിക്കുന്നു +- 50+ ഭാഷകളിലേക്ക് സ്വയം വിവർത്തനം +- പ്രധാനം ഡയറക്ടറികളിലുള്ള ശ്രേണികൾ +- വിവർത്തിത ഫയലുകൾ `translations/{language-code}/` ഡയറക്ടറികളിൽ ### Adding Manual Translation Improvements -1. `translations/{language-code}/`യിൽ സ്ഥിതിചെയ്യുന്ന ഫയൽ കണ്ടെത്തുക -2. ഘടന നിലനിർത്തികൊണ്ട് പരിഷ്ക്കാരങ്ങൾ ചെയ്യുക -3. കോഡ് ഉദാഹരണങ്ങൾ പ്രവർത്തനക്ഷമമാണെന്ന് ഉറപ്പാക്കുക -4. ഏതെങ്കിലും പ്രാദേശിക ക്വിസ് ഉള്ളടക്കം പരീക്ഷിക്കുക +1. `translations/{language-code}/` ൽ ഫയൽ കണ്ടെത്തുക +2. ഘടന രക്ഷിച്ച് മെച്ചപ്പെടുത്തലുകൾ ചെയ്യുക +3. കോഡ് ഉദാഹരണങ്ങൾ പ്രവർത്തനക്ഷമമായിരിക്കണം +4. പ്രാദേശിക ക്വിസ് ഉള്ളടക്കം ടെസ്റ്റ് ചെയ്യുക ### Translation Metadata -വിവർത്തന ഫയലുകളിൽ മെറ്റാഡേറ്റ ഹedersറുകൾ ഉൾപ്പെടുന്നു: +വിവർത്തിത ഫയലുകളിൽ മെറ്റാഡേറ്റാ ഹെഡർ ഉൾപ്പെടുത്തി: ```markdown -**അസൂയാനിർദ്ദേശം**: -ഈ രേഖ AI വിവർത്തനം സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്‌തതാണ്. ഞങ്ങൾ പരമാവധി ശരിക്കും ശ്രമിക്കുന്നുവെങ്കിലും, സ്വയംക്രമിത വിവർത്തനങ്ങളിൽ പിഴവുകളോ അസാധ്യതകളോ ഉണ്ടാകാൻ സാധ്യതയുള്ളതാണ്. അതിനാൽ, ദയവായി ശ്രദ്ധിക്കേണ്ടത്, ഈ രേഖയുടെ മുമ്ബ് ഉള്ള ഭാഷയിലുള്ള യുഗ്മം പ്രാമാണിക സ്രോതസ്സായി കണക്കാക്കണം. നിർണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യ വിവർത്തനം ശിപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനത്തിന്റെ ഉപയോഗത്തെത്തുടർന്ന് ഉണ്ടാകുന്ന ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും അർത്ഥവിമർശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല. +**അകറ്റുമുഖം**: +ഈ രേഖ [Co-op Translator](https://github.com/Azure/co-op-translator) എന്ന AI വിവർത്തന സേവനം ഉപയോഗിച്ച് വിവർത്തനമാക്കി. ഞങ്ങൾ കൃത്യതയ്ക്കായി ശ്രമിക്കുന്നുണ്ടെങ്കിലും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും തുടര്ച്ചയിലപേരുകളും ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷയിലുള്ള ഒറിജിനൽ രേഖ അധികാരപരമായ ഉറവിടമായി പരിഗണിക്കണം. അതീവ പ്രധാന വിവരങ്ങൾക്ക് വിദഗ്ധമായ മനുഷ്യ വിവർത്തനം ഉപദേശിക്കുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ ഉണ്ടായ任何误解或误释ലിനും ഞങ്ങൾ ഉത്തരവാദിത്വം ഏറ്റെടുക്കുന്നില്ല. \ No newline at end of file diff --git a/translations/ml/README.md b/translations/ml/README.md index 336a3a002..d05dfc1d5 100644 --- a/translations/ml/README.md +++ b/translations/ml/README.md @@ -2,7 +2,7 @@ [![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) [![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) [![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) -[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) +[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) @@ -10,226 +10,238 @@ [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -# തുടക്കക്കാർക്കുള്ള വെബ് വികസനം - ഒരു പാഠ്യപദ്ധതി +# തുടക്കക്കാർക്ക് വെള്ളിപ്പ് വികസനം - ഒരു പാഠ്യപദ്ധതി -Microsoft Cloud Advocates ഒരുക്കിയ 12 ആഴ്ചകളുള്ള സമഗ്ര കോഴ്സിലൂടെ വെബ് വികസനത്തിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കൂ. 24 പാഠങ്ങളിൽ ഓരോതും ടെറാറിയങ്ങൾ, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്‌പെയ്‌സ് ഗെയിമുകൾ തുടങ്ങിയ പ്രായോഗിക പദ്ധതികളിലൂടെ JavaScript, CSS, HTML എന്നിവയിൽ ആഴത്തിൽ പഠിപ്പിക്കും. ക്വിസുകൾ, ചർച്ചകൾ, പ്രായോഗികഷേഷനുകൾ എന്നിവയിൽ പങ്കാളികളാകൂ. നൈപുണ്യം വർദ്ധിപ്പിക്കാനും അറിവ് മെച്ചപ്പെടുത്താനും ഞങ്ങളുടെ ഫലപ്രദമായ പ്രോജക്റ്റ് അടിസ്ഥാന പ്രയോ​ഗാശാസ്ത്രം സഹായിക്കും. ഇന്ന് തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കൂ! +മൈക്രോസോഫ്റ്റ് ക്ലൗഡ് അഡ്വക്കറ്റുകളുടെ 12 ആഴ്‌ചകളുള്ള സമഗ്ര കോഴ്സ് വഴി വെബ് ഡെവലപ്‌മെന്റിന്റെ അടിസ്ഥാനങ്ങൾ പഠിക്കുക. 24 പാഠങ്ങളിലൂടെയാണ് ജാവാസ്ക്രിപ്റ്റ്, സി.എസ്.എസ്., എച്ച്ടിഎംഎൽ എന്നിവ കൈകൊണ്ടു പ്രവർത്തിക്കുന്ന പ്രോജക്ടുകളിലൂടെ, ഉദാഹരണത്തിന് ടെററിയം, ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ, സ്പേസ് ഗെയിമുകൾ. ക്വിസുകൾ, ചര്‍ച്ചകൾ, പ്രായോഗിക അസൈൻമെന്റുകൾ എന്നിവയിൽ പങ്കാളിയാവുക. നിങ്ങളുടെ കഴിവുകൾ മെച്ചപ്പെടുത്താനായി പ്രോജക്ട് അധിഷ്ഠിത പഠന രീതി ഉപയോഗിച്ച് അറിവ് ഉറപ്പുവരുത്തുക. ഇന്നെത്തന്നെ നിങ്ങളുടെ കോഡിങ് യാത്ര ആരംഭിക്കുക! -Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേരൂ +Azure AI Foundry Discord സമൂഹത്തിലേക്ക് ചേരുക [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -ഈ وسائل ഉപയോഗിച്ച് തുടങ്ങാൻ താഴെപ്പറയുന്ന ചുവടുകൾ പിന്തുടരൂ: -1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്ക് ചെയ്യുക [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +ഈ വിഭവങ്ങൾ ഉപയോഗിച്ച് തുടങ്ങാൻ ഈ എളുപ്പ പടികൾ പിന്തുടരൂ: +1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ക്ലിക്കുചെയ്‌ത് [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) 2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord-ിൽ ചേരുക, വിദഗ്ധർക്കും മറ്റ് ഡെവലപ്പർമാർക്കും കാണാം**](https://discord.com/invite/ByRwuEEgH4) +3. [**Azure AI Foundry Discord-ൽ ചേരുക, വിദഗ്ദ്ധരും fellow ഡെവലപ്പർമാരുമായുള്ള ബന്ധം ഉണ്ടാക്കുക**](https://discord.com/invite/ByRwuEEgH4) -### 🌐 ബഹുഭാഷാ പിന്തുണ +### 🌐 ബഹു-ഭാഷാ പിന്തുണ -#### GitHub Action-വഴി പിന്തുണയുളളത് (സ്വയം പ്രവർത്തിക്കുന്നതും എല്ലായ്പ്പോഴും പുതുക്കപ്പെടുന്നതും) +#### GitHub ആക്ഷൻ വഴി പിന്തുണ (സ്വയം പ്രവർത്തിക്കുന്നതും എപ്പോഴും പുതുപ്പിക്കപ്പെട്ടതും) [Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](./README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> **സ്ഥാനീയമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുവോ?** - -> ഈ റിപോസിറ്ററിയിൽ 50-ലധികം ഭാഷാ തർജ്ജമകൾ ഉൾക്കൊള്ളിക്കുന്നതിനാൽ ഡൗൺലോഡ് വലുപ്പം വലിയതാണ്. തർജ്ജമകൾ ഇല്ലാതെ ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക: +> **സ്ഥാനികമായി ക്ലോൺ ചെയ്യാൻ ഇഷ്ടപ്പെടുന്നുണ്ടോ?** +> +> ഈ റിപ്പോസിറ്ററി 50+ ഭാഷാ വിവർത്തനങ്ങൾ ഉൾക്കൊള്ളുന്നു, ഇത് ഡൗൺലോഡ് വലുപ്പം പരമാവധി വർദ്ധിപ്പിക്കും. വിവർത്തനങ്ങൾ ഒഴിച്ച് ക്ലോൺ ചെയ്യാൻ sparse checkout ഉപയോഗിക്കുക: +> +> **Bash / macOS / Linux:** > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` -> ഇതിലൂടെ കോഴ്സ് പൂർത്തിയാക്കുന്നതിന് ആവശ്യമായ എല്ലാ ഫ്രയിമുകളും നിവർത്തി വേഗത്തിൽ ലഭിക്കും. +> +> **CMD (Windows):** +> ```cmd +> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git +> cd Web-Dev-For-Beginners +> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" +> ``` +> +> ഈ വഴി കോഴ്സ് പൂർത്തിയാക്കുന്നതിനുവേണ്ടി നിങ്ങൾге ആവശ്യമായ എല്ലാ കാര്യങ്ങളും വേഗം ഡൗൺലോഡ് ചെയ്യാൻ കഴിയും. -**കൂടുതൽ ഭാഷാ പിന്തുണിക്കേണ്ടതുള്ളവർ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) കാണുക** +**കൂടത്തന്ന് വിവർത്തന ഭാഷകൾക്ക് പിന്തുണ ലഭിക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഇവ [ഇവിടെ](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md) ഉണ്ട** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) -#### 🧑‍🎓 _നീ ഒരു വിദ്യാർത്ഥിയോ?_ +#### 🧑‍🎓 _നീங்கள் ഒരു വിദ്യാർത്ഥിയായിരുന്നോ?_ -[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അപ്പോൾ നിങ്ങൾക്ക് തുടക്കക്കാർക്കുള്ള ഉറവിടങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, ഫ്രീ സർട്ടിഫിക്കറ്റ് വൗച്ചറുകളും കാണാം. ഈ പേജ് ബ്രൗസ് ചെയ്ത് ഇനി പിന്നീടങ്ങോട്ടും പുതിയവയുമായി പരിഷ്കരിക്കുന്നതിനാൽ സമയബന്ധമായി കാണുക. +[**Student Hub പേജ്**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) സന്ദർശിക്കുക, അവിടെ നിങ്ങൾക്ക് തുടക്കക്കാരുടെ വിഭവങ്ങൾ, വിദ്യാർത്ഥി പാക്കുകൾ, സൗജന്യ സർട്ടിഫിക്കറ്റ് വൗച്ചർ നേടാനുള്ള മാർഗങ്ങൾ എന്നിവ ലഭിക്കും. മാസത്തിലൊരിക്കല്‍ ഉള്ള ഉള്ളടക്കം മാറ്റം വന്നതിനാൽ ഇത് ഒരു ബുക്ക്മാർക്ക് ചെയ്യാനായുള്ള പേജ് ആണ്. -### 📣 അറിയിപ്പ് - പുതിയ GitHub Copilot Agent മോഡ് ചലഞ്ചുകൾ പൂർത്തിയാക്കൂ! +### 📣 അറിയിപ്പ് - പുതിയ GitHub Copilot Agent മോട് ചലഞ്ചുകൾ പൂർത്തിയാക്കൂ! -പുതിയ ചലഞ്ച് ഉൾപ്പെടുത്തി, കൂടുതലായി GitHub Copilot Agent Challenge 🚀 എന്ന പേരിൽ നിരവധി അധ്യായങ്ങളിൽ കാണാം. Copilot Agent മോഡ് ഉപയോഗിച്ചാണിത് പൂർത്തിയാക്കേണ്ടത്. Agent മോഡ് കണ്ട് കാണാത്തവർക്ക് സൂചന - ഇത് ടെക്സ്റ്റ് മാത്രമല്ല, ഫയലുകളും മാറ്റാനും കമാൻഡുകളും പ്രവർത്തിപ്പിക്കാനുമുള്ള കഴിവ് വഹിക്കുന്നു. +പുതിയ ചലഞ്ച് ചേർത്തിട്ടുണ്ട്, "GitHub Copilot Agent Challenge 🚀" പല അധ്യായങ്ങളിലും കാണുക. GitHub Copilot and Agent മോഡ് ഉപയോഗിച്ച് പൂർത്തിയാക്കാനുള്ള പുതിയ ചലഞ്ചാണിത്. നിങ്ങൾ Agent മോട് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ, ഇത് വെറും ടെക്സ്റ്റ് ജനറേറ്റ് ചെയ്യുന്നതല്ല, ഫയലുകൾ സൃഷ്ടിക്കാനും എഡിറ്റ് ചെയ്യാനും, കമാൻഡുകൾ പ്രവർത്തിക്കാനും കഴിയും. -### 📣 അറിയിപ്പ് - _Generative AI ഉപയോഗിച്ച് നിർമ്മിക്കാനുള്ള പുതിയ പ്രോജക്ട്_ +### 📣 അറിയിപ്പ് - _പുതിയ പ്രോജക്ട് ജെനറേറ്റീവ് AI ഉപയോഗിച്ച് നിർമ്മിക്കുക_ -പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് പുറത്തിറക്കി, കാണുക [project](./9-chat-project/README.md) +പുതിയ AI അസിസ്റ്റന്റ് പ്രോജക്ട് ചേർത്തിട്ടുണ്ട്, [project](./9-chat-project/README.md) പരിശോധിക്കുക -### 📣 അറിയിപ്പ് - _JavaScript-ന് Generative AI അടിസ്ഥാനമാക്കിയുള്ള പുതിയ പാഠ്യക്രമം_ +### 📣 അറിയിപ്പ് - _ജെനറേറ്റീവ് AI-യുടെ പുതിയ പാഠ്യപദ്ധതി ജാവാസ്ക്രിപ്റ്റിനു വേണ്ടി_ -നമ്മുടെ പുതിയ Generative AI പാഠ്യപദ്ധതി കാണാൻ മറക്കരുത്! +ഞങ്ങളുടെ പുതിയ ജെനറേറ്റീവ് AI പാഠ്യപദ്ധതി മിസ്സ് ചെയ്യാൻ പാടില്ല! -ആരംഭിക്കാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) +തുടങ്ങാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/ml/background.148a8d43afde5730.webp) -- അടിസ്ഥാനത്തിൽ നിന്ന് RAG വരെ പാഠങ്ങൾ. -- GenAI ഉപയോഗിച്ച് ചരിത്ര കഥാപാത്രങ്ങളുമായി ആശയവിനിമയം. -- രസകരമായ കഥ, നിങ്ങൾ സമയം യാത്ര ചെയ്യുന്നതുപോലെ അനുഭവം! +- അടിസ്ഥാനങ്ങളിൽ നിന്നുള്ള പാഠങ്ങൾ മുതൽ RAG വരെ ഉൾക്കൊള്ളുന്നു. +- GenAI-യും നമ്മുടെ കൂട്ടാളി ആപ്പും ഉപയോഗിച്ച് ചരിത്ര കഥാപാത്രങ്ങളുമായി സംവദിക്കുക. +- രസകരവും ആകർഷകവുമായ കഥ, നിങ്ങൾ ഏതാണ്ട് കാല യാത്ര ചെയ്യുന്നുമൊത്തമായിരിക്കും! ![character](../../translated_images/ml/character.5c0dd8e067ffd693.webp) -ഓരോ പാഠം ഒരു അസൈൻമെന്റും, അറിവു പരിശോദനയും, പഠന വിഷയങ്ങളെ മാർഗ്ഗനിർദ്ദേശം ചെയ്യുന്ന ഒരു ചലഞ്ചും ഉൾക്കൊള്ളുന്നു: -- പ്രോംപ്റ്റിംഗ്, പ്രോംപ്റ്റ് എഞ്ചിനീയറിംഗ് -- ടെക്സ്റ്റ്, ഇമേജ് ആപ്പ് നിർമാണം -- തിരയൽ ആപ്പുകൾ +ഓരോ പാഠത്തിലും ഒരു അസൈൻമെന്റ് പൂർത്തിയാക്കാനുള്ളതും, അറിവു പരിശോധിക്കാനുള്ളതും, ചലഞ്ചുമുണ്ട്, ഇതിലൂടെ നിങ്ങൾക്ക് പഠന വിഷയങ്ങൾ: +- പ്രോമ്പ്റ്റിംഗ് നിറഞ്ഞ പ്രോമ്പ്റ്റ് എഞ്ചിനീയറിംഗ് +- ടെക്സ്റ്റും ഇമേജും ആപ്പ് ജനറേഷൻ +- സെർച് ആപ്പുകൾ +എന്നിവയില്‍ നിർദ്ദേശങ്ങൾ ലഭിക്കും. + +തുടങ്ങാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -ആരംഭിക്കാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](../../[https:/aka.ms/genai-js-course) -## 🌱 തുടക്കം -> **അദ്ധ്യാപകർ**, ഈ പാഠ്യक्रमം ഉപയോഗിക്കുന്നതിന് ചില നിർദ്ദേശങ്ങൾ ഞങ്ങൾ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് [included some suggestions](for-teachers.md). നിങ്ങളുടെ ഫീഡ്ബാക്ക് ആകാംക്ഷയോടെ ഞങ്ങൾക്കുണ്ട് [in our discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)! +## 🌱 ആരംഭം -**[പഠിതാക്കൾ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)** ഓരോ പാഠത്തിനും മുമ്പ് പ്രീ-ലക്ചർ ക്വിസ് ചെയ്തു ആരംഭിക്കുകയും, ലക്ചർ മടീരിയൽ വായിക്കുകയും, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കുകയും, പോസ്റ്റ്-ലക്ചർ ക്വിസുമായി നിങ്ങളുടെ അർത്ഥമുൻ‌മാറ്റം പരിശോധിക്കുകയും ചെയ്യുക. +> **അധ്യാപകരേ**, ഈ പാഠ്യപദ്ധതി ഉപയോഗിക്കുന്നതിന് [അറിയിപ്പുകൾ](for-teachers.md) നാം ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. നിങ്ങളുടെ പ്രതികരണങ്ങൾ [നമ്മുടെ ചർച്ചാ ഫോറത്തിൽ](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) അറിയിക്കുക! -പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, കൂട്ടുകാർക്കൊപ്പം ചേർന്ന് പ്രോജക്റ്റുകളിൽ പ്രവർത്തിക്കുക! ചർച്ചകൾ ഞങ്ങളുടെ [discussion forum](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ൽ പ്രോത്സാഹിപ്പിക്കുന്നു, അവിടെ മോഡറേറ്റർമാർ നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് ഉത്തരം നൽകും. +**[പഠിക്കുന്നവർ](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ഓരോ പാഠത്തിലും പ്രീ-ലെക്ചർ ക്വിസ് ആരംഭിച്ച്, പാഠം വായിച്ച്, വിവിധ പ്രവർത്തനങ്ങൾ പൂർത്തിയാക്കി പിന്നീട് പോസ്റ്റ്-ലെക്ചർ ക്വിസ് കൊണ്ട് മനസിലാക്കലുകൾ പരിശോധിക്കുക. -കൂടുതൽ പഠനത്തിനായി, [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) പരിശോധിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു. +നിങ്ങളുടെ പഠനാനുഭവം മെച്ചപ്പെടുത്താൻ, ആ ബ്ലോക്കുകളിൽ അനുഭവ സഞ്ചയിക്കുന്നത് സുഹൃത്ത്-കൂട്ടുകാർ കൂടെ ചേർന്ന് പ്രോജക്റ്റുകൾ നടത്തുക! ചർച്ചകൾക്ക് നാം പ്രോത്സാഹനം നൽകുന്ന [ചർച്ചാ ഫോറം](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) ഉണ്ട്, ഇതിൽ മോദറേറ്റർമാർ നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് തൽസമയം ഉത്തരങ്ങളുമായി സഹായിക്കും. -### 📋 നിങ്ങളുടെ പരിസരം സജ്ജമാക്കൽ +കൂടുതൽ പഠനത്തിനായി, നാം നിർബന്ധിതമായി [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) പരിശോധിക്കാവുന്നതായി ശുപാർശ ചെയ്യുന്നു. -ഈ പാഠ്യക്രമത്തിന് ഡെവലപ്‌മെന്റ് പരിസരം തയ്യാറായി ലഭ്യമാണ്! ആരംഭിക്കുമ്പോൾ നിങ്ങൾക്ക് [Codespace](https://github.com/features/codespaces/) (_ബ്രൗസർ അടിസ്ഥാനമായ, ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതില്ലാത്ത പരിസരം_)യിൽ ഓടിക്കോ, നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രിയപ്പെട്ട ടെക്‌സ്‌റ്റ് എഡിറ്റർ പോലെയുള്ള [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ച് ഓടിക്കാം. +### 📋 നിങ്ങളുടെ പരിസ്ഥിതി സജ്ജമാക്കൽ + +ഈ പാഠ്യപദ്ധതിക്ക് ഡെവലപ്‌മെന്റ് പരിസ്ഥിതി തയ്യാറായി ഉണ്ട്! തുടങ്ങുമ്പോൾ കോഴ്സ് [Codespace](https://github.com/features/codespaces/) (ബ്രൗസറിൽ നേരിട്ട്, ഇൻസ്‌റ്റാൾസ് ഇല്ലാതെ പ്രവര്‍ത്തിക്കുന്ന പരിസ്ഥിതി) യോ അല്ലെങ്കിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിലെ ഒരു ടെക്സ്റ്റ് എഡിറ്റർ പോലുള്ള [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉപയോഗിച്ചുള്ള ലോക്കൽ പരിസ്ഥിതി ഉപയോഗിച്ചോ ഓടിക്കാമെന്നു തിരഞ്ഞെടുക്കാം. #### നിങ്ങളുടെ റിപ്പോസിറ്ററി സൃഷ്ടിക്കുക -നിങ്ങളുടെ പ്രവർത്തനം എളുപ്പത്തിൽ സൂക്ഷിക്കാൻ, ഈ റിപോസിറ്ററിയുടെ സ്വന്തം അതിരൂപം സൃഷ്ടിക്കുക. പേജ് മുകളിലുള്ള **Use this template** ബട്ടൺ അമർത്തി ഇത് ചെയ്യാം. GitHub അക്കൗണ്ടിൽ പുതിയ ഒരു റിപോസിറ്ററി സൃഷ്ടിക്കപ്പെടും, പാഠ്യക്രമത്തിന്റെ അതിരൂപം വച്ച്. +നിങ്ങൾക്ക് നിങ്ങളുടെ ജോലി എളുപ്പത്തിൽ സംരക്ഷിക്കാൻ, ഈ റിപ്പോസിറ്ററിയുടെ ഒരു സ്വയം കോപ്പി സൃഷ്ടിക്കണമെന്ന് ശുപാർശ ചെയ്യുന്നു. പേജ് മുകളിൽ ഉള്ള **Use this template** ബട്ടൺ ക്ലിക്കുചെയ്താൽ, നിങ്ങളുടെ GitHub അക്കൗണ്ടിൽ പുതിയ ഒരു റിപ്പോസിട്ടറി ഈ പാഠ്യപദ്ധതിക്കുള്ള കോപ്പി ഉണ്ടാക്കും. -ചുവടെയുള്ളവ പാലിക്കുക: -1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിലെ വലത് മൂലയിൽ "Fork" ബട്ടൺ അമർത്തുക. +ഈ പ്രക്രിയ പിന്തുടരുക: +1. **റിപ്പോസിറ്ററി ഫോർക്ക് ചെയ്യുക**: ഈ പേജിന്റെ മുകളിൽ വലത്തുഭാഗത്തെ "Fork" ബട്ടൺ അമർത്തുക. 2. **റിപ്പോസിറ്ററി ക്ലോൺ ചെയ്യുക**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace-ൽ പാഠ്യകുറി തിരക്കിലാക്കൽ +#### Codespace-ൽ കോഴ്സ് ഓടിക്കൽ -നിങ്ങൾ സൃഷ്ടിച്ച ഈ റിപോസിറ്ററി കോപ്പിയിൽ, **Code** ബട്ടൺ അമർത്തി **Open with Codespaces** തെരഞ്ഞെടുക്കുക. ഇത് നിങ്ങൾക്ക് പ്രവർത്തിക്കാനുള്ള പുതിയ Codespace സൃഷ്ടിക്കും. +നിങ്ങളുടെ കോപ്പിയിലുള്ള റിപ്പോസിറ്ററിയിൽ **Code** ബട്ടൺ ക്ലിക്കുചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. ഈ വഴി നിങ്ങൾക്ക് പുതിയ Codespace സൃഷ്ടിക്കും. ![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.webp) -#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പാഠ്യകുറി പ്രവർത്തിപ്പിക്കുക - -ഈ പാഠ്യകുറി നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രവർത്തിപ്പിക്കാൻ, ഒരു ടെക്‌സ്‌റ്റ് എഡിറ്ററും, ഒരു ബ്രൗസറും, കമാൻഡ് ലൈൻ ഉപകരണവും വേണം. നമ്മുടെ ആദ്യ പാഠം, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), നിങ്ങളുടെ തിരഞ്ഞെടുക്കാൻ അനുയോജ്യമായ വിവിധ ടൂൾസ് പരിചയപ്പെടുത്തും. +#### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ലൈവായി കോഴ്സ് ഓടിക്കൽ -ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നത് [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ആണ്, ഇത് ഒരു ഉൾകൊള്ളിച്ച [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) കൂടി ഉണ്ട്. ഈ ലിങ്കിൽ നിന്ന് Visual Studio Code ഡൗൺലോഡ് ചെയ്യാം [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +ലോക്കൽ പാർപ്പിണിയിൽ ഈ കോഴ്സ് ഓടിക്കാൻ, ടെക്സ്റ്റ് എഡിറ്റർ, ബ്രൗസർ, കമാൻഡ് ലൈൻ ഉപകരണം എന്നിവ വേണം. നമ്മുടെ ആദ്യ പാഠം, [പ്രോഗ്രാമിംഗ് ഭാഷകളും ട്രേഡ് ടൂൾസുകളും പരിചയം](../../1-getting-started-lessons/1-intro-to-programming-languages), നിങ്ങളെ അവിവിധ ഓപ്ഷനുകളിലൂടെ നയിക്കും. - -1. നിങ്ങളുടെ റിപ്പോസിറ്ററി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് ക്ലോൺ ചെയ്യുക. **Code** ബട്ടൺ അമർത്തി URL പകർത്തി ചെയ്യാം: +വിശേഷിച്ച്, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) എഡിറ്ററായി ഉപയോഗിക്കാൻ നാം ശുപാർശ ചെയ്യുന്നു, ഇത് [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ഉൾക്കൊള്ളുന്നതും കൂടയാണെന്ന് ശ്രദ്ധിക്കുക. Visual Studio Code ഈ ലിങ്കിൽ നിന്നും ഡൗൺലോഡ് ചെയ്യാം [ഇവിടെ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് നിങ്ങളുടെ റിപോസിറ്ററി ക്ലോൺ ചെയ്യുക. ഇതിന് **Code** ബട്ടൺ ക്ലിക്കുചെയ്യുകയും URL നകಲെടുക്കുകയും ചെയ്യാം: [CodeSpace](./images/createcodespace.png) -അപ്പോൾ, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ഉള്ളിൽ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) തുറന്ന്, നിങ്ങൾ justo പകർത്തിയ URL `` എന്നത് മാറ്റി താഴെ കൊടുത്തിരിക്കുന്ന കമാൻഡ് റൺ ചെയ്യുക: + + തുടർന്ന്, [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-ന്റെ പകരം `` ടൈപ്പ് ചെയ്ത് താഴെക്കാണുന്ന കമാൻഡ് പ്രവർത്തിപ്പിക്കുക: ```bash git clone ``` -2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കൂ. ഇത് ചെയ്യാൻ **File** > **Open Folder** തിരഞ്ഞെടുത്ത് നിങ്ങൾ justo ക്ലോൺ ചെയ്‌ത ഫോൾഡർ തിരഞ്ഞെടുക്കാം. +2. Visual Studio Code-ൽ ഫോൾഡർ തുറക്കുക. **File** > **Open Folder** ക്ലിക്കുചെയ്ത് നിങ്ങൾ ഇപ്പോൾ ക്ലോൺ ചെയ്ത ഫോൾഡർ തിരഞ്ഞെടുക്കുക. -> നിര്‍ദ്ദേശിച്ച Visual Studio Code എക്സ്റ്റൻഷനുകൾ: +> ശുപാർശ ചെയ്ത Visual Studio Code എക്സ്റ്റൻഷനുകൾ: > > * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code-ൽ HTML പേജുകൾ പ്രിവ്യൂ ചെയ്യാൻ -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് വേഗത്തിൽ എഴുതാൻ സഹായിക്കാൻ +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - കോഡ് എഴുതുന്നതിൽ സഹായിക്കുന്നതിന് -## 📂 ഓരോ പാഠവും ഉൾക്കൊള്ളുന്നത്: +## 📂 ഓരോ പാഠത്തിലേക്കും ഉൾപ്പെടുന്നു: -- disorder sketchnote ഒഴിവാക്കാവുന്ന -- disorder സഹായകരമായ വീഡിയോ ഒഴിവാക്കാവുന്ന -- പാഠത്തിന് മുമ്പുള്ള warmup quiz +- ഐച്ഛിക സ്ക്കെച്ച്നോട്ട് +- ഐച്ഛിക സപ്ലിമെന്റൽ വീഡിയോ +- പാഠം മുൻ‌കാലം വാര്മപ് ക്വിസ് - എഴുതിയ പാഠം -- പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പാഠങ്ങൾക്കായി, പ്രോജക്ട് നിർമ്മിക്കാനുള്ള ദിശാനിർദ്ദേശങ്ങൾ +- പ്രോജക്റ്റ് ആധാരിത പാഠങ്ങൾക്കായി, പ്രോജക്റ്റ് നിർമിക്കാൻ പടിയും പടിയിലുള്ള മാർഗ്ഗനിർദ്ദേശങ്ങൾ - അറിവ് പരിശോധനകൾ -- ചലഞ്ച് -- സഹായകരമായ വായന -- അസൈൻമെന്റ് -- [പാഠത്തിനു ശേഷം quiz](https://ff-quizzes.netlify.app/web/) +- ഒരു വെല്ലുവിളി +- സപ്ലിമെന്റൽ വായന +- അസൈന്മെന്റ് +- [പാഠം കഴിഞ്ഞുള്ള ക്വിസ്](https://ff-quizzes.netlify.app/web/) -> **ക്വിസുകളെ കുറിച്ചുള്ള ഒരു കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിൽ ഉൾക്കൊള്ളുന്നു, ഓരോതിലും മൂന്ന് ചോദ്യങ്ങളുള്ള 48 quizzes. അവ ഇവിടെ ലഭ്യമാണ് [https://ff-quizzes.netlify.app/web/](https://ff-quizzes.netlify.app/web/), quiz അപ്ലിക്കേഷൻ ലോക്കലായി ഓടിക്കാമോ അല്ലെങ്കിൽ Azure-യിലേക്കും ഡിപ്ലോയ്ചെയ്യാമോ; `quiz-app` ഫോൾഡറിലുള്ള നിർദ്ദേശങ്ങൾ പിന്തുടരുക. +> **ക്വിസുകളെ കുറിച്ചുള്ള കുറിപ്പ്**: എല്ലാ ക്വിസുകളും Quiz-app ഫോൾഡറിലേക്ക് ഉൾപ്പെട്ടിരിക്കുന്നു, ഓരോന്നിലും 48 മൊത്തം മൂന്ന് ചോദ്യങ്ങൾക്കുള്ള ക്വിസുകൾ. അവ [ഇവിടെ](https://ff-quizzes.netlify.app/web/) ലഭ്യമാണ്, ക്വിസ് ആപ്പ് ലൊക്കലിലേക്ക് ഓടിക്കാനോ Azure-യിലേക്ക് ഡിപ്ലോയ് ചെയ്യാനോ കഴിയും; 'quiz-app' ഫോൾഡറിൽ നൽകിയ നിർദ്ദേശങ്ങൾ പിന്തുടരുക. ## 🗃️ പാഠങ്ങൾ -| | പ്രോജക്ട് നാമം | പഠിപ്പിച്ച ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | ലേഖകൻ | -| :-: | :------------------------------------------------------------: | :-------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | Getting Started | പ്രോഗ്രാമിംഗ് പരിചയം மற்றும் ഉപകരണം പരിചയപ്പെടുത്തി | പലതരം പ്രോഗ്രാമിംഗ് ഭാഷകളുടെ അടിസ്ഥാന തത്വങ്ങൾ പഠിക്കുക, പ്രൊഫഷണൽ ഡെവലപ്പർമാർ ജോലി ചെയ്യാൻ സഹായിക്കുന്ന സോഫ്റ്റ്‌വെയർ അറിയുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ | -| 02 | Getting Started | GitHub നേുറ്റുകൾ അടിസ്ഥാനപരമായി, ടീമിനോടൊപ്പം പ്രവർത്തനമുണ്ടാക്കൽ | നിങ്ങളുടെ പ്രോജക്ടിൽ GitHub എങ്ങനെ ഉപയോഗിക്കാമെന്ന്, മറ്റുള്ളവർക്ക് കോഡ് ആധാരത്തിൽ എങ്ങനെ സഹകരിക്കാമെന്നും പഠിക്കുക | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫോൾ | -| 03 | Getting Started | അക്കസസ്ബിലിറ്റി | വെബ് അക്കസസ്ബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങൾ അറിയുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ | -| 04 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകൾ | ജാവാസ്ക്ക്രിപ്റ്റ് ഡാറ്റ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങൾ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ | -| 05 | JS Basics | ഫങ്‌ഷനുകളും മെതഡുകളും | ഒരു ആപ്ലിക്കേഷന്റെ ലോജ് ഫ്ലോ നിയന്ത്രിക്കാൻ ഫങ്‌ഷനുകളും മെതഡുകളുമെന്താണെന്ന് മനസിലാക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ | -| 06 | JS Basics | ജാവാസ്ക്ക്രിപ്റ്റിൽ തീരുമാനം എടുക്കൽ | കോഡിൽ നിബന്ധനകൾ സൃഷ്ടിക്കാന്‍ തീരുമാനം എടുക്കൽ രീതികൾ ഉപയോഗിച്ച് പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ | -| 07 | JS Basics | അറേകളും ലൂപ്പുകളും | ജാവാസ്ക്ക്രിപ്റ്റിൽ അറേയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ | -| 08 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമാക്കിയ HTML | ഓൺലൈൻ ടെറേറിയം സൃഷ്ടിക്കാൻ HTML നിർമ്മിച്ച് ലേഔട്ട് നിർമ്മിക്കാൻ ശ്രദ്ധിച്ചു | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ | -| 09 | [Terrarium](./3-terrarium/solution/README.md) | പ്രായോഗികമായ CSS | ഓൺലൈൻ ടെറേറിയം സ്റ്റൈലുചെയ്യാൻ CSS നിർമിച്ച് പേജ് പ്രതികരണക്ഷമമാക്കുന്നത് ഉൾപ്പെടെ CSS അടിസ്ഥാനങ്ങൾ പഠിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ | -| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്ക്രിപ്റ്റ് ക്ലോജേഴ്സ്, DOM മാനിപ്പുലേഷൻ | ടെറേറിയത്തിന് ഡ്രാഗ് & ഡ്രോപ്പ് ഇന്ററ്ഫേസി നിർമിക്കാൻ ജാവാസ്ക്ക്രിപ്റ്റ് സൃഷ്ടിക്കുക, ക്ലോജേഴ്സും DOM മാനിപ്പുലേഷനും ശ്രദ്ധിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ | -| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിങ് ഗെയിം നിർമ്മിക്കൽ | ജാവാസ്ക്ക്രിപ്റ്റ് ആപ്പിന്റെ ലോജിക് നിയന്ത്രിക്കാൻ കീബോർഡ് ഇവന്റുകൾ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ | -| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായി പ്രവർത്തിക്കൽ | ബ്രൗസറുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു, അവയുടെ ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ആദ്യ ഘടകങ്ങൾ എങ്ങനെ നിർമ്മിക്കുക എന്നത് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ | -| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മിക്കൽ, API വിളിച്ചത്, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കൽ | API വിളിക്കാൻ ഉപയോഗിക്കുന്ന ബ്രൗസർ എക്സ്റ്റൻഷനിലെ ജാവാസ്ക്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കുക | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ | -| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ ബാക്ക്ഗ്രൗണ്ട് പ്രോസസുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐക്കൺ നിയന്ത്രിക്കാൻ ബ്രൗസറിന്റെ ബാക്ക്ഗ്രൗണ്ട് പ്രോസസുകൾ ഉപയോഗിക്കുക; വെബ്ബ് പ്രകടനവും ചില ഒപ്റ്റിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ | -| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ മുന്നോട്ട് നയിക്കുന്ന ഗെയിം വികസനം | ക്ലാസുകളും കോംപോസിഷനും ഉപയോഗിച്ച് ഇൻഹെറിറ്റൻസ് സിദ്ധാന്തവും പബ്/സബ് മാതൃകയും പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിന് തയ്യാറാക്കുക | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് | -| 16 | [Space Game](./6-space-game/solution/README.md) | ക്യാൻവാസിലേക്ക് ചിത്രരചന | സ്ക്രീനിലേക്ക് ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന ക്യാൻവാസ API പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് | -| 17 | [Space Game](./6-space-game/solution/README.md) | സ്ക്രീനിൽ ഘടകങ്ങൾ പ്രവേശിപ്പിക്കുന്നത് | കാർട്ടീസിയൻ കോർഡിനേറ്റുകളും ക്യാൻവാസും ഉപയോഗിച്ച് എലമെന്റുകൾ എങ്ങനെ ചലിക്കുന്നു എന്ന് കണ്ടെത്തുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് | -| 18 | [Space Game](./6-space-game/solution/README.md) | ഏറ്റുമുട്ടൽ കണ്ടെത്തൽ | കീപ്രസുകൾ ഉപയോഗിച്ച് എലമെന്റ് ഏറ്റുമുട്ടലും പ്രതികരണവും സൃഷ്ടിക്കുക, ഗെയിം പ്രകടനം ഉറപ്പാക്കാൻ ഒരു കൂൾഡൗൺ ഫങ്‌ഷനും നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് | -| 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ രക്ഷിക്കൽ | ഗെയിം നിലയും പ്രകടനവും അടിസ്ഥാനമാക്കി ഗണിതലേഖനങ്ങൾ നടത്തുക | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് | -| 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിപ്പിക്കൽ, മടങ്ങിവരുത്തൽ | ഗെയിം അവസാനിപ്പിക്കുകയും മടങ്ങിവരുത്തുകയും ചെയ്യുന്നതിനെക്കുറിച്ച് പഠിക്കുക, അസറ്റുകൾ ശുചീകരിച്ച് വേരിയബിൾ മൂല്യങ്ങൾ പുനഃക്രമീകരിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് | -| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെമ്പ്ലേറ്റുകളും റൂട്ടുകളും | പേജുകൾ പലതും ഉള്ള വെബ്‌സൈറ്റിന്റെ ഘടന നിർമ്മിക്കാനായി റൗട്ടിംഗ്, HTML ടെമ്പ്ലേറ്റുകൾ ഉപയോഗിച്ച് സ്ക്കാഫോൾഡ് നിർമ്മിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ | -| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോറങ്ങൾ നിർമ്മിക്കുക | ഫോമുകൾ നിർമ്മിക്കുന്നതും വാലിഡേഷൻ റൂട്ടീനുകൾ കൈകാര്യം ചെയ്യുന്നതിനുമുള്ള പഠനം | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ | -| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ എടുക്കലും ഉപയോഗവും | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുകയും പോകുകയും ചെയ്യുന്നു, എങ്ങനെ ഇത് എടുക്കുകയും സംഭരിക്കുകയും ഇല്ലാതാക്കുകയും ചെയ്യുന്നു | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ | -| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | നിങ്ങളുടെ ആപ്പ് സ്റ്റേറ്റ് എങ്ങനെ നിലനിര്‍ത്തുന്നു, പ്രോഗ്രാമാറ്റിക്കായി എങ്ങിനെ മാനേജുമെന്റ് നടത്താം എന്നത് പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ | -| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ച് പ്രവർത്തിക്കല്‍ | എഡിറ്റർ ഉപയോഗിക്കുന്നത് പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് | -| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിച്ച് പ്രവർത്തിക്കൽ | നിങ്ങളുടെ സ്വന്തം AI അസിസ്റ്റന്റ് നിർമ്മിക്കുന്നത് പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് | +| | പ്രോജക്റ്റ് പേര് | പഠിപ്പിക്കുന്ന ആശയങ്ങൾ | പഠന ലക്ഷ്യങ്ങൾ | ബന്ധപ്പെട്ടു പാഠം | രചയിതാവ് | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | Getting Started | പ്രോഗ്രാമിംഗിലേക്കുള്ള വരവറിയിപ്പ്, ഉപകരണങ്ങളുടെ പരിചയം | കൂടുതലായി ഉപയോഗിക്കുന്ന പ്രോഗ്രാമിംഗുഭാഷകളുടെ അടിസ്ഥാനങ്ങൾ പഠിക്കുകയും, പ്രൊഫഷണൽ ഡവലപ്പർമാർക്ക് സഹായകമായ സോഫ്റ്റ്‌വെയറുകളുടെ പരിചയം നേടുക | [Intro to Programming Languages and Tools of the Trade](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ജാസ്മിൻ | +| 02 | Getting Started | GitHub അടിസ്ഥാനങ്ങൾ, സംഘത്തിൽ പ്രവർത്തിക്കൽ ഉൾപ്പെടെ | നിങ്ങളുടെ പ്രോജക്റ്റിൽ GitHub ഉപയോഗിക്കാനുള്ള രീതിയും, കോഡ് ബേസിൽ മറ്റവരുമായി സഹകരിക്കുന്ന വിധവും നൽകുന്നു | [Intro to GitHub](./1-getting-started-lessons/2-github-basics/README.md) | ഫ്ലോർ | +| 03 | Getting Started | ആക്സസ്സിബിലിറ്റി | വെബ് ആക്സസ്സിബിലിറ്റിയുടെ അടിസ്ഥാനങ്ങള്‍ പഠിക്കുക | [Accessibility Fundamentals](./1-getting-started-lessons/3-accessibility/README.md) | ക്രിസ്റ്റഫർ | +| 04 | JS Basics | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകൾ | ജാവാസ്ക്രിപ്റ്റ് ഡാറ്റാ ടൈപ്പുകളുടെ അടിസ്ഥാനങ്ങള്‍ | [Data Types](./2-js-basics/1-data-types/README.md) | ജാസ്മിൻ | +| 05 | JS Basics | ഫംഗ്ഷനുകളും മെത്തഡുകളും | അപ്ലിക്കേഷന്റെ ലോഗിക് ഫ്ലോ കൈകാര്യം ചെയ്യാൻ ഫംഗ്ഷനുകളും മെത്തഡുകളും പഠിക്കുക | [Functions and Methods](./2-js-basics/2-functions-methods/README.md) | ജാസ്മിൻ & ക്രിസ്റ്റഫർ | +| 06 | JS Basics | ജെഎസ് ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കുക | നിങ്ങളുടെ കോഡിൽ തീരുമാനങ്ങൾ എടുക്കാനുള്ള രീതി പഠിക്കുക | [Making Decisions](./2-js-basics/3-making-decisions/README.md) | ജാസ്മിൻ | +| 07 | JS Basics | അറെയുകളും ലൂപ്പുകളും | ജാവാസ്ക്രിപ്റ്റിൽ അറെയും ലൂപ്പുകളും ഉപയോഗിച്ച് ഡാറ്റ കൈകാര്യം ചെയ്യുക | [Arrays and Loops](./2-js-basics/4-arrays-loops/README.md) | ജാസ്മിൻ | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയം നിർമ്മിക്കാൻ HTML നിർമ്മിക്കുക, ലേഔട്ട് നിർമ്മിക്കみに ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [Introduction to HTML](./3-terrarium/1-intro-to-html/README.md) | ജെൻ | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS പ്രായോഗികമായ അഭ്യാസം | ഓൺലൈൻ ടെറേറിയത്തിന് CSS ഉപയോഗിച്ച് സ്റ്റൈൽ ചെയ്യുക, CSS അടിസ്ഥാനങ്ങൾ ഉൾപ്പെടെ പേജ് റെസ്പോൺസീവ് ആകുന്ന വിധം നിർമ്മിക്കുക | [Introduction to CSS](./3-terrarium/2-intro-to-css/README.md) | ജെൻ | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ, DOM മാനിപ്പുലേഷൻ | ടെറേറിയം ഡ്രാഗ്/ഡ്രോപ്പ് ഇന്റർഫേസ് പോലെ പ്രവർത്തിക്കാൻ ജാവാസ്ക്രിപ്റ്റ് നിർമിക്കുക, ക്ലോഷറുകളും DOM മാനിപ്പുലേഷനിലും ശ്രദ്ധ കേന്ദ്രീകരിക്കുക | [JavaScript Closures, DOM manipulation](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | ജെൻ | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | ടൈപ്പിംഗ് ഗെയിം നിർമ്മിക്കുക | ജാവാസ്ക്രിപ്റ്റ് ആപ്പിന്റെ ലൊജികിന് കീബോർഡ് ഇവന്റുകൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് പഠിക്കുക | [Event-Driven Programming](./4-typing-game/typing-game/README.md) | ക്രിസ്റ്റഫർ | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറുകളുമായുള്ള പ്രവർത്തനം | ബ്രൗസറുകളുടെ പ്രവർത്തനം, ചരിത്രം, ബ്രൗസർ എക്സ്റ്റൻഷനുകളുടെ ആദ്യം ഘടകങ്ങൾ എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പഠിക്കുക | [About Browsers](./5-browser-extension/1-about-browsers/README.md) | ജെൻ | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ഫോം നിർമ്മാണം, API വിളിക്കൽ, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സേവ് ചെയ്യൽ | API വിളിക്കാൻ ബ്രൗസർ എക്സ്റ്റൻഷന്റെ ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ നിർമ്മിക്കുക, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾസ് സ്ഥാപിച്ചാണ് | [APIs, Forms, and Local Storage](./5-browser-extension/2-forms-browsers-local-storage/README.md) | ജെൻ | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ബ്രൗസറിലെ പശ്ചാത്തല പ്രോസസ്സുകൾ, വെബ് പ്രകടനം | എക്സ്റ്റൻഷന്റെ ഐകൺ മാനേജ് ചെയ്യാൻ ബ്രൗസറിന്റെ പശ്ചാത്തല പ്രോസസ്സുകൾ ഉപയോഗിക്കുക; വെബ് പ്രകടനവും ചില ഓപ്ടിമൈസേഷനുകളും പഠിക്കുക | [Background Tasks and Performance](./5-browser-extension/3-background-tasks-and-performance/README.md) | ജെൻ | +| 15 | [Space Game](./6-space-game/solution/README.md) | ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് കൂടുതൽ ആധുനിക ഗെയിം വികസനം | ക്ലാസുകളും കോമ്പോസിഷനും ഉപയോഗിക്കുന്ന ഇന്ഹെറിറ്റൻസ്, പബ്ലിഷ്/സബ്സ് പാറ്റർൺ എന്നിവയെക്കുറിച്ച് പഠിക്കുക, ഗെയിം നിർമ്മാണത്തിൽ സഹായകമായി | [Introduction to Advanced Game Development](./6-space-game/1-introduction/README.md) | ക്രിസ് | +| 16 | [Space Game](./6-space-game/solution/README.md) | കാൻവാസിലേക്ക് വരയ്ക്കൽ | സ്‌ക്രീൻവരെയുള്ള ഘടകങ്ങൾ വരയ്ക്കാൻ ഉപയോഗിക്കുന്ന കാൻവാസ് APIയെക്കുറിച്ച് പഠിക്കുക | [Drawing to Canvas](./6-space-game/2-drawing-to-canvas/README.md) | ക്രിസ് | +| 17 | [Space Game](./6-space-game/solution/README.md) | സ്‌ക്രീനിലൂടെ ഘടകങ്ങൾ നീക്കുന്നു | കാർട്ടീഷ്യൻ കോർഡിനേറ്റുകളും കാൻവാസ് APIയും ഉപയോഗിച്ച് ഘടകങ്ങൾക്ക് ചലനം എങ്ങനെ ലഭിക്കാമെന്ന് പഠിക്കുക | [Moving Elements Around](./6-space-game/3-moving-elements-around/README.md) | ക്രിസ് | +| 18 | [Space Game](./6-space-game/solution/README.md) | കൂട്ടിയിടി തിരിച്ചറിയൽ | ഘടകങ്ങൾ തമ്മിൽ കൂട്ടിയിടുന്നതും കീപ്രസുകളിലൂടെ പ്രതികരിക്കുന്നതും പഠിച്ചു, ഗെയിമിന്റെ പ്രകടനം ഉറപ്പാക്കാൻ കൂൾഡൗൺ ഫംഗ്ഷൻ നൽകുക | [Collision Detection](./6-space-game/4-collision-detection/README.md) | ക്രിസ് | +| 19 | [Space Game](./6-space-game/solution/README.md) | സ്കോർ നിലനിർത്തൽ | ഗെയിമിന്റെ നിലയിലും പ്രകടനത്തിലും അടിസ്ഥാനപ്പെടുത്തി കണക്ക് നടത്തി | [Keeping Score](./6-space-game/5-keeping-score/README.md) | ക്രിസ് | +| 20 | [Space Game](./6-space-game/solution/README.md) | ഗെയിം അവസാനിക്കുകയും പുനരാരംഭിക്കുകയും ചെയ്യുക | ഗെയിം തുടങ്ങുന്നത്, അവസാനിപ്പിക്കുന്നത്, അസറ്റുകൾ ക്ലീൻ ചെയ്യുകയും വേരിയബിൾ റീസെറ്റ് ചെയ്യുകയും ചെയ്യാനുള്ള രീതി പഠിക്കുക | [The Ending Condition](./6-space-game/6-end-condition/README.md) | ക്രിസ് | +| 21 | [Banking App](./7-bank-project/solution/README.md) | വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും | റൂട്ടിങ്, HTML ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് മൾട്ടിപേജ് വെബ്സൈറ്റ് ആർക്കിടെക്ചർ സൃഷ്ടിക്കുന്ന രീതി പഠിക്കുക | [HTML Templates and Routes](./7-bank-project/1-template-route/README.md) | യോഹാൻ | +| 22 | [Banking App](./7-bank-project/solution/README.md) | ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോമുകൾ നിർമ്മിക്കുക | ഫോം നിർമ്മാണവും ഒന്നിച്ച് വാലിഡേഷൻ നടത്തുന്നതും പഠിക്കുക | [Forms](./7-bank-project/2-forms/README.md) | യോഹാൻ | +| 23 | [Banking App](./7-bank-project/solution/README.md) | ഡാറ്റ വീണ്ടും എടുത്തെടുക്കൽ, ഉപയോഗം | നിങ്ങളുടെ ആപ്പിൽ ഡാറ്റ എങ്ങനെ വരുന്നു, പോവുന്നു; എടുക്കാനുള്ള, സേവ് ചെയ്യാനുള്ള, ഒഴിവാക്കാനുള്ള രീതി | [Data](./7-bank-project/3-data/README.md) | യോഹാൻ | +| 24 | [Banking App](./7-bank-project/solution/README.md) | സ്റ്റേറ്റ് മാനേജ്മെന്റ് ആശയങ്ങൾ | സ്റ്റേറ്റ് നിലനിർത്തുന്ന വിധവും, പ്രോഗ്രാമാറ്റിക്കായി സ്റ്റേറ്റ് എങ്ങനെ മാനേജ് ചെയ്യാമെന്നും പഠിക്കുക | [State Management](./7-bank-project/4-state-management/README.md) | യോഹാൻ | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode ഉപയോഗിച്ചുള്ള പ്രവർത്തനം | കോഡ് എഡിറ്റർ ഉപയോഗിക്കുന്ന വിധം പഠിക്കുക | [Use VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | ക്രിസ് | +| 26 | [AI Assistants](./9-chat-project/README.md) | AI ഉപയോഗിക്കുന്നത് | നിങ്ങളുടെ സ്വന്തം AI സഹായിയെ നിർമ്മിക്കാൻ പഠിക്കുക | [AI Assistant project](./9-chat-project/README.md) | ക്രിസ് | -## 🏫 പാഠം ചാതുര്യം +## 🏫 പാഠശാസ്ത്രം -നമ്മുടെ കോഴ്സു പ്രവർത്തനം നിർമിച്ചിരിക്കുന്നത് രണ്ട് പ്രധാന പാഠശാസ്ത്ര സിദ്ധാന്തങ്ങളെ അടിസ്ഥാനമാക്കി: -* പ്രോജക്ട് അടിസ്ഥാനത്തിലുള്ള പഠനം -* നിരന്തരം ക്വിസുകൾ +ഞങ്ങളുടെ പാഠ്യക്രമം രണ്ട് പ്രധാന പാഠശാസ്ത്ര തത്വങ്ങൾ അടിസ്ഥാനമാക്കി രൂപകൽപ്പന ചെയ്യപ്പെട്ടതാണ്: +* പ്രോജക്റ്റ്-ആധാരിത പഠനം +* നിരന്തര ക്വിസുകൾ -പ്രോഗ്രാം ജാവാസ്ക്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയുടെ അടിസ്ഥാനങ്ങൾപോലും സമകാലീന വെബ് ഡെവലപ്പർമാർ ഉപയോഗിക്കുന്ന ഏറ്റവും പുതിയ ഉപകരണങ്ങളും സാങ്കേതികവിദ്യകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾക്ക് ടൈപ്പിങ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പെയ്‌സ് ഇൻവേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസുകൾക്കായുള്ള ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് പ്രായോഗിക പരിചയം നേടാനുള്ള അവസരം ലഭിക്കും. ശ്രേണിയുടെ അവസാനത്തോടെ വിദ്യാർത്ഥികൾ വെബ് ഡെവലപ്പ്മെന്റിന്റെ ശക്തമായ ധാരണ നേടും. +ഈ പ്രോഗ്രാം ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നീ അടിസ്ഥാനങ്ങൾപറഞ്ഞ് ഇന്നത്തെ വെബ് ഡവലപ്പർമാർ ഉപയോഗിക്കുന്ന പുതിയ ഉപകരണങ്ങളും സാങ്കേതികതകളും പഠിപ്പിക്കുന്നു. വിദ്യാർത്ഥികൾ ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്പേസ് ഇന്‍വേഡർ-സ്റ്റൈൽ ഗെയിം, ബിസിനസ്സുകൾക്ക് വേണ്ടി ബാങ്കിംഗ് ആപ്പ് എന്നിവ നിർമ്മിച്ച് കൈထുടക്കുന്ന അനുഭവം സമ്പാദിക്കും. പരമ്പരയുടെ ഒടുവിൽ വിദ്യാർത്ഥികൾക്ക് വെബ് ഡെവലപ്പ്മെന്റ് വിഷയത്തിൽ ഉറച്ച അറിവ് ലഭിക്കും. -> 🎓 മൈക്രോസോഫ്റ്റ് ലേൺ-ലെ [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) എന്ന ഈ കർട്ടികയുടെ ആദ്യ പാഠങ്ങൾ നിങ്ങൾക്ക് സ്വീകരിക്കാം! +> 🎓 ഈ പാഠ്യക്രമത്തിലെ ആദ്യ ചില പാഠങ്ങൾ മൈക്രോസോഫ്റ്റ് ലേണിൽ ഒരു [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) ആയി സ്വീകരിക്കാം! -വിഷയം പ്രോജക്ടുകളുമായി പൊരുത്തപ്പെടുന്നതിൽ ഉറപ്പുവരുത്തുന്നതിലൂടെ процесс വിദ്യാർത്ഥികൾക്കായി കൂടുതല്‍ക്ക് ആകർഷകവും ആശയങ്ങൾ കൂടുതൽ മനസ്സിലാവുന്നതും ആണ്. ജാവാസ്ക്ക്രിപ്റ്റിന്റെ അടിസ്ഥാനങ്ങൾ പരിചയപ്പെടുത്തുന്നതിന് ഞങ്ങൾ പല സ്റ്റാർട്ടർ പാഠങ്ങളും തയ്യാറാക്കി, ഒരു വീഡിയോ ഈ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" ട്യൂട്ടോറിയൽ കളക്ഷൻ-ലൂടെ പങ്കുവെച്ചിട്ടുണ്ട്, അതിൽ ചില ലേഖകർ ഈ പാഠങ്ങളിലേക്കു സംഭാവന ചെയ്തവരാണ്. +പ്രോജക്റ്റുകളുമായി ഉള്ള ഉള്ളടക്കം പൊരുത്തപ്പെടുത്തുന്നതിലൂടെ വിദ്യാർത്ഥികളുടെ വളര്ച്ചയും ആശയങ്ങളുടെ ഒപ്പ് ധാരാളവും ഉറപ്പാക്കുന്നു. ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങളിൽ ആശയങ്ങൾ പരിചയപ്പെടുത്താൻ നമ്മൾ ചില പ്രാരംഭ പാഠങ്ങൾ എഴുതി, കൂടാതെ "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" വിഡിയോ ട്യൂട്ടോറിയൽ കलेक്ഷനിൽ നിന്നുള്ള വിഡിയോ മറ്റിനാരും പങ്കുവെച്ചു. -ഇതോടൊപ്പം, ക്ലാസ്സ് ആരംഭിക്കുന്നതിന് മുമ്പ് ലളിതമായ ഒരു ക്വിസ് വിദ്യാർത്ഥിയെ ഒരു വിഷയത്തിൽ പഠനോദ്ദേശം കൈവരിക്കാൻ സഹായിക്കുന്നു, ക്ലാസ്സ് കഴിഞ്ഞു രണ്ടാം ക്വിസ് കൂടുതൽ അറിവ് നിലനിർത്തലിന് സഹായിക്കുന്നു. ഈ കോഴ്സ് സുഗമവും വിനോദകരവുമാണ്, മുഴുവൻ ആയോ ഭാഗികമായോ ചെയ്യാം. പ്രോജക്ടുകൾ ചെറിയതിൽ തുടങ്ങിയും 12 ആഴ്ചമാകുന്ന സമയത്ത് progressively ക്ലിഷ്ടമാകും. +കൂടാതെ, ക്ലാസിന് മുമ്പുള്ള ഒരു കുറഞ്ഞ പ്രാബല്യമുള്ള ക്വിസ് വിദ്യാർത്ഥിയുടെ പഠന ഉദ്ദേശ്യം സജ്ജമാക്കുന്നു, പിന്നീട് ക്ലാസിന് ശേഷം അതിന്റെ ആവർത്തനം ഉറപ്പാക്കാൻ മറ്റൊരു ക്വിസ് ഒരുക്കിയിട്ടുണ്ട്. ഈ പാഠ്യക്രമം സ്വതന്ത്രവും രസകരവുമാകാൻ രൂപകൽപ്പന ചെയ്തതാണ്, മുഴുവനായി അല്ലെങ്കിൽ ഭാഗികമായി സ്വീകരിക്കാവുന്നതാണ്. 12 ആള്‍ വാരയളവിൽ പ്രോജക്റ്റുകൾ ചെറുതായിത്തുടങ്ങി, അവസാനത്തോട് കൂടി കൂടുതല്‍ സങ്കീർണമാകുന്നു. -ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്ക്‌ പരിചയപ്പെടുത്താതെ അടിസ്ഥാന കഴിവുകളിൽ മാത്രം കേന്ദ്രീകരിക്കാൻ ഉദ്ദേശിച്ചിരിക്കുന്നു, ഇത് പഠനം പൂർത്തിയാക്കിയ ശേഷം അടുത്ത കടaptive ആയ പോർട് നോട്ട്ജെഎസ് പഠനത്തിലേക്ക് ക്ഷണിക്കും, ഏതാണ്ട് "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" എന്ന വീഡിയോ കളക്ഷൻ ഉപയോഗിച്ച്. +ജാവാസ്ക്രിപ്റ്റ് ഫ്രെയിംവർക്കുകൾ പരിചയപ്പെടുത്താനുള്ള സാധ്യത മനസ്സിലായെങ്കിലും, പ്രഥമമായും വെബ് ഡവലപ്പർ അനുഭവിച്ചെടുക്കേണ്ട അടിസ്ഥാന നൈപുണ്യങ്ങളെ ശ്രദ്ധയിൽ വെച്ചാണ് ഇത് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്; ഈ പാഠ്യക്രമം പൂർത്തിയാക്കുന്നതിന് ഒരു നല്ല അടുത്തേക്കു വിദ്യാർത്ഥികൾക്ക് "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" വിഡിയോ സീരീസിലൂടെ Node.js പഠിക്കുക. -> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md)വും [Contributing](CONTRIBUTING.md) ഗൈഡ്‌ലൈൻസും സന്ദർശിക്കുക. നിങ്ങളുടെ ഉപകാരപ്രദമായ അഭിപ്രായങ്ങൾ ഞങ്ങൾ സ്വാഗതം ചെയ്യുന്നു! +> ഞങ്ങളുടെ [Code of Conduct](CODE_OF_CONDUCT.md) നും [Contributing](CONTRIBUTING.md) നും അനുയോജ്യമായ മാർഗനിർദേശങ്ങൾ സന്ദർശിക്കുക. നിങ്ങളുടെ നിർമാണത്തിനുള്ള അവലോകനം സ്വീകരിക്കുന്നു! -## 🧭 ഓഫ്ലൈൻ ആക്‌സസ് +## 🧭 ഓഫ്‌ലൈൻ ആക്സസ് -[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് നിങ്ങൾക്ക് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്ലൈനിലും ഓടിക്കാം. ഈ റിപോ ഫോർക്കുചെയ്യുക, [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്യുക നിങ്ങളുടെ ലോക്കൽ മെഷീനിൽ, ശേഷം ഈ റിപോയുടെ റൂട്ട് ഫോൾഡറിൽ `docsify serve` ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് നിങ്ങളുടെ ലോക്കൽഹോസ്റ്റ് 3000 പോർട്ടിൽ സർവ് ചെയ്യും: `localhost:3000`. +[Docsify](https://docsify.js.org/#/) ഉപയോഗിച്ച് ഈ ഡോക്യുമെന്റേഷൻ ഓഫ്‌ലൈൻ ഓടിക്കാം. ഈ റിപോയെ ഫോർക്ക് ചെയ്ത്, നിങ്ങളുടെ ലൊക്കൽ മെഷീനിൽ [Docsify ഇൻസ്റ്റാൾ](https://docsify.js.org/#/quickstart) ചെയ്യുക, പിന്നെ ഈ റിപോയുടെ റൂട്ടിൽ `docsify serve` ടൈപ്പ് ചെയ്യുക. വെബ്സൈറ്റ് നിങ്ങളുടെ ലോക്കലഹോസ്റ്റ് 3000 പോർട്ടിൽ സർവ് ചെയ്യും: `localhost:3000`. -## 📘 PDF +## 📘 പിഡിഎഫ് +പാഠങ്ങളൊക്കെ ഉള്ള ഒരു PDF [ഇവിടെ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ലഭ്യമാണ്. -എല്ലാ പാഠങ്ങളുടേയും ഒരു PDF ഫയൽ [ഇവിടെ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) ലഭ്യമാണ്. +## 🎒 മറ്റു കോഴ്‌സുകൾ -## 🎒 മറ്റ് കോഴ്സുകൾ -നമ്മളുടെ സംഘം മറ്റ് കോഴ്സുകളും നിർമ്മിക്കുന്നു! പരിശോധിക്കുക: +ഞങ്ങളുടെ ടീം മറ്റു കോഴ്‌സുകളും ഒരുക്കുന്നു! പരിശോധിക്കുക: ### LangChain [![LangChain4j for Beginners](https://img.shields.io/badge/LangChain4j%20for%20Beginners-22C55E?style=for-the-badge&&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchain4j-for-beginners) [![LangChain.js for Beginners](https://img.shields.io/badge/LangChain.js%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin) - +[![LangChain for Beginners](https://img.shields.io/badge/LangChain%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=0553D6)](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin) --- -### Azure / Edge / MCP / Agents +### Azure / Edge / MCP / ഏജന്റുകൾ [![AZD for Beginners](https://img.shields.io/badge/AZD%20for%20Beginners-0078D4?style=for-the-badge&labelColor=E5E7EB&color=0078D4)](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst) [![Edge AI for Beginners](https://img.shields.io/badge/Edge%20AI%20for%20Beginners-00B8E4?style=for-the-badge&labelColor=E5E7EB&color=00B8E4)](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst) [![MCP for Beginners](https://img.shields.io/badge/MCP%20for%20Beginners-009688?style=for-the-badge&labelColor=E5E7EB&color=009688)](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst) [![AI Agents for Beginners](https://img.shields.io/badge/AI%20Agents%20for%20Beginners-00C49A?style=for-the-badge&labelColor=E5E7EB&color=00C49A)](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst) --- - -### Generative AI Series + +### ജനറേറ്റീവ് AI സീരീസ് [![Generative AI for Beginners](https://img.shields.io/badge/Generative%20AI%20for%20Beginners-8B5CF6?style=for-the-badge&labelColor=E5E7EB&color=8B5CF6)](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst) [![Generative AI (.NET)](https://img.shields.io/badge/Generative%20AI%20(.NET)-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst) [![Generative AI (Java)](https://img.shields.io/badge/Generative%20AI%20(Java)-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst) [![Generative AI (JavaScript)](https://img.shields.io/badge/Generative%20AI%20(JavaScript)-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst) --- - -### Core Learning + +### കോർ ലേണിങ് [![ML for Beginners](https://img.shields.io/badge/ML%20for%20Beginners-22C55E?style=for-the-badge&labelColor=E5E7EB&color=22C55E)](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst) [![Data Science for Beginners](https://img.shields.io/badge/Data%20Science%20for%20Beginners-84CC16?style=for-the-badge&labelColor=E5E7EB&color=84CC16)](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst) [![AI for Beginners](https://img.shields.io/badge/AI%20for%20Beginners-A3E635?style=for-the-badge&labelColor=E5E7EB&color=A3E635)](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst) @@ -239,30 +251,30 @@ Azure AI Foundry Discord കമ്മ്യൂണിറ്റിയിൽ ചേ [![XR Development for Beginners](https://img.shields.io/badge/XR%20Development%20for%20Beginners-38BDF8?style=for-the-badge&labelColor=E5E7EB&color=38BDF8)](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst) --- - -### Copilot Series + +### കോപൈലറ്റ് സീരീസ് [![Copilot for AI Paired Programming](https://img.shields.io/badge/Copilot%20for%20AI%20Paired%20Programming-FACC15?style=for-the-badge&labelColor=E5E7EB&color=FACC15)](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst) [![Copilot for C#/.NET](https://img.shields.io/badge/Copilot%20for%20C%23/.NET-FBBF24?style=for-the-badge&labelColor=E5E7EB&color=FBBF24)](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst) [![Copilot Adventure](https://img.shields.io/badge/Copilot%20Adventure-FDE68A?style=for-the-badge&labelColor=E5E7EB&color=FDE68A)](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst) -## സഹായം നേടുക +## സഹായം ലഭിക്കേണ്ടത് എങ്ങനെ -നിങ്ങൾ കുടുങ്ങിയോ AI ആപ്ലിക്കേഷനുകൾ നിർമ്മിക്കുമ്പോൾ എന്തെങ്കിലും ചോദ്യങ്ങളുണ്ടാകിയോ ചെയ്തത് ആണെങ്കിൽ. MCP സംബന്ധിച്ചുള്ള ചർച്ചകളിൽ അനുഭവമുള്ള ഡെവലപ്പർമാരും പഠനാർത്ഥികളും ചേർന്ന് ചർച്ചകളിൽ പങ്കുചേരുക. ചോദ്യങ്ങൾക്ക് സ്വാഗതം ഉള്ള, അറിവ് സ്വതന്ത്രമായി പങ്കുവെക്കുന്ന ഒരു പിന്തുണയുള്ള സമൂഹമാണ് ഇത്. +AI ആപ്പുകൾ നിർമ്മിക്കുന്നതിനിടയിൽ നിങ്ങള്ക്ക് പ്രശ്നമുണ്ടെങ്കിൽ അല്ലെങ്കിൽ ഏതെങ്കിലും ചോദ്യം ഉണ്ടെങ്കിൽ MCP-യെ കുറിച്ച് fellow learners ഉം അനുഭവസമ്പന്നരായ ഡെവലപ്പർമാരും കൂടിയുള്ള ചർച്ചകളിൽ ചേരുക. ഇത് ഒരു പിന്തുണയുള്ള സമൂഹമാണ്, അവിടെ ചോദ്യങ്ങൾ സ്വാഗതികരിക്കുന്നതും അറിവ് സ്വേച്ഛയാകമായി പങ്കു വെയ്ക്കപ്പെടുന്നതുമാണ്. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -നിങ്ങൾക്ക് ഉൽപ്പന്ന ഫീഡ്ബാക്കോ നിർമ്മాణത്തിനിടെ സംഭവിക്കുന്ന പിഴവുകളോ ഉണ്ടായാൽ സന്ദർശിക്കുക: +ഉൽപ്പന്ന ഫീഡ്‌ബാക്ക് അല്ലെങ്കിൽ എങ്ങനെ പിഴവുകൾ സംഭവിച്ചിട്ടുണ്ടോ എന്നുള്ള വിവരം നൽകേണ്ടത്: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) -## അനുമതി +## ലൈസൻസ് -ഈ റെപ്പോസിറ്ററി MIT ലൈസൻസിനുള്ളടിയാണ്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ നോക്കുക. +ഈ റിപോസിറ്ററി MIT ലൈസൻസ് പ്രകാരമാണ് ലൈസൻസു ചെയ്തിരിക്കുന്നത്. കൂടുതൽ വിവരങ്ങൾക്ക് [LICENSE](../../LICENSE) ഫയൽ കാണുക. --- -**അക്കൗണ്ടബിലിറ്റി**: -ഈ ഡോക്യുമെന്റ് AI വിവർത്തനസേവനമായ [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനം ചെയ്തതാണ്. എങ്കിലും നാം ശരിയായി വിവർത്തനം ചെയ്യാൻ ശ്രമിക്കുന്നുവെങ്കിലും, യാന്ത്രിക വിവർത്തനങ്ങളിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാവുന്നതാണ്. ഇതിന്റെ മൗലിക ഭാഷയിലുള്ള പ്രമാണം ഔദ്യോഗിക സ്രോതസ്സ് ആയി കണക്കാക്കിയിരിക്കണം. നിർണ്ണായക വിവരങ്ങൾക്ക് പ്രൊഫഷണൽ മനുഷ്യൻ നൽകുന്ന വിവർത്തനം അഭ്യർത്ഥിക്കപ്പെടുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചതിൽ നിന്നുള്ള ഏതെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനഭ്രംശങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദികളല്ല. +**പ്രതിജ്ഞാപത്രം**: +ഈ രേഖ AI വിവർത്തന സേവനം [കോ-ഓപ്പ് ട്രാൻസ്ലേറ്റർ](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് വിവർത്തനംചെയ്തതാണ്. ഞങ്ങൾ ശരീയം അനുവദിക്കാൻ ശ്രമിച്ചേക്കുമ്പോഴും, ഓട്ടോമേറ്റഡ് വിവർത്തനങ്ങളിൽ പിശകുകളും അസാധുതകളും ഉണ്ടായിരിക്കാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. മാതൃഭാഷത്തിലുള്ള ആസലിൾ രേഖ കൃത്യമായ ഉറവിടമായി പരിഗണിക്കേണ്ടതാണ്. നിർണായക വിവരങ്ങൾക്കായി, പ്രൊഫഷണൽ മാനവ വിവർത്തനം ശുപാർശ ചെയ്യുന്നു. ഈ വിവർത്തനം ഉപയോഗിച്ചുള്ള തെറ്റിദ്ധാരണകൾക്കും വ്യാഖ്യാനകാര്യങ്ങൾക്കും ഞങ്ങൾ ഉത്തരവാദിത്വം ബാധകമല്ല. \ No newline at end of file diff --git a/translations/ml/Roadmap.md b/translations/ml/Roadmap.md new file mode 100644 index 000000000..d3c4bce23 --- /dev/null +++ b/translations/ml/Roadmap.md @@ -0,0 +1,53 @@ +# Microsoft's Web-Dev-For-Beginners റീപോസിറ്ററിയെ 위한 റോഡ്‌മാപ്പ് + +**ജാവാസ്ക്രിപ്റ്റ്, HTML, CSS എന്നിവയിൽ കേന്ദ്രിച്ചുകൊണ്ടുള്ള വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ പഠിക്കാനുള്ള റോഡ്‌മാപ്പ് ഈ റീപോസിറ്ററി ആണ് നൽകുന്നത്. പാഠ്യക്രമം ഫ്ലെക്സിബിള്‍ ആണ്, പരമാവധി 24 പാഠങ്ങളുള്ള 12 ആഴ്ചകളായി പൂർത്തിയാക്കാം.** + +## പ്രധാന മൈൽസ്‌റ്റോണുകൾ + +* **ആഴ്ചകൾ 1-3:** + * പ്രോഗ്രാമിംഗ് ഭാഷകളും ഉപകരണങ്ങളും പരിചയം + * GitHub അടിസ്ഥാനങ്ങൾ + * ആക്‌സസിബിലിറ്റി + * JS അടിസ്ഥാനങ്ങൾ: ഡേറ്റ ടൈപ്പുകൾ, ഫംഗ്ഷനുകൾ, മെത്തഡുകൾ + * JS ഉപയോഗിച്ച് തീരുമാനങ്ങൾ എടുക്കൽ +* **ആഴ്ചകൾ 4-6:** + * അരേയും ലൂപ്പുകളും + * ടെറേറിയം: HTML പ്രായോഗികം + * CSS പ്രായോഗികം + * ജാവാസ്ക്രിപ്റ്റ് ക്ലോഷറുകൾ + * DOM മാറ്റങ്ങൾ +* **ആഴ്ചകൾ 7-9:** + * ടൈപ്പിംഗ് ഗെയിം: ഇവന്റ്-ഡ്രിവൻ പ്രോഗ്രാമിംഗ് + * ഗ്രീൻ ബ്രൗസർ എക്സ്റ്റൻഷൻ: ബ്രൗസറുകളുമായി പ്രവർത്തനം + * ഫോം നിർമ്മാണം, API വിളിപ്പ്, ലോക്കൽ സ്റ്റോറേജിൽ വേരിയബിൾ സൂക്ഷിക്കൽ + * ബ്രൗസറിലുള്ള പശ്ചാത്തല പ്രക്രിയകൾ + * വെബ് പ്രവർത്തനക്ഷമത +* **ആഴ്ചകൾ 10-12:** + * സ്‌പേസ് ഗെയിം: ജാവാസ്ക്രിപ്റ്റിൽ കൂടുതൽ മുന്നേറ്റ ഗെയിം ഡെവലപ്പ്മെന്റ് + * ക്യാനവാസിൽ ഡ്രോയിംഗ് + * സ്ക്രീനിലെ ഘടകങ്ങൾ ചലിപ്പിക്കൽ + * കൂട്ടിയിടിപ്പു കണ്ടെത്തൽ + * സ്കോർ സൂക്ഷിക്കൽ, ഗെയിം അവസാനിപ്പിക്കൽ, പുനരാരംഭിക്കൽ + * ബാങ്കിംഗ് ആപ്പ്: വെബ് ആപ്പിൽ HTML ടെംപ്ലേറ്റുകളും റൂട്ടുകളും + * ലോഗിൻ, രജിസ്ട്രേഷൻ ഫോം നിർമ്മാണം + * ഡാറ്റ ഫെച്ചിംഗും ഉപയോഗവും + * സ്റ്റേറ്റ് മേനേജ്മെന്റ് ആശയങ്ങൾ + +## പഠന ഫലങ്ങൾ + +**ഈ റോഡ്‌മാപ്പ് പൂർത്തിയാക്കുമ്പോൾ, വിദ്യാർത്ഥികൾ ടൈപ്പിംഗ് ഗെയിം, വെർച്വൽ ടെറേറിയം, പരിസ്ഥിതി സൗഹൃദ ബ്രൗസർ എക്സ്റ്റൻഷൻ, സ്‌പേസ് ഇൻവേഡർ ശൈലി ഗെയിം, ബിസിനസ് ബാങ്കിംഗ് ആപ്പ് എന്നിവയുടെ ഹാൻഡ്‌സ്ഒൺ അനുഭവം നേടും. കൂടാതെ വെബ് ഡെവലപ്പ്മെന്റ് അടിസ്ഥാനങ്ങൾ ദൃഢമായി മനസ്സിലാക്കും.** + +## അധിക വിഭവങ്ങൾ + +* കൂടുതൽ പഠനത്തിന് തറവാട്ട് വിഭവങ്ങളായ ട്യൂട്ടോറിയലുകൾ, കോഡ് ഉദാഹരണങ്ങൾ, ചാലഞ്ചുകൾ എന്നിവ ഈ റീപോസിറ്ററി നൽകുന്നു. +* മൈക്രോസോഫ്റ്റ് ലേൺ പ്ലാറ്റ്ഫോം വിവിധ വെബ് ഡെവലപ്പ്മെന്റ് കോഴ്സുകളും പഠന പാതകളും ഉണ്ട്. +* സ്റ്റാക്ക് ഓവർഫ്ലോ, MDN വെബ് ഡോക്സ് പോലുള്ള ഓൺലൈൻ സമുദായങ്ങൾ വെബ് ഡെവലപ്പർമാർക്കുള്ള വിലപ്പെട്ട പിന്തുണയും വിഭവങ്ങളും നൽകുന്നു. + +**ജൊസ്‌ക്ക്രിപ്റ്റ് പഠന യാത്രയിൽ ഈ റോഡ്‌മാപ്പ് നിങ്ങളെ സഹായിക്കുമെന്ന് ആശംസിക്കുന്നു!** + +--- + + +**ഡിസ്ക്ലെയിമർ**: +ഈ രേഖ AI പരിഭാഷ സേവനം [Co-op Translator](https://github.com/Azure/co-op-translator) ഉപയോഗിച്ച് പരിഭാഷ ചെയ്തതാണ്. ഞങ്ങൾ കൃത്യതയ്ക്ക് ശ്രമിച്ചിട്ടും, ഓട്ടോമേറ്റഡ് പരിഭാഷയിൽ പിശകുകൾ അല്ലെങ്കിൽ തെറ്റായ വിവരങ്ങൾ ഉണ്ടാകാമെന്ന് ദയവായി ശ്രദ്ധിക്കുക. നാടിന്റെ ഭാഷയിലെ പ്രഥമ രേഖ ആധികാരിക സ്രോതസായി പരിഗണിക്കപ്പെടണം. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക്, പ്രൊഫഷണൽ മനുഷ്യൻ നടത്തിയ പരിഭാഷ ശുപാർശ ചെയ്യുന്നു. ഈ പരിഭാഷ ഉപയോഗിച്ചുള്ള എന്തെങ്കിലും തെറ്റിദ്ധാരണകൾക്കും പിഴവുകളുമായി ബന്ധപ്പെട്ട് ഞങ്ങൾ ഉത്തരവാദിത്വമില്ല. + \ No newline at end of file diff --git a/translations/te/.co-op-translator.json b/translations/te/.co-op-translator.json index ef63d582b..b250183c1 100644 --- a/translations/te/.co-op-translator.json +++ b/translations/te/.co-op-translator.json @@ -1,7 +1,7 @@ { "1-getting-started-lessons/1-intro-to-programming-languages/README.md": { - "original_hash": "d45ddcc54eb9232a76d08328b09d792e", - "translation_date": "2026-01-08T20:04:20+00:00", + "original_hash": "bec5e35642176d9e483552bfc82996d8", + "translation_date": "2026-03-06T14:01:40+00:00", "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md", "language_code": "te" }, @@ -493,7 +493,7 @@ }, "AGENTS.md": { "original_hash": "a362efd06d64d4134a0cfe8515a86d34", - "translation_date": "2026-02-06T19:12:29+00:00", + "translation_date": "2026-03-06T14:22:58+00:00", "source_file": "AGENTS.md", "language_code": "te" }, @@ -516,8 +516,8 @@ "language_code": "te" }, "README.md": { - "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc", - "translation_date": "2026-02-06T19:08:29+00:00", + "original_hash": "a2c9eed480687319517c08a6319e5536", + "translation_date": "2026-03-06T13:56:49+00:00", "source_file": "README.md", "language_code": "te" }, diff --git a/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md index c89570855..e7dcbee36 100644 --- a/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -1,15 +1,15 @@ # ప్రోగ్రామింగ్ భాషల పరిచయం మరియు ఆధునిక డెవలపర్ టూల్స్ -అరేరా, భవిష్యత్ డెవలపర్! 👋 నేను ప్రతి రోజు నాకు గడిచేప్పుడు చలికాలం తలెత్తించే ఒక విషయం చెప్పనా? మీరు కనుగొనబోతున్నారు ప్రోగ్రామింగ్ కేవలం కంప్యూటర్ల గురించినది కాదు – అది మీ అద్భుతమైన ఆలోచనలను సజీవం చేసే నిజమైన సూపర్ పవర్స్ గురించి! +హాయ్, భవిష్యత్తులో డెవలపర్! 👋 నేను ప్రతిరోజూ నాకు చిందుతున్న ఒక విషయం చెప్పనా? మీరు ప్రోగ్రామింగ్ అనేది కంప్యూటర్ల గురించి మాత్రమే కాదు – మీ అద్భుతమైన ఆలోచనలను నిజం చేయడానికి అందమైన సూపర్‌పవర్స్ కలిగి ఉండటం అన్న విషయాన్ని ఇప్పుడే కనుగొంటున్నారు! -మీరు మీ ఇష్టమైన యాప్ ఉపయోగిస్తున్నప్పుడు ఆ క్షణం గుర్తుందా? మీరు ఒక బటన్ నొక్కగానే ఏదైనా అసాధారణమయిన వింత జరిగింది అని అనిపించే క్షణం, మీరు "వావ్, వారు అది ఎలా చేశారు?" అని ఆలోచించేది. సరే, మీరు లాంటివారు ఒకరు – కావచ్చు వారి ఇష్టమైన కాఫీ షాపులో రాత్రి 2 గంటలకు మూడవ ఎస్ప్రెస్‌తో కూర్చొని – ఆ వింత సృష్టించిన కోడ్‌ను రాయడం జరిగింది. మరియు ఇది మీ మస్తిష్కాన్ని పేలుస్తుంది: ఈ పాఠం ముగింపు వరకు, వారు ఎలా చేశారో అర్థం చేసుకోవడమే కాక, మీరు దాన్ని ప్రయత్నించాలని చలిస్తున్నాడు! +మీకు ఇష్టమైన యాప్ ఉపయోగిస్తున్నప్పుడు ఆ మధుర క్షణం గుర్తుందా? మీరు ఒక బటన్ ట్యాప్ చేసినప్పుడు ఏదో అద్భుతమైనది జరుగుతుంది మరియు మీరు "వావ్, ఇది ఎలా చేశారు?" అని ఆశ్చర్యపోతారు? సరే, మీరు లాగా ఒకరు – ఎగువగానే తృतीय ఎస్ప్రెస్సోతో 2 AM గడిపి ఉన్నారు – ఆ మాంత్రిక code ను రాశారు. ఈ పాఠం ముగిసే సమయానికి మీరు కేవలం వారు ఎలా చేసారో అర్థం చేసుకోకుండా కాకుండా, మీరు కూడా ప్రయత్నించాలనే ఆసక్తి కలుగుతుంది! -చూడండి, ప్రోగ్రామింగ్ ఇప్పుడు మీరు భయంగా అనిపించినట్లైనా నాకు బాగా తెలుసు. నేను మొదలు పెట్టినప్పుడు నిజంగా నేను అనుకున్నాను మీరు గణితగురు గారికీ ఐదేళ్ల వయస్సు నుండి కోడింగ్ చేస్తుందనుకున్నాను. కానీ నాకు నా దృష్టిని పూర్తిగా మార్చిన విషయం ఇది: ప్రోగ్రామింగ్ అంటే కొత్త భాషలో సంభాషణ నేర్చుకోవడం లాంటిది. మీరు "హలో" మరియు "థాంక్ యూ" తో మొదలు పెడతారు, ఆ తర్వాత కాఫీ ఆర్డర్ చేయడానికీ చేరుకుంటారు, ఇంకా మీరు తెలుసకుండానే మీరంతా తాత్త్విక చర్చల్లో పాల్గొంటున్నారు! కానీ ఇక్కడ మీరు కంప్యూటర్లతో సంభాషిస్తున్నారు, నిజంగా వాళ్లు మీరు చేసిన పొరపాట్లను ఎప్పుడూ న్యాయించరు మరియు మళ్లీ ప్రయత్నించడానికి ఎప్పుడూ ఉత్సాహంగా ఉంటారు! +ప్రోగ్రామింగ్ ప్రారంభంలో భయంకरంగా అనిపిస్తే నేను పూర్తిగా అర్థం చేసుకుంటాను. నేను మొదట ప్రారంభించినప్పుడు, మీరు గణితం లో అద్భుత దిగ్గజంగా ఉండాలి లేదా ఐదేళ్ల వయసులోనే కోడింగ్ చేస్తున్నట్టు అనుకున్నాను. కాని ఈది నా దృష్టిని పూర్తిగా మార్చింది: ప్రోగ్రామింగ్ అంటే కొత్త భాషలో సంభాషణలు నేర్చుకోవడం లాగే. మీరు "హలో" మరియు "థాంక్ యు" తో మొదలుపెడతారు, తరువాత కాఫీ ఆర్డర్ చేయడం నేర్చుకుంటారు, మరియు తర్వత మీరు లోతైన తత్వ చర్చలు చేస్తున్నారు! అయితే ఈ సారి మీరు కంప్యూటర్లతో మాట్లాడుతున్నారు, అవి అత్యంత సహనశీల సంభాషణ భాగస్వాములు – మీ తప్పులను ఎప్పుడూ తీర్చిదిద్దవు మరియు ప్రతి సారి ప్రయత్నించడానికి ఉత్సాహంగా ఉంటాయి! -ఈ రోజు, ఆధునిక వెబ్ డెవలప్మెంట్‌ను సాధ్యం చేసే అత్యద్భుతమైన టూల్స్ ని పరిశీలించబోతున్నాము, ఇవి చాలా ఇబ్బందిదాయకం కాకుండా అలూజిపోతాయి. నేను చెబుతున్నది Netflix, Spotify మరియు మీ ఇష్టమైన ఇండి యాప్ స్టూడియోలో డెవలపర్లు ప్రతిరోజు ఉపయోగించే అదే ఎడిటర్లు, బ్రౌజర్లు మరియు వర్క్‌ఫ్లోలు. మరియు ఇది మీకు సంతోష డ్యాన్స్ చేయించే భాగం: ఈ మోస్ట్ ప్రొఫెషనల్ గ్రేడ్, ఇండస్ట్రీ-స్టాండర్డ్ టూల్స్ చాలా కాలిగా ఉచితం! +ఈరోజు, ఆధునిక వెబ్ డెవలప్‌మెంట్‌ను మాత్రమే సాధ్యముగా కాకుండా చాలా మనోహరంగా చేసే అద్భుతమైన టూల్స్ చూడబోతున్నాం. నేను మాట్లాడుతున్నది Netflix, Spotify, మరియు మీ ఇష్టమైన ఇండీ యాప్ స్టూడియో డెవలపర్లు ప్రతి రోజూ ఉపయోగించే సరిగ్గా అదే ఎడిటర్ల, బ్రౌజర్ల, మరియు వర్క్‌ఫ్లోలను గురించి. ఈ న్యూస్ మీరు సంతోషంగా డాన్స్ పెట్టించేదిగా ఉంటుంది: ఈ ప్రొఫెషనల్-గ్రేడ్, ఇండస్ట్రీ-స్టాండర్డ్ టూల్స్ ఎక్కువ భాగం పూర్తిగా ఉచితం! ![Intro Programming](../../../../translated_images/te/webdev101-programming.d6e3f98e61ac4bff.webp) -> స్కెచ్‌నోట్ [Tomomi Imura](https://twitter.com/girlie_mac) రూపొందించారు +> స్కెచ్‌నోట్ [Tomomi Imura](https://twitter.com/girlie_mac) చేత ```mermaid journey @@ -17,81 +17,80 @@ journey section కనుగొనండి ప్రోగ్రామింగ్ అంటే ఏమిటి: 5: You ప్రోగ్రామింగ్ భాషలు: 4: You - సాధనాల అవలోకనం: 5: You - section అన్వేషించు + టూల్స్ అవలోకనం: 5: You + section అన్వేషించండి కోడ్ ఎడిటర్లు: 4: You బ్రౌజర్లు & డెవ్‌టూల్స్: 5: You కమాండ్ లైన్: 3: You - section సాధన - భాష డిటెక్టివ్: 4: You - సాధన అన్వేషణ: 5: You - సముదాయ సంబంధం: 5: You + section అభ్యసనము + భాష గూఢచరుడు: 4: You + టూల్ అన్వేషణ: 5: You + సంఘ అనుసంధానం: 5: You ``` -## మీరు ఇప్పటికే ఏమి తెలుసుకున్నారో చూద్దాం! +## మీరు ఇప్పటివరకు ఏమి తెలుసుకున్నారో చూద్దాం! -మనం రसंభరించడానికి ముందే, ఈ ప్రోగ్రామింగ్ ప్రపంచం గురించి మీరు ఇప్పటికే ఏమి తెలుసుకున్నారో నేను ఆసక్తిగా ఉన్నాను. మరియు వినండి, మీరు ఈ ప్రశ్నలను చూస్తూ "నేను అసలే ఏమీ తెలియలేదు" అని అనుకుంటే అది సకలంగా, అది పరిపూర్ణం! అంటే మీరు పూర్తిగా సరైన ప్రదేశంలో ఉన్నారు. ఈ క్విజ్ ని వ్యాయామం ముందు సన్నాహకంగా భావించండి – మనం మన మెదడ్ను మాత్రమే వేడి చేసుకొంటున్నాము! +ఆనందమైన విషయానికి ముందు పడకానికి ముందే, మీరు ప్రోగ్రామింగ్ ప్రపంచం గురించి ఇప్పటివరకు ఏమి తెలుసుకున్నారు అంటే ఆ విషయం నాకు ఆరాటంగా ఉంది! ఈ ప్రశ్నలను చూస్తూ "నాకు వీటిపై ఒకటే తెలియదు" అనని అనుకుంటున్నట్లయితే అది క్షమించదగ్గ విషయం కాదు, అది అసలు సరైన స్థలంలో ఉన్నారు అన్నది! ఈ క్విజ్‌ని వ్యాయామానికి ముందు స్ట్రెచింగ్ లాగా భావించండి – మనం మన మెదడు కండరాలను వెచ్చబెడుతున్నారు! -[పూర్వ పాఠం క్విజ్ చేయండి](https://forms.office.com/r/dru4TE0U9n?origin=lprLink) +[ప్రీ-లెసన్ క్విజ్ తీసుకోండి](https://ff-quizzes.netlify.app/web/) +## మనం కలిసి చేయబోయే సాహసం -## మనం కలిసి ప్రయాణించబోతున్న సాహసం +సరే, ఈ రోజు మనం యేమి తెలుసుకోబోతున్నామో నేను నిజంగా ఉత్సాహంగా ఉన్నాను! నిజంగా, కొన్ని కాన్సెప్ట్‌లు క్లిక్ అయినప్పుడు మీ ముఖాన్ని చూడగలిగితే ఎంత సంతోషంగా ఉండేది! మనం చేయబోయే అద్భుత ప్రయాణం ఈ క్రింద ఉంది: -బాగుంది, ఈ రోజు మనం ఏమి అన్వేషించబోతున్నామో నేను నిజమనస్ఫూర్తితో ఉత్సాహంగా ఉన్నాను! నిజంగా, కొంతమంది కాన్సెప్ట్లు మీరు అర్థం చేసుకున్నప్పుడు మీ ముఖం చూడాలని నేను కోరుకుంటున్నాను. ఇక్కడ మనం కలిసి చేసే అద్భుతమైన ప్రయాణం: +- **ప్రోగ్రామింగ్ అంటే ఏమిటి (మరి అది ఎందుకు అద్భుతమైనది!)** – కోడ్ అనేది అందులో ఉన్న అజ్ఞాత మాయాజాలం, అది మీరు చుట్టూ ఉన్న ప్రతిదాన్ని, సోమవారం ఉదయం తెలుసుకునే అలారమ్ నుండి మీ Netflix సిఫార్సులను పరిపూర్ణంగా చేర్చుకునే ఆల్గారిథం వరకు శక్తివంతంగా నడిపిస్తుంది +- **ప్రోగ్రామింగ్ భాషలు మరియు అవి కలిగిన ఆశ్చర్యకరమైన వ్యక్తిత్వాలు** – ప్రతి వ్యక్తి వేరే సూపర్‌పవర్స్ మరియు సమస్యలు పరిష్కరించే నైపుణ్యాలు కలిగి ఉన్న పార్టీకి మీరు వెళ్ళిపోయినట్టు ఊహించండి. ప్రోగ్రామింగ్ భాషల ప్రపంచం కూడా అదే విధంగా ఉంటుంది, వాటిని కలవడం మీరు ఇష్టపడతారు! +- **డిజిటల్ మాంత్రికతను సాధించే ప్రాథమిక నిర్మాణాలు** – వీటిని అతి సృజనాత్మక LEGO సెట్ లాగా భావించండి. ఈ పీసులు ఎలా ఒకటొకటిగా చేరాలని అర్థం చేసుకున్నప్పుడు, మీరు మీ కలల రూపంలో ఏదైనా నిర్మించవచ్చు +- **పరిచయ వంతమైన వనరులు, వార్డాని మీరు కప్పుకుని ఉన్నట్లుగా అనిపిస్తుంటాయి** – నేను డ్రామాటిక్ కాదు – ఈ టూల్స్ నిజంగా మీరు సూపర్పవర్స్ కలిగి ఉన్నట్టు అనిపిస్తాయి, ఇంకా మంచి విషయం ఏంటంటే? ఇవి ప్రొఫెషనల్స్ ఉపయోగించే టూల్స్! -- **ప్రోగ్రామింగ్ అంటే ఏమిటి (మరియు ఇది ఎందుకు అతి ఫఫ్ coolest విషయం!)** – కోడ్ అనేది మీ చుట్టూ ఉన్న ప్రతిదీ నిర్వహించుకునే కనువిప్పుగా కూడానపుడు కనిపించని మాంత్రిక శక్తి అని మనం కనుగొంటాం, సోమవారం ఉదయం అని తెలిసి అలారం, లేదా మీ Netflix ప్రతిపాదనలు చూసి సరైన ఆ గమనాన్ని మార్చిన అల్గోరిథం వరకు -- **ప్రోగ్రామింగ్ భాషలు మరియు వాటి అద్భుతమైన వ్యక్తిత్వాలు** – ప్రతి వ్యక్తి విభిన్న సూపర్ పవర్స్ మరియు సమస్యల పరిష్కార మార్గాలను కలిగి ఉండే పార్టీకి మీరు భారీగా అడుగుపెడుతున్నారని ఊహించండి. అదే ప్రోగ్రామింగ్ భాషల ప్రపంచం, మరియు మీరు వాటిని కలవడం ఆనందిస్తారు! -- **డిజిటల్ మాంత్రికత్వం జరగడానికి ప్రాథమిక నిర్మాణ బ్లాక్‌లు** – ఈ భాగాలు అత్యుత్తమ సృష్టిశక్తివంతమైన LEGO సెట్ల లాంటివి. మీరు ఇవి ఎలా కలిసిపోతాయో అర్థం చేసుకున్నప్పుడు, మీరు మీ ఊహాతీత కలలను నిజం చేసుకోవచ్చు -- **ప్రొఫెషనల్ టూల్స్ – వాటిని పట్టు కోరిన తర్వాత మీరు వుద్దుమంతుడు చేతికి కొచ్చిన మంత్రదండంతో ఉన్నట్టు అనిపిస్తాయి** – నేను డ్రామా చేస్తున్నట్లు కాదు – ఈ టూల్స్ నిజంగా మీరు సూపర్ శక్తులతో ఉన్నట్టు అనిపిస్తాయి, మరియు ఉత్తమ భాగం? ఇవి ప్రొఫెషనల్స్ ఉపయోగించే వాటే! +> 💡 **ఇది తెలుసుకోండి**: ఈరోజు ప్రతిదీ జ్ఞాపకంలో ఉంచుకోవడానికి వెసులుబాటు చేయరు అవుతుందని అనుకోవద్దు! ఇప్పుడిప్పుడు, మీరు వీటి గురించి ఆసక్తితో ఉండడమే కావాలి. వివరాలు సహజంగానే మనం కలిసి ప్రాక్టీస్ చేసినప్పుడు చురుకుగా గుర్తుండిపోగా ఉంటాయి – అటువంటి రియల్ లెర్నింగ్ అవుతుంది! -> 💡 **ముందుగా भन्नెం**: ఈ రోజు అన్నింటినీ మీ మెమరీలో పెట్టుకునేందుకు యత్నించకండి! ఇప్పడు సరదాగా ఏం సాధ్యమో అందులో ఆ స్ఫూర్తిని మీరు పొందండి. వివరాలు సహజంగానే మాన్నిసులతో సాధన చేస్తూ నిలబడతాయి – ఇదే నిజమైన విద్య! +> మీరు ఈ పాఠాన్ని [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) లో కూడా తీసుకోవచ్చు! -> మీరు ఈ పాఠాన్ని [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon) లో తీసుకోవచ్చు! +## ప్రోగ్రామింగ్ అంటే ఏమిటి? -## కాబట్టి *ప్రోగ్రామింగ్* అంటే నిజంగా ఏమిటి? +సరే, ఈ మిలియన్ డాలర్ ప్రశ్నను పరిష్కరిద్దాం: ప్రోగ్రామింగ్ అంటే ఏమిటి? -సరే, మిలియన్ డాలర్ల ప్రశ్నను చేధిద్దాం: ప్రోగ్రామింగ్ అంటే నిజంగా ఏమిటి? +ఈ అంశాన్ని అర్థం చేసుకోవడానికి నాకు జీవితాన్ని మార్చిన ఒక కథ చెప్పేస్తాను. గత వారం నేను మా అమ్మకి కొత్త స్మార్ట్ TV రిమోట్‌ను ఎలా ఉపయోగించాలో వివరిస్తుంటే అని ఊహించండి. నేను చెప్పింది "ఎరుపు బటన్ నొక్కుకో, కానీ పెద్ద ఎరుపు బటన్ కాదు, ఎడమవైపు చిన్న ఎరుపు బటన్... కాదు, మీ మరో ఎడమవైపు... ఓ హే, ఇప్పుడు ఆ బటన్‌ని రెండుసెకన్లు పట్టుకో, ఒకటి కాదు, మూడు కాదు..." చెప్పటం మొదలైంది. అదేమీ మీకు తెలిసిపోతుందా? 😅 -నేను చెప్పబోతున్నది ఒక కథ, ఇది నా ఆలోచనను పూర్తిగా మార్చింది. గత వారం, నేను మా స్మార్ట్ TV రిమోట్ ఎలా ఉపయోగించాలో మా అమ్మకు వివరించడానికి ప్రయత్నిస్తున్నాను. నేను "ఎరుపు బటన్ను నొక్కండి, కానీ పెద్ద ఎరుపు బటన్ కాదు, వలపు వైపు చిన్న ఎరుపు బటన్... కాదు, మీ మరొక వలపు... సరే, ఇప్పుడు ఆ బటన్ను రెండు సెకన్ల పాటు పట్టుకోండి, ఒక్క సెకనుకాదు, మూడు సెకన్లకు కాదు..." అని చెప్పుకున్నాను. ఇది మరొకరికి ఇదే అనిపిస్తే? 😅 +దేన్నంటే అదే ప్రోగ్రామింగ్! ఇది చాలా శక్తివంతమైన వస్తువుకు సవివరమైన దశల వారీగా ఆదేశాలను ఇచ్చే కళ. మీరు మీ అమ్మకి వివరిస్తున్నట్టు కాదు ("ఏ ఎరుపు బటన్?!" అని అడగగలదు), మీరు కంప్యూటర్‌ని అలాగే వివరిస్తున్నారు (కంప్యూటర్ మీరు చెప్పినట్లు సరిగ్గా చేస్తుంది, మీరు చెప్పినది మీరు ఉద్దేశించినదాని కంటే వేరే అయినా). -అదే ప్రోగ్రామింగ్! ఇది చాలా శక్తివంతమైన వస్తువుకు అత్యంత సమగ్రమైన, దశలవారీ ఆదేశాలను ఇచ్చే కళ. కానీ మీరు మీ అమ్మకు వివరిస్తున్నట్లుకాదు (వాళ్లకు "ఏ ఎరుపు బటన్?!" అని అడగటానికి అవకాశం ఉంది), మీరు కంప్యూటర్‌కు వివరిస్తున్నారని భావించండి (అది మీరు చెప్పినదానికే నిజంగా చేస్తుంది, మీరు భావించినది కాకపోయినా). +నేను మొదట ఇది నేర్చుకున్నపుడు నా మనసును ఆశ్చర్యంతో నింపిన విషయం: కంప్యూటర్లు వాస్తవానికి బేసిక్ స్టేజ్ లో చాలా సరళమైనవి. అవి కేవలం రెండు విషయాలను మాత్రమే అర్థం చేసుకుంటాయి – 1 మరియు 0, అంటే "అవును" మరియు "కాదు" లేదా "ఆన్" మరియు "ఆఫ్." అంతే! కానీ మాయాజాలం వస్తుంది – మనం 1లు మరియు 0లు మాట్లాడాల్సిన అవసరం లేదు, మేమ్మాట్లాడటానికి ప్రోగ్రామింగ్ భాషలు ఉన్నాయి. అవి మీ సంపూర్ణ మానవ ఆలోచనలను కంప్యూటర్ భాషలోకి మారుస్తారనేది ప్రపంచంలోని అత్యుత్తమ అనువాదకుడిలా ఉంటాయి. -నేను మొదటిసారి తెలుసుకున్నప్పుడు నా మదిని పేల్చిన విషయం ఇది: కంప్యూటర్లు వాస్తవానికి చాలా సరళంగా ఉంటాయి. అవి కేవలం రెండింటిని మాత్రమే అర్థం చేసుకోగలవు – 1 మరియు 0, అంటే సరే మరియు కాదు లేదా ఆన్ మరియు ఆఫ్. అంతే! కానీ ఇక్కడే మాంత్రికం సాగుతుంది – మేము 1లు మరియు 0లలో మాట్లాడాల్సిన అవసరం లేదు, మేము మెట్రిక్స్‌లో ఉన్నట్లుగా కాదు. అక్కడ **ప్రోగ్రామింగ్ భాషలు** ప్రేరేపిస్తాయి. అవి ప్రపంచంలో అత్యుత్తమ అనువాదకుల్లా ఉన్నాయి, అవి మీ సాధారణ మానవ ఆలోచనలను కంప్యూటర్ భాషలోకి మార్చేస్తాయి. +ఇంకా నేను ప్రతిరోజు ఉదయం నిద్రాలాలేముందు గందరగోళంలో పడిపోతున్నది: మీ జీవితం లో డిజిటల్ గా *ప్రతి* దాని ప్రారంభం ఎవరో మీలాంటి ఒకరితోనే మొదలైంది, కావున గాబ్రీన్ బట్టలు ధరించి కాఫీతో కోడ్ రాసేవారు. మీరు లేదా స్నేహితులతో బిల్లులు పంచుకోవడంలో సహాయం చేసే యాప్? ఆ అల్గోరిథం తయారు చేసిన డెవలపర్. నూతనమైన మీ ఇష్టమైన పాటకు మార్గం చూపిన సిఫార్సు? ఒక డెవలపర్ రూపొందించినది. "ఇది ఇబ్బంది" అని భావించి "దీనిని సరి చేసుకోవచ్చు" అనుకున్న ఒకరు ఆ పని చేశారు. -ఇప్పటికీ ప్రతి రోజు నాకు కదలిక చూపించే విషయం ఇది: మీ జీవితంలో ఉన్న అన్ని డిజిటల్ వస్తువులు ఎవరో మీరు లాంటి వారిచే ప్రారంభించబడ్డాయి, కాఫీ గ్లాస్‌తో పిజామాల్లో కూర్చొని తమ ల్యాప్టాప్‌లో కోడ్ టైప్ చేస్తూ. ఆ Instagram ఫిల్టర్ మీ అందమైన రూపాన్ని మలచింది? ఎవరో అది కోడ్ చేశారు. మీరు కొత్త ఇష్టమైన పాటకు దారితీసిన సూచన? ఒక డెవలపర్ ఆ అల్గోరిథాన్ని తయారుచేశాడు. మీ స్నేహితులతో డిన్నర్ బిల్లును భాగిస్తే సహాయం చేసే యాప్? అవును, ఎవరో "ఇది చికాకుగా ఉంది, నేను దీన్ను సరి చేసుకుంటాను" అని ఆలోచించి... తేడా చూపించారు! +మీరు ప్రోగ్రామ్ నేర్చుకుంటే, మీరు కేవలం కొత్త నైపుణ్యం నేర్చుకోవడం కాదు – మీరు సమస్యలను పరిష్కరించే అద్భుతమైన సమాజంలో భాగమయ్యారు, వారు ప్రతిరోజూ ఆలోచిస్తుంటారు, "ఏమైనా ఒకటి తయారుచేస్తే ఎవరైనా కొంత సంతోషపడతారు" అని. నిజంగా, అంతే చల్లగా ఏదైనా ఉందా? -మీరు ప్రోగ్రామ్ నేర్చుకుంటున్నప్పుడు, మీరు కేవలం కొత్త నైపుణ్యం నేర్చుకోకపోక, చాలా అద్భుతమైన స‌మ‌స్య‌ల ప‌రిష్కార‌కుల సమాజంలో భాగమవుతారు. వారు రోజువారీగా "నేను ఎవరో ఒకరి రోజు కొంచెం మెరుగుపర్చే ఏదైనా నిర్మిస్తే ఎలా ఉంటుంది?" అని ఆలోచిస్తారు. నిజంగా, అంతా కంటే కూలర్ ఏం ఉండాలి? +✅ **వినోద సమాచారాన్ని వెతకండి**: మీకు ఒక సన్నివేశంలో చూసేది ఈ అంశం – ప్రపంచంలో మొదటి కంప్యూటర్ ప్రోగ్రామర్ ఎవరు? నేను ఒక సూచన ఇస్తాను: మీరు ఊహించే వ్యక్తి కాకపోవచ్చు! ఆతన(ఆమె) వెనుక ఉన్న కథ చెలామణి సమస్యలను సృజనాత్మకంగా పరిష్కరించడం మరియు బయటి ఆలోచనలు చేసేవారిగా ప్రోగ్రామింగ్ ఎప్పుడూ ఉండిందని చూపుతుంది. -✅ **మంచి చిట్కా**: మీరు అల్ప సమయం ఉన్నపుడు చూస్తూ ఉండే ఒక అద్భుత విషయం – ప్రపంచంలో మొదటి కంప్యూటర్ ప్రోగ్రామర్ ఎవరో కనిపెట్టండి! నేను ఒక సూచన ఇస్తాను: మీరు ఊహించలేదు! ఆ వ్యక్తి వెనుక కథ అందంగా ఉంది మరియు ప్రోగ్రామింగ్ సృష్టాత్మక సమస్య పరిష్కారం మరియు స్థితి దాటి ఆలోచించడం ఎప్పుడూ ఎంత ప్రాధాన్యం ఉన్నదో చూపిస్తుంది. +### 🧠 **మరలోత్సాహం సమయం: మీరు ఎలా అనుభూతి చెందుతున్నారు?** -### 🧠 **చెక్-ఇన్ సమయం: మీరు ఎలా అనుభూతి చెందుతున్నారు?** - -**కొంత సమయం తీసుకుని ఆలోచించండి:** -- "కంప్యూటర్లకు ఆదేశాలు ఇవ్వడం" ఆలోచన ఇప్పుడు మీకు అర్థమైంది? -- రోజువారీ పని మీరు ప్రోగ్రామింగ్‌తో ఆటోమేట్ చేయాలని అనుకుంటున్నారా? -- ఈ మొత్తం ప్రోగ్రామింగ్ విషయం గురించి మీ మదిలో ఏమేమి ప్రశ్నలు ఉన్నాయంటే? +**ఒక క్షణం ఆలోచించండి:** +- "కంప్యూటర్లకు సూచనలు ఇవ్వడం" అర్థమవుతుందా? +- మీరు రోజువారీ పనిని ప్రోగ్రామింగ్ తో ఆటోమేట్ చేయాలనుకునే ఏదైనా ఉందా? +- ఈ ప్రోగ్రామింగ్ విషయం గురించి మీ మనసులో ఏ ప్రశ్నలు ఉన్నాయి? -> **గమనించండి**: కొన్నిసార్లు కొంత కాన్సెప్ట్లు తుమ్మాకు మాదిరిగా అనిపించవచ్చు. ప్రోగ్రామింగ్ నేర్చుకోవడం ఒక కొత్త భాష నేర్చుకోవడంలాంటిది – దిమ్మతిని ఆ నలుపు మార్గాలను నిర్మించడానికి సమయం పడుతుంది. మీరు అద్భుతంగా చేస్తున్నారు! +> **గురువుగా ఉండండి**: కొన్ని కాన్సెప్ట్‌లు ఇప్పుడు కొంత గందరగోళంగా అనిపించవచ్చు. ప్రోగ్రామింగ్ నేర్చుకోవడం కొత్త భాష నేర్చుకోవడం లాంటిదే – మన మెదడు ఆ న్యూరల్ మార్గాలను నిర్మించుకోవడానికి సమయం పడుతుంది. మీరు చాలా బాగున్నారు! -## ప్రోగ్రామింగ్ భాషలు వేర్వేరు రుచుల మాంత్రికత లాంటివి +## ప్రోగ్రామింగ్ భాషలు విభిన్న మాంత్రిక రుచుల్లా ఉంటాయి -సరే, ఇది కొంచెం విచిత్రంగా అనిపించవచ్చు, కానీ నాతో కలిసి ఉండండి – ప్రోగ్రామింగ్ భాషలు సంగీత రకాలు లాంటివి. మీరు ఆలోచించండి: జాజ్, ఇది నిగద మరియు ఆ Improvisational, రాక్ శక్తివంతమైనదిగా మరియు నేరుగా, క్లాసికల్ షైలీ ప్రకృతి మరియు నిర్మాణాత్మకంగా, హిప్-హాప్ సృజనాత్మకంగా మరియు వ్యక్తిగతంగా ఉంటుంది. ప్రతి శైలి తన స్వంత వాతావరణం, అభిమానం ఉన్న సమాజం కలిగి ఉంటుంది, మరియు ఒక్కొక్కటి వేరే వాతావరణానికి సరిపోయే అభిరుచికి సరిపోతుంది. +సరే, ఇది వింతగా వినబడవచ్చు, కానీ నా మాటకు యథార్థంగా ఉండండి – ప్రోగ్రామింగ్ భాషలు భిన్న సంగీత ప్రకారాల్లా ఉంటాయి. మీరు జాజ్ గురించి ఆలోచించండి, అది మృదువైన మరియు సాధారణమైనది, రాక్ శక్తివంతమైనది మరియు నేరుగా, క్లాసికల్ అందమైన మరియు నిర్మితమైనది, హిప్ హాప్ సృజనాత్మక మరియు వ్యక్తీకరణతో కూడుకున్నది. ప్రతి శైలి తన సొంత వాతావరణం, తన అభిమానుల సంఘం కలిగి ఉంటుంది, మరియు ప్రతి ఒక్కటి విభిన్న మూడ్స్ మరియు సందర్భాల కోసం సరిపోతుంది. -ప్రోగ్రామింగ్ భాషలు కూడా అదే విధంగా పనిచేస్తాయి! మీరు ఒక ఆనందకర మొబైల్ గేమ్‌ను నిర్మించడానికి జాబితా మౌలిక డేటాను చెక్ చేయడం కోసం భాష వాడరు, అలాగే మీరు యోగ క్లాసులో డెత్ మెటల్ ప్లే చేయరు (పైనన్నట్లు ఎక్కువగా యోగ క్లాసులు కదా! 😄). +ప్రోగ్రామింగ్ భాషలు పూర్తిగా ఇదే విధంగా పనిచేస్తాయి! మీరు మంచి మొబైల్ గేమ్ ను నిర్మించడానికి ఒకే భాష ఉపయోగించరాదు, మీరు వాతావరణ డేటాను ప్రాసెస్ చేసే కోసం వేరే భాష ఉపయోగిస్తారు, అటువంటి మాదిరిగా మీరు యోగా తరగతిలో డెత్ మెటల్ వినరు (చాలా యోగా తరగతుల్లో తప్ప 😄). -కానీ ప్రతిసారీ నాకు మీ మదిని పేల్చే విషయం ఇది: ఈ భాషలు ప్రపంచంలోనే అత్యంత సహనమైన, అద్భుతమైన అనువాదకులను మీ తర్వాత కూర్చొనిపెడతాయి. మీరు మానవ మెదడ్కి సహజంగా అనిపించే విధంగా ఆలోచనలు వ్యక్తపరిచవచ్చు, మరియు అవి గొప్పగా క్లిష్టమైన పనులన్నింటినీ కంప్యూటర్లు అర్థం చేసుకునే 1లు మరియు 0లలోకి అనువదిస్తాయి. ఇది మీరు ఒక స్నేహితుడిని కలిగి ఉండటమిలా, వారి ఇద్దరు "మానవ సృజనశక్తి" మరియు "కంప్యూటర్ లాజిక్"లో ఫ్లూ, ఎప్పుడూ అలసిపోరు, కాఫీ విరామాలు అవసరం లేదు, మరియు మీరు ఒకే ప్రశ్నను రెండుసార్లు అడగడం వల్ల న్యాయించరు! +కానీ నాకు ప్రతిసారీ ఆశ్చర్యమైనది ఏమిటంటే: ఈ భాషలు ప్రపంచంలో అత్యంత సహనశీల, ప్రతిభావంతులైన అనువాదకులు మీ పక్కన ఉండు లాగే ఉంటాయి. మీరు మీ ఆలోచనలను సహజమైన మానవ మెదడుతో వ్యక్తపరచవచ్చు, మరియు అవి అంతటా క్లిష్టమైన పనిని 1లు మరియు 0ల చుట్టూ అర్థం చేసుకునేలా చేస్తాయి. ఇది మానవ సృజనాత్మకత మరియు కంప్యూటర్ లాజిక్ రెండింటిలో పరిపూర్ణంగా నైపుణ్యం కలిగిన స్నేహితుడి లా ఉంటుంది – వారు కుదిరేడది లేరు, కాఫీ బ్రేక్లు అవసరం లేదు, మరియు మీరు ఒకే ప్రశ్నను రెండుసార్లు అడిగినా ఎప్పుడూ కోపపడరు! -### ప్రసిద్ధి గాంచిన ప్రోగ్రామింగ్ భాషలు మరియు వాటి ఉపయోగాలు +### ప్రముఖ ప్రోగ్రామింగ్ భాషలు మరియు వారి ఉపయోగాలు ```mermaid mindmap root((ప్రోగ్రామింగ్ భాషలు)) - వెబ్ డెవలప్‌మెంట్ + వెబ్ అభివృద్ధి జావాస్క్రిప్ట్ - ఫ్రంటెండ్ మ్యాజిక్ - ఇంటరాక్టివ్ వెబ్‌సైట్స్ + ఫ్రంట్‌ఎండ్ మాయాజీ + ఇంటరాక్టివ్ వెబ్‌సైట్ల టైప్‌స్క్రిప్ట్ - జావాస్క్రిప్ట్ + టైపులు - ఎంటర్‌ప్రైజ్ యాప్‌లు + జావాస్క్రిప్ట్ + టైప్స్ + ఎంటర్ప్రైజ్ అప్స్ డేటా & ఏఐ పైథాన్ డేటా సైన్స్ @@ -100,62 +99,62 @@ mindmap ఆర్ గణాంకాలు పరిశోధన - మొబైల్ యాప్స్ + మొబైల్ అప్స్ జావా ఆండ్రాయిడ్ - ఎంటర్‌ప్రైజ్ + ఎంటర్ప్రైజ్ స్విఫ్ట్ - ఐఓఎస్ + iOS ఆపిల్ ఎకోసిస్టమ్ కోట్లిన్ ఆధునిక ఆండ్రాయిడ్ - క్రాస్స్-ప్లాట్‌ఫామ్ + క్రాస్-ప్లాట్‌ఫామ్ సిస్టమ్స్ & పనితీరు C++ గేమ్స్ - పనితీరు సున్నితమైనవి + పనితీరు కీలకమైనవి రస్ట్ మెమరీ సేఫ్టీ సిస్టమ్ ప్రోగ్రామింగ్ గో - క్లౌడ్ సర్వీసెస్ + క్లౌడ్ సేవలు స్కేలబుల్ బ్యాక్‌ఎండ్ ``` -| భాష | ఉత్తమంగా ఉపయోగించే ప్రాంతం | ఆ భాష ఎందుకు ప్రముఖం? | +| భాష | ఉత్తమ ఉపయోగాలు | ఎందుకంటే ఇది ప్రాచుర్యం పొందింది | |----------|----------|------------------| -| **JavaScript** | వెబ్ డెవలప్మెంట్, యూజర్ ఇంటర్‌ఫేస్‌లు | బ్రౌజర్లలో నడుస్తుంది, ఇంటరాక్టివ్ వెబ్‌సైట్లకు శక్తివంతం చేస్తుంది | -| **Python** | డేటా సైన్స్, ఆటోమేషన్, AI | చదవడంలో సులభం, శక్తివంతమైన లైబ్రరీలు ఉన్నాయి | -| **Java** | ఎంటర్ప్రైజ్ అప్లికేష‌న్లు, ఆండ్రాయిడ్ యాప్‌లు | ప్లాట్‌ఫారమ్-ఇండిపెండెంట్, పెద్ద సిస్టమ్‌లకు మన్నించేలా ఉన్నది | -| **C#** | విండోస్ అప్లికేషన్స్, గేమ్ డెవలప్మెంట్ | పవర్ఫుల్ మైక్రోసాఫ్ట్ ఎకోసిస్టమ్ మద్దతు | -| **Go** | క్లౌడ్ సర్వీసులు, బ్యాక్‌ఎండ్ సిస్టమ్‌లు | వేగవంతమైన, సరళమైన, ఆధునిక కంప్యూటింగ్ కొరకు రూపుదిద్దినది | +| **JavaScript** | వెబ్ అభివృద్ధి, యూజర్ ఇంటర్‌ఫేస్‌లు | బ్రౌజర్లలో నడుస్తుంది మరియు ఇంటరాక్టివ్ వెబ్‌సైట్లను శక్తివంతం చేస్తుంది | +| **Python** | డేటా సైన్స్, ఆటోమేషన్, AI | చదవడం మరియు నేర్చుకోవడం సులభం, శక్తివంతమైన లైబ్రరీలు | +| **Java** | ఎంటర్ప్రైజ్ అప్లికేషన్లు, ఆండ్రాయం యాప్‌లు | ప్లాట్‌ఫాం స్వతంత్రం, పెద్ద సిస్టమ్స్‌కి బలమైనవి | +| **C#** | విండోస్ అప్లికేషన్లు, గేమ్ అభివృద్ధి | బలమైన మైక్రోసాఫ్ట్ ఈకోసిస్టం మద్దతు | +| **Go** | క్లౌడ్ సర్వీసులు, బ్యాక్‌ఎండ్ సిస్టమ్స్ | వేగవంతమైనది, సులభమైనది, ఆధునిక కంప్యూటింగ్ కోసం రూపొందించబడింది | -### హై-లెవల్ వర్సెస్ లో-లెవల్ భాషలు +### హై-లెవెల్ మరియు లో-లెవెల్ భాషలు -సరే, ఇది నిజంగా నేను నేర్చుకుంటున్నప్పుడు నా దిమ్మతిని పేల్చిన కాన్సెప్ట్, కాబట్టి నేను మీకు పాపరూపంగా చెప్పేది చెప్పబోతున్నాను – ఇది నాకు ఒక్కసారిగా అర్థమైంది – మరియు నేను ఇంకా ఆశిస్తున్నాను మీరు కూడా అర్థం చేసుకోగలరు! +సరే, ఇది నిజంగా నాకు మొదటిసారి నేర్చుకునేటప్పుడు నా తల నొప్పి చేస్తున్న కాన్సెప్ట్, కాబట్టి నా కోసం చివరకు అర్థమయ్యే ఉపమానం మీతో పంచుకోబోతున్నాను – మీకూ ఇది సహాయం చేస్తుందని ఆశిస్తున్నాను! -మీరు ఒక దేశాన్ని సందర్శిస్తున్నారని ఊహించండి, అక్కడ మీరు భాష మాట్లాడలేరు, మరియు అత్యవసరం గా బెస్ట్ రెస్ట్ రూమ్ కనుగొనాలనుకుంటున్నార‌ని (మనంతా అలా అడుగుతున్నాము కదా? 😅): +మీరు ఒక విదేశి దేశం లో ఉన్నారు, అక్కడ మీరు భాష మాట్లాడలేరు, మరియు అత్యవసర పరిస్థితిలో బాత్‌రూమ్ ను కనుగొనాలి అని ఊహించండి (మనం అందరం ఈ పరిస్థితిలో ఉన్నాం కదా? 😅): -- **లో-లెవల్ ప్రోగ్రామింగ్** అంటే అక్కడి స్థానిక భాషలో అంతగా బాగా మాట్లాడటం అందుకే మీరు కోణంలో ఉన్న వృద్ధ మహిళతో సంభాషిస్తున్నారు – స్థానిక సంస్కృతి సూచనలు, స్థానిక నాడి అంగాల అన్నిటినీ ఉపయోగిస్తూ. చాలా అద్భుతంగా మరియు సమర్థవంతంగా... మీరు దాన్ని తేలికగా మాట్లాడగలరు అంటే! కానీ మీరు కేవలం బాత్ రూమ్ వెతుకుతుంటే ఇది కొంచెం అతి క్లిష్టంగా అనిపిస్తుంది. +- **లో-లెవెల్ ప్రోగ్రామింగ్** స్థానీయ భాషని ఇంగ్లీష్ లో సమాచారం ఇవ్వడం కన్నా చిట్కాలు, ప్రదేశీయ జోక్ లను ఉపయోగించి భాషా నైపుణ్యం కలిగి ఉండటం లాంటిది. చాలా ప్రభావవంతమైనది మరియు సమర్థవంతమైనది... మీరు ఆ భాషలో పలుకుబడి కలిగి ఉంటే! కానీ మీరు కేవలం బాత్‌రూమ్ కనుగొనాలనుకొంటే చాలా కష్టం. -- **హై-లెవల్ ప్రోగ్రామింగ్** అంటే మీ నేలవైపు అద్భుతమైన స్థానిక స్నేహితుడు ఉన్నాడు – మీరు "నాకు బాత్ రూమ్ చాలా అవసరం" అని సాదా ఇంగ్లీష్‌లో చెబుతారు, మరియు వారు అన్ని స్థానిక అర్థాలను మార్చి మీకు సరైన దిశ చూపిస్తారు. +- **హై-లెవెల్ ప్రోగ్రామింగ్** అంటే మీకు అర్థమయ్యే విధంగా "నేను టాయిలెట్ వెళ్ళాలి" అని చెప్పగలిగే అద్భుతమైన స్థానిక మిత్రుడు ఉండటం లాంటిది, అతను అన్ని సాంస్కృతిక అనువాదాలు చేసుకుని మీకు సరైన దిశ చూపిస్తాడు. ప్రోగ్రామింగ్ భాషలలో: -- **లో-లెవల్ భాషలు** (Assembly లేదా C వంటి) కంప్యూటర్ యొక్క హార్డ్‌వేర్‌తో చాలా సమగ్ర సంభాషణలు చేయడానికి అనుమతిస్తాయి, కానీ మీరు యంత్రంలాగ ఆలోచించాలి, ఇది… సరే, మనసుకు పెద్ద మార్పు! -- **హై-లెవల్ భాషలు** (JavaScript, Python, లేదా C# వంటి) మీరు మానవుల్లా ఆలోచించేటపుడు, వాళ్లు ఆ యంత్రభాషను వెనుకనుంచి నిర్వహిస్తారు. అదనంగా, వీటికి అద్భుతమైన కమ్యూనిటీలున్నాయి, వారు కొత్తవారిని గుర్తు చేసుకుని సహాయం చేయడానికి ఇష్టపడతారు! +- **లో-లెవెల్ భాషలు** (Assembly లేదా C వంటి) కంప్యూటర్ హార్డ్‌వేర్‌తో చాలా విస్తృతంగా సంభాషించడానికి అనుమతిస్తాయి, కానీ మీరు యంత్రంలా ఆలోచించాల్సి ఉంటుంది, అది... చాలా పెద్ద మానసిక మార్పు! +- **హై-లెవెల్ భాషలు** (JavaScript, Python లేదా C# వంటి) మీరు మానవుల్లా ఆలోచించేలా అనుమతిస్తాయి, వారు యంత్రం-స్పీక్ అన్ని సారూప్యాలను నడిపిస్తారు. ఇంకా, వీటికి అద్భుతమైన కమ్యూనిటీలున్నాయి, వారు కొత్తవారిని గుర్తుంచుకుని సాయం చేయడానికి సిద్ధంగా ఉంటారు! -నేను మీరు ఏ భాషలతో మొదలు పెట్టాలని సూచిస్తాను తెలుసా? 😉 హై-లెవల్ భాషలు వాటిలాగానే మీకు ఉండే చెక్కులు లాంటి వాహనాలు, మీరు వీటి నుంచి బయటపడదలుచుకోరు ఎందుకంటే అవి మొత్తం అనుభూతిని ఎంతో ఆహ్లాదకరంగా చేస్తాయి! +నాకు మీరు ఏ భాషలు మొదలు పెడతారు చెప్పమంటున్నారు కదా? 😉 హై-లెవెల్ భాషలు శిక్షణ బైకులను కలిగి ఉంటాయి, మీరు వాటిని ఎప్పుడూ తీసివేయాలని అనుకోరు ఎందుకంటే అవి మొత్తం అనుభవాన్ని మరింత అందంగా చేస్తాయి! ```mermaid flowchart TB - A["👤 మానవ ఆలోచన:
'నేను ఫిబొనాచీ సంఖ్యలను లెక్కించాలనుకుంటున్నాను'"] --> B{భాషా స్థాయి ఎంచుకోండి} + A["👤 మానవ ఆలోచన:
'నేను ఫిబొనాచీ సంఖ్యలను లెక్కించాలని కోరుకుంటున్నాను'"] --> B{భాష స్థాయి ఎంచుకోండి} - B -->|అధికస్థాయి| C["🌟 జావాస్క్రిప్ట్/పైథాన్
అన్నింటికంటే చదవడం మరియు రాయడం సులువు"] - B -->|తక్కువ స్థాయి| D["⚙️ అసెంబ్లీ/C
నేరుగా హార్డ్వేర్ నియంత్రణ"] + B -->|అన్నట్లు స్థాయి| C["🌟 జావాస్క్రిప్ట్/పైథాన్
చదవడం మరియు రాయడం సులభం"] + B -->|నిమ్న-స్థాయి| D["⚙️ అసెంబ్లీ/ C
నేరుగా హార్డ్వేర్ కంట్రోల్"] - C --> E["📝 వ్రాయండి: fibonacci(10)"] - D --> F["📝 వ్రాయండి: mov r0,#00
sub r0,r0,#01"] + C --> E["📝 రాయండి: fibonacci(10)"] + D --> F["📝 రాయండి: mov r0,#00
sub r0,r0,#01"] - E --> G["🤖 కంప్యూటర్ అర్థం చేసుకోడం:
అనువాదకుడు సంక్లిష్టతను నిర్వహిస్తుంది"] + E --> G["🤖 కంప్యూటర్ అర్థం చేసుకోవడం:
అనువాదకుడు సంక్లిష్టతను నిర్వహిస్తుంది"] F --> G G --> H["💻 అదే ఫలితం:
0, 1, 1, 2, 3, 5, 8, 13..."] @@ -164,18 +163,18 @@ flowchart TB style D fill:#fff3e0 style H fill:#e8f5e8 ``` -### నేను ఎందుకు హై-లెవల్ భాషలను ఇష్టపడుతున్నానో మీకు చూపిస్తూ ఉన్నాను +### నేను మీరు ఎందుకు హై-లెవెల్ భాషలను ఇష్టం పెట్టుకున్నానో చూపిస్తాను -సరే, నేను మీకు చూపించబోతున్నట్లు అంశం ఉంది, అది నా హృదయాన్ని హై-లెవల్ భాషల పట్ల ప్రేమలో పడేసింది, కానీ మొదట మీరు నాకు ఒక వాగ్దానం చేయాలి. మీరు ఆ మొదటి కోడ్ ఉదాహరణ చూస్తే, భయపడకండి! అది భయంకరంగా కనిపించడం మూలై ఉంది. ఆ భావం నేను చెబుతున్నది! +సరే, నేను మీకు చూపబోయే కోడ్ ఉదాహరణ హై-లెవెల్ భాషలు ఎంత మానవ నాయకత్వమైనాయో చూపిస్తుంది, కానీ ముందుగా మీరు నా మించి ఏదైనా వాగ్దానం చేయాలి. మీరు ఆ మొదటి కోడ్ ఉదాహరణ చూస్తే భయపడవద్దు! అది భయానకంగా కనిపించడం సరిగ్గా నేను చెప్పాలనుకున్న విషయం! -మనం ఒకే పనిని రెండు పూర్తిగా వేరు శైలుల్లో రాశాము. రెండూ ఫిబొనాచీ సీక్వెన్స్ అని పిలవబడే ఈ అద్భుత గణిత శ్రేణి సృష్టించబడును – ఇది ప్రతి సంఖ్య రెండు ముందు ఉన్న సంఖ్యల మొత్తం: 0, 1, 1, 2, 3, 5, 8, 13... (మంచి అంశం: మీరు ప్రకృతిలో literally ఈ శ్రేణి అన్ని చోట్ల చూడగలరు – సూర్య గుమ్మడికాయ గింజల మడత, వాటి ఆకారాలు, గెలాక్సీలు ఎలా ఏర్పడతాయో కూడా!) +మనం రెండు పూర్తి వేరే శైలుల్లో రాస్తారు అయిన ఒకే పని చేసిన పనిని చూస్తాం. ఫిబోనాచ్చి సీక్వెన్స్ సృష్టించే కోడ్ ఇది – ఒక అందమైన గణిత నమూనా, ఇందులో ప్రతి సంఖ్య దానికంటే రెండు ముందు ఉన్న సంఖ్యల సమం: 0, 1, 1, 2, 3, 5, 8, 13... (వినోదమైన విషయం: మీరు ఈ నమూనాను ప్రకృతిలో ఎక్కడనా ఎక్కడో చూడవచ్చు – సూర్యఫూల్ గింజల స్పైరల్స్, పైన్కోన్ నమూనాలు, ఇంతకుముందు గెలాక్సీల నిర్మాణం!) -తేడా చూడడానికి సిద్ధమా? పోదాం! +తేడాను చూడడానికి సిద్ధంగా ఉన్నారా? మొదలు పెడదాం! -**హై-లెవల్ భాష (JavaScript) – మానవహృదయానికి అనుకూలంగా:** +**హై-లెవెల్ భాష (JavaScript) – మానవ స్నేహపూర్వక:** ```javascript -// దశ 1: ప్రాథమిక ఫిబొనాచ్చి సెటప్ +// దశ 1: ప్రాథమిక ఫిబొనాచీ సెటప్ const fibonacciCount = 10; let current = 0; let next = 1; @@ -183,14 +182,14 @@ let next = 1; console.log('Fibonacci sequence:'); ``` -**ఈ కోడ్ ఏమి చేస్తుందో:** -- ఎంత మంది Fibonacci సంఖ్యలు సృష్టించాలో నిర్ధారించడానికి కంకణంగా ఒక స్థిరాంకం ప్రకటించండి -- సీక్వెన్స్‌లో ప్రస్తుత మరియు తదుపరి సంఖ్యలను ట్రాక్ చేయడానికి రెండు వేరియబల్స్‌ను ప్రారంభించండి -- Fibonacci నమూనాను నిర్వచించే మొదటి విలువలను (0 మరియు 1) సెట్ చేయండి -- మన అవుట్‌పుట్‌ను గుర్తించడానికి హెడర్ సందేశాన్ని ప్రదర్శించండి +**ఈ కోడ్ ఏమి చేస్తుంది:** +- **ఘోషించు** ఈన్ని Fibonacci సంఖ్యలు సృష్టించాలన్నదాన్ని స్థిరంగా పేర్కొన్నది +- **ప్రారంభించు** ప్రస్తుతం మరియు తదుపరి సంఖ్యలను ట్రాక్ చేసే రెండు వేరియబుల్ లను +- **సెట్ చేయు** ఫిబోనాచ్చి నమూనా నిర్వచించే ప్రారంభ విలువలు (0 మరియు 1) +- **ప్రదర్శన** మన అవుట్పుట్ గుర్తించడం కోసం హెడర్ మెసేజ్ ```javascript -// దశ 2: ఒక లూప్‌తో క్ర‌మాన్ని రూపొందించండి +// దశ 2: లూప్‌తో క్రమాన్ని తయారు చేయండి for (let i = 0; i < fibonacciCount; i++) { console.log(`Position ${i + 1}: ${current}`); @@ -201,14 +200,14 @@ for (let i = 0; i < fibonacciCount; i++) { } ``` -**ఇక్కడ ఏమి జరుగుతుందో వివరించడం:** -- మన సీక్వెన్స్‌లోని ప్రతి స్థానాన్ని `for` లూప్ ఉపయోగించి తిరగండి -- ప్రతి సంఖ్యను దాని స్థానంతో టెంప్లేట్ లిటరల్ ఫార్మాట్‌తో చూపించండి -- ప్రస్తుత మరియు తదుపరి విలువలను జోడించి తదుపరి Fibonacci సంఖ్యను లెక్కించండి -- తదుపరి రౌండ్‌కు వెళ్లడానికి ట్రాకింగ్ వేరియబల్స్‌ను అప్‌డేట్ చేయండి +**ఇక్కడ ఏమి జరుగుతుందో విపిపించటం:** +- **లూప్** ప్రతి స్థానంలో మేము `for` లూప్ ఉపయోగించి ప్రయాణిస్తాము +- **ప్రదర్శన** ప్రతి సంఖ్య స్థానంతో పాటు టెంప్లేట్ లిటరల్ రూపంలో చూపించు +- **లెక్కించు** ప్రస్తుతం మరియు తదుపరి విలువలను కలిపి తదుపరి ఫిబోనాచ్చి సంఖ్యను +- **అప్డేట్** మా ట్రాకింగ్ వేరియబుల్స్ తదుపరి పునరావృతానికి మళ్ళించు ```javascript -// దశ 3: ఆధునిక ఫంక్షనల్ విధానం +// దశ 3: ఆధునిక ఫంక్షనల్ దృష్టికోణం const generateFibonacci = (count) => { const sequence = [0, 1]; @@ -224,13 +223,13 @@ const fibSequence = generateFibonacci(10); console.log(fibSequence); ``` -**పైన, మనం:** -- ఆధునిక ఎరో ఫంక్షన్ సింటాక్స్ను ఉపయోగించి పునఃఉపయోగించదగిన ఫంక్షన్ సృష్టించాము -- ఒక్కొక్కటి చూపించకుండా మొత్తం శ్రేణిని నిల్వ చేసేందుకు ఒక యారే నిర్మించాము -- గత విలువల నుండి ప్రతి కొత్త సంఖ్యను లెక్కించడానికి యారే ఇండెక్సింగ్ ఉపయోగించాము -- వేరే భాగాల్లో స్వేచ్ఛగా ఉపయోగించడానికి పూర్తి శ్రేణిని తిరిగి ఇచ్చాము +**పైన మనం:** +- **రచించి** మోడరన్ యారో ఫంక్షన్ సింటాక్స్ ఉపయోగించి పునర్వినియోగ ఫంక్షన్ +- **కలిపి** ఒక ఆర్రే పూర్తి సీక్వెన్స్ నిల్వ చేయడానికి, ఒక్కొక్కటి చూపించకుండా +- **ఉపయోగించి** ఆర్రే ఇండెక్సింగ్ ప్రతి కొత్త సంఖ్యను గత విలువల నుండి లెక్కించేందుకు +- **తిరిగి ఇచ్చాం** పూర్తి సీక్వెన్స్ ప్రోగ్రామ్ ఇతర భాగాలకు సులభంగా ఉపయోగించేందుకు -**లో-లెవల్ భాష (ARM اسمبلی) – కంప్యూటర్ అనుకూలంగా:** +**లో-లెవెల్ భాష (ARM Assembly) – కంప్యూటర్-స్నేహపూర్వక:** ```assembly area ascen,code,readonly @@ -257,74 +256,76 @@ back add r0,r1 end ``` -JavaScript వర్షన్ ఇంగ్లీష్ సూచనల లా చదవబడుతుందని గమనించండి, Assembly వర్షన్ కంప్యూటర్ ప్రాసెసర్‌ను నేరుగా నియంత్రించే సంకేతాల‌ను ఉపయోగిస్తుంది. రెండూ అదే పనిని చేస్తాయి, కానీ హై-లెవల్ భాష మానవులకు ప్రోగ్రామ్ రాయడం, అర్థం చేసుకోవడం మరియు నిర్వహించడం చాలా సులభం. +JavaScript వెర్షన్ ఆంగ్ల నిర్దేశాల్లా చదవబడుతుంది, అయితే Assembly వెర్షన్ కంప్యూటర్ ప్రొసెసర్‌ని నేరుగా నియంత్రించే గోప్యమైన ఆజ్ఞలను ఉపయోగిస్తుంది. రెండు విధానాలు ఒకే పనిని చేస్తాయి, కానీ హై-లెవెల్ భాష మానవులకు అర్థం చేసుకోవడానికి, వ్రాయడానికి మరియు నిర్వహించడానికి చాలా సులభంగా ఉంటాయి. -**మీ గుర్తించగల ముఖ్య తేడాలు:** -- **చదవడంలో సౌలభ్యం**: JavaScript‌లో 'fibonacciCount' వంటి వివరణాత్మక పేర్లను ఉపయోగిస్తే, Assemblyలో 'r0', 'r1' వంటి సంకేతాలే ఉన్నాయి -- **వ్యాఖ్యలు**: హై-లెవెల్ భాషలు స్వీయ-డాక్యుమెంటేషన్ చేసేలా వివరణాత్మక వ్యాఖ్యలను ప్రోత్సహిస్తాయి -- **సంఘటన**: జావాస్క్రిప్ట్ యొక్క తార్కిక ప్రవాహం మనుషులు సమస్యలను దశలవారీగా ఎలా ఆలోచిస్తారో అలాగే ఉంటుంది -- **నిర్వహణ**: విభిన్న అవసరాలకు జావాస్క్రిప్ట్ వర్షన్‌ను నవీకరించడం సులభం మరియు స్పష్టంగా ఉంటుంది +**మీరు గమనించే ముఖ్య తేడాలు:** +- **పఠనసౌలభ్యం**: జావాస్క్రిప్ట్ `fibonacciCount` వంటి వివరణాత్మక పేర్లను ఉపయోగిస్తుంది, ఆ సమయాలలో అసెంబ్లీ `r0`, `r1` వంటి రహస్య లేబుల్స్ ఉపయోగిస్తుంది +- **వ్యాఖ్యలు**: హై-లెవల్ భాషలు ఎక్స్‌ప్లానేటరీ వ్యాఖ్యలను ప్రోత్సహిస్తాయి, ఇవి కో드를 స్వయంగా డాక్యుమెంట్ చేసేలా చేస్తాయి +- **సంరచన**: జావాస్క్రిప్ట్ యొక్క లాజికల్ ఫ్లో మనుషులుగా సమస్యలను దశలవారీగా ఆలోచించే విధానాన్ని కలిసిరుతుంది +- **నిర్వాహణ**: వేరే అవసరాలకు జావాస్క్రిప్ట్ వెర్షన్‌ను నవీకరించటం సులభం మరియు స్పష్టంగా ఉంటుంది -✅ **ఫిబొనాచీ వరుస గురించి**: ఈ అద్భుతమైన సంఖ్యా నమూనా (ప్రతి సంఖ్య తన ముందటి రెండు సంఖ్యల మొత్తానికి సమానం: 0, 1, 1, 2, 3, 5, 8...) ప్రకృతిలో *ప్రతిటిన్నిట్లో* కనిపిస్తుంది! మీరు దీన్ని సన్‌ఫ్లవర్ స్పైల్స్, పైన్కోన్ నమూనాలు, నాటిలస్ షెల్స్ వంకర పట్టే విధానం, మరియు మరింతగా చెట్ల శాఖలు పెరుగుతుంటే కనిపిస్తాయి. గణితం మరియు కోడ్ సహాయంతో మనం ప్రకృతిలో అందాన్ని సృష్టించేందుకు ఉపయోగించే నమూనాలను ఎలా అర్థం చేసుకోవచ్చో మరియు తిరిగి సృష్టించవచ్చో చూడటం నిజంగా ఆశ్చర్యకరం! +✅ **ఫిబొనాచ్చి సీక్వెన్స్ గురించి**: ఈ అద్భుతమైన సంఖ్యా నమూనా (ప్రతి సంఖ్య దాని ముందు రెండు సంఖ్యల సమనుమానం: 0, 1, 1, 2, 3, 5, 8...) ప్రకృతిలో నిజంగా *ప్రతి చోటా* కనిపిస్తుంది! మీరు దీన్ని సూర్యపుష్పాలు గుండ్రటి ఆకారాలు, పైన్కోన్ నమూనాలు, నాటిలస్ షెల్ వలయాలు, ఇంకా చెట్టు கிளలు ఎలా పెరుగుతాయో అన్న దాని లో కూడా చూడగలరు. గణితం మరియు కోడ్ సహాయంగా ప్రకృతిలో అందం సృష్టించే నమూనాలను అర్థం చేసుకోవడం మరియు పునరుత్పత్తి చేయడం ఎంత ఆశ్చర్యకరమో నిజంగా మనసు తిప్పే విషయం! -## మ్యాజిక్ జరిగే బిల్డింగ్ బ్లాక్స్ +## మాంత్రికత చేసేవి నిర్మించే మూలకాలు -ఇప్పుడైతే మీరు ప్రోగ్రామింగ్ భాషలు ఎలా అమలు అవుతాయో చూశారు, ప్రతి విధమైన ప్రోగ్రామ్ లో ఉండే మౌలిక భాగాలను విప్పి చూద్దాం. ఇవి మీ ఇష్టమైన రెసిపీలోని అత్యవసర పదార్ధాల్లా భావించండి – ప్రతి ఒకటి ఏమి చేస్తుంది అని మీకు అర్థం అవ్వగానే, మీరు చాలా భాషల్లో కోడ్ చదవగలుగుతారు మరియు రాయగలుగుతారు! +సరే, ఇప్పుడు మీరు ప్రోగ్రామింగ్ భాషలు ఎలా కనిపిస్తాయో చూశాక, ప్రతీ ప్రోగ్రామ్ రాయబడే మౌలిక భాగాల్ని విరగడిద్దాం. వీటిని మీ ఇష్టమైన వంటకంలో ముఖ్యమైన పదార్ధాలుగా ఆలోచించండి – ప్రతి ఒక్కటి ఏది చేస్తుందో అర్థం చేసుకుంటే, మీరు ఏ భాషలో అయినా కోడ్ చదవగలరు మరియు రాసుకోగలరు! -ఇది ప్రోగ్రామింగ్ వ్యాకరణం నేర్చుకోవటంతో కొంత సమానం. స్కూల్లో నామవాచకాలు, క్రియలు మరియు వాక్యాలు వేసే విధానం నేర్చుకున్నప్పుడు గమనించారా? ప్రోగ్రామింగ్ కి కూడా తానే వేరే వ్యాకరణం ఉంటుంది, నిజంగా ఇది ఆంగ్ల వ్యాకరణ కంటే ఎంతో లాజికల్ మరియు క్షమాపణ కలిగినది! 😄 +ఇది ప్రోగ్రామింగ్ యొక్క వ్యాకరణం నేర్చుకోవటంలా ఉంటుంది. పాఠశాలలో మీరు నామవాచకాలు, క్రియలు, వాక్యాలు ఎలా కలిపి వ్రాయాలో నేర్చుకున్నారు కదా? ప్రోగ్రామింగ్ కి మరొక రకమైన వ్యాకరణ ఉంది, మరియు నిజంగా అది ఇంగ్లీష్ వ్యాకరణం కంటే చాలా తార్కికమైనది మరియు క్షమించగలిగేది! 😄 -### స్టేట్మెంట్స్: దశలవారీ దిశానిర్దేశాలు +### స్టేట్మెంట్లు: దశలవారీ సూచనలు -ముందుగా **స్టేట్మెంట్స్** తో ప్రారంభిద్దాం – ఇవి మీ కంప్యూటర్‌తో సంభాషణలో విడిదు వాక్యాలు లాగానే ఉంటాయి. ప్రతి స్టేట్మెంట్ కంప్యూటర్ కొరకు ఒక నిర్దిష్ట విషయం చేయమని చెబుతుంది, దిశానిర్దేశాలు ఇచ్చేలా: “ఇక్కడ ఎడమ తిప్పండి,” “ఎరుపు లైట్ వద్ద ఆపు,” “ఆ స్థలంలో పార్క్ చేయండి.” +మనం **స్టేట్మెంట్లు** తో మొదలెడదాం – ఇవి మీ కంప్యూటర్‌తో సంభాషణలో ఒక్కో వాక్యాలు వంటి ఉంటాయి. ప్రతి స్టేట్మెంట్ కంప్యూటర్ కు ఒక ప్రత్యేక పని చేయమని చెప్తుంది, ఒక విధంగా దారిచూపులా: "ఇక్కడ ఎడమకు మలిబు", "ఎరుపు బत्ती వద్ద ఆపు", "ఆ స్థలంలో పార్క్ చేయి." -స్టేట్మెంట్స్ నాకు ఇష్టమయ్యేది అవి సాధారణంగా చదవగలిగే విధంగా ఉండటం. దీన్ని చూశారా: +స్టేట్మెంట్స్ నాకు ఇష్టంగా ఉండటానికి కారణం వాటి పఠనసౌలభ్యం. దీన్నే చూడండి: ```javascript -// ఒక్క చర్యలను నిర్వహించే ప్రాథమిక ప్రకటనలు +// ఒక్క చర్యలను పూర్తి చేసే ప్రాథమిక వాక్యాలు const userName = "Alex"; console.log("Hello, world!"); const sum = 5 + 3; ``` - -**ఈ కోడ్ ఏమి చేస్తుంది:** -- యూజర్ పేరును నిల్వ చేయడానికి ఒక కాంస్టెంట్ వేరియబుల్‌ను ప్రకటించండి -- కన్సోల్ లో ఒక అభివందన సందేశాన్ని ప్రదర్శించండి -- గణిత చర్య ఫలితాన్ని లెక్కించండి మరియు నిల్వ చేయండి + +**ఈ కోడ్ ఏం చేస్తుంది:** +- **ఒక కాస్టెంట్ వేరియబుల్** ప్రకటించి యూజర్ పేరు నిల్వచేయడం +- **కన్సోల్ అవుట్‌పుట్‌కి** గ్రీటింగ్ సందేశం ప్రదర్శించడం +- **గణిత ఆపరేషన్ ఫలితం** లెక్కించి నిల్వచేయడం ```javascript -// వెబ్ పేజీలతో పరస్పరం చేసే ప్రకటనలు +// వెబ్ పేజీలతో పరిచయం అయ్యే స్టేట్మెంట్లు document.title = "My Awesome Website"; document.body.style.backgroundColor = "lightblue"; ``` + +**దశలవారీగా, ఇది జరుగుతోంది:** +- **బ్రౌజర్ ట్యాబ్**లో కనిపించే వెబ్‌పేజీ శీర్షికను మార్చడం +- **పేజీ యొక్క బ్యాక్‌గ్రౌండ్ రంగు** మార్చడం -**దశలవారీగా ఇది జరుగుతున్నది:** -- బ్రౌజర్ ట్యాబ్ లో కనిపించే వెబ్ పేజీ శీర్షికను మార్చండి -- మొత్తం పేజీ బ్యాక్‌గ్రౌండ్ కలర్ మార్చండి +### వేరియబుల్స్: మీ ప్రోగ్రామ్ యొక్క మెమరీ సిస్టమ్ -### వేరియబుల్స్: మీ ప్రోగ్రామ్ యొక్క మెమొరీ సిస్టమ్ +సరే, **వేరియబుల్స్** నేర్చుకోవడం నాకు చాలా ఇష్టమైన అంశం ఎందుకంటే ఇవి మీరు రోజూవారి ఉపయోగించే వస్తువుల్లా ఉంటాయి! -సరే, **వేరియబుల్స్** నేర్పించడంలో నాకు చాలా ఇష్టం కలిగిన కాన్సెప్టులు – ఎందుకంటే అవి మీరు ప్రతిరోజూ ఉపయోగించే వాటిలాగే ఉంటాయి! +మీ ఫోన్ కాంటాక్ట్ జాబితా గురించి ఆలోచించండి. మీరు అందరి ఫోన్ నంబర్ లను మర్చిపోరు – బదులుగా "అమ్మ," "స్నേഹితుడు," లేదా "రాత్రి 2 గంటలకు పంపించే పిజ్జా షాప్" అని పేర్లను సేవ్ చేసి నిజమైన నంబర్లను ఫోన్ గుర్తుంచుకుంటుంది. వేరియబుల్స్ కూడా అలా పనిచేస్తాయి! ఇవి లేబుల్డ్ కంటైనర్లా ఉంటాయి, అందులో మీరు పలు సమాచారాలను నిల్వచేయవచ్చు, తర్వాత ఆ పేరును వాడి పొందవచ్చు. -మీ ఫోన్ కన్టాక్ట్ లిస్ట్ పై ఒకసారి ఆలోచించండి. మీరు అందరి ఫోన్ నంబర్‌ను గుర్తు పెట్టుకోరు – బదులుగా “తల్లి,” “చుట్టువారు,” లేదా “రాత్రి 2 గంటల వరకు డెలివరీ చేసే పిజ్జా ప్లేస్” అని సేవ్ చేస్తారు, మీ ఫోన్ ఆ నంబర్లను గుర్తుంచుకుంటుంది. వేరియబుల్స్ కూడా అలాగే పనిచేస్తాయి! అవి లేబుల్ ఉన్న కలవాణ్లు లాంటి వాటి, మీ ప్రోగ్రామ్ సమాచారం నిల్వ చేసి, తరువాత అర్థమయ్యే పేరుతో తిరిగి తీసుకొనే అవకాశం కలిగి ఉంటాయి. +ఇది నిజంగా అద్భుతం – వేరియబుల్స్ ప్రోగ్రామ్ నడుస్తున్నప్పుడు మారవచ్చు ( అందుకేనంటే వీటిని "వేరియబుల్" అని పిలుస్తారు – చూశారా వారు). మీరు కొత్త సమాచారాన్ని నేర్చుకుంటూనే లేదా పరిస్థితులు మారితే, వేరియబుల్స్ కూడా నవీకరించబడతాయి! -ఇది ఎంతో చక్కగా ఎలా సింపుల్ అంటే చూసి తీరండి: +ఇది ఎంత సరళంగా ఉందో చూద్దాం: ```javascript -// దశ 1: ప్రాథమిక చారికలు సృష్టించడం +// దశ 1: ప్రాథమిక వేరియబుల్స్ సృష్టించడం const siteName = "Weather Dashboard"; let currentWeather = "sunny"; let temperature = 75; let isRaining = false; ``` -**ఈ కాన్సెప్టులను అర్థం చేసుకోవటం:** -- మార్పు కాకుండా ఉండే విలువలను `const` లో నిల్వ చేయండి (ఉదాహరణకు సైట్ పేరు) -- ప్రోగ్రామ్ అంతటా మారవచ్చు మాత్రమే విలువలకు `let` ఉపయోగించండి -- వేరియబుల్స్ కు వేర్వేరు డేటా రకాలు: స్ట్రింగ్స్ (పాఠ్యం), సంఖ్యలు, బూలియన్‌లు (true/false) ఇవ్వండి -- అర్థం వచ్చే వివరణాత్మక పేర్లు ఎంచుకోండి +**ఈ భావనలను అర్థం చేసుకోవడం:** +- `const` వేరియబుల్స్‌లో మార్చలేని విలువలని నిల్వ చేయడం (దేవైస్ లేదా సైట్ పేరు లాంటివి) +- `let` వేరియబుల్స్‌ను ప్రోగ్రామ్‌లో మార్చుకునే విలువలకు ఉపయోగించడం +- స్ట్రింగ్స్ (పాఠ్యం), నంబర్లు, మరియు బూలియన్స్ (true/false) వలె ధరోలైన డేటా రకాల్ని కేటాయించడం +- ప్రతీ వేరియబుల్ ఏది సూచిస్తుందో వివరిస్తూ సరైన పేర్లను ఎంచుకోవడం ```javascript -// దశ 2: సంబంధిత డేటాను సమూహం చేయడానికి వస్తువులతో పని చేయడం +// దశ 2: సంబంధిత డేటాను సమూహీకరించడానికి ఆబ్జెక్టులతో పని చేయడం const weatherData = { location: "San Francisco", humidity: 65, @@ -332,50 +333,50 @@ const weatherData = { }; ``` -**పై ఉదాహరణల్లో:** -- సంబంధిత వాతావరణ సమాచారాన్ని ఒక ఆబ్జెక్టుగా సృష్టించాం -- ఎన్నో డేటా అంశాలను ఒక వేరియబుల్ పేరులో సమీకరించాం -- ప్రతి అంశానికి క్లియర్ గా లేబుల్ ఇవ్వడానికి కీ-వ్యతిరేకమైన జోడీలు ఉపయొగించాం +**పై ఉదాహరణలో:** +- సంబంధిత వాతావరణ సమాచారాన్ని ఒక ఆబ్జెక్టుగా గుంపు చేసి రూపొందించడం +- పలు డేటా అంశాలను ఒక్క వేరియబుల్ పేరులో ఏర్పాటు చేయడం +- కీ-విలువ జంటల ద్వారా ప్రతి ఒక్క సమాచారాన్ని స్పష్టంగా లేబుల్ చేయడం ```javascript -// దశ 3: మாறుకొనే వేరియబుల్స్ ఉపయోగించడం మరియు నవీకరణ +// దశ 3: వేరియబులు ఉపయోగించడం మరియు నవీకరించడం console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`); console.log(`Wind speed: ${weatherData.windSpeed} mph`); -// మార్పు చెందగల వేరియబుల్స్ ను నవీకరించడం +// మార్పు చెందదగిన వేరియబులలను నవీకరించడం currentWeather = "cloudy"; temperature = 68; ``` -**ప్రతి భాగాన్ని అర్థం చేసుకుందాం:** -- టెంప్లేట్ లిటరల్స్ `${}` సింటాక్స్ తో సమాచారం ప్రదర్శించండి -- ఆబ్జెక్ట్ లక్షణాలకు డాట్ నోటేషన్ (`weatherData.windSpeed`) ఉపయోగించండి -- మారే పరిస్థితుల కోసం `let` తో ప్రకటించిన వేరియబుల్స్ ని నవీకరించండి -- అర్థవంతమైన సందేశాల కోసం అనేక వేరియబుల్స్ కలిపి ఉపయోగించండి +**ప్రతీ భాగాన్ని అర్థం చేసుకోవడం:** +- టెంప్లేట్ లిటరల్స్ `${}` సింటాక్స్ ఉపయోగించి సమాచారం ప్రదర్శించడం +- డాట్ నోటేషన్ (`weatherData.windSpeed`) ఉపయోగించి ఆబ్జెక్ట్ ప్రాపర్టీలను యాక్సెస్ చేయడం +- `let` తో ప్రకటించిన వేరియబుల్స్‌ను వైవిధ్య పరిస్థితులకు అనుగుణంగా అప్డేట్ చేయడం +- పలు వేరియబుల్స్ కలిపి అర్థవంతమైన సందేశాలు సృష్టించడం ```javascript -// దశ 4: మర씬 శుభ్రంగా ఉండేందుకు ఆధునిక డెస్ట్‌రక్చరింగ్ +// దశ 4: శుభ్రమైన కోడ్ కోసం ఆధునిక డీస్ట్రక్చరింగ్ const { location, humidity } = weatherData; console.log(`${location} humidity: ${humidity}%`); ``` -**మీకు తెలుసుకోవాల్సినవి:** -- డీ-స్ట్రక్చరింగ్ అసైన్మెంట్ ద్వారా ఆబ్జెక్టుల ప్రత్యేక లక్షణాలను తీసుకోండి -- ఆబ్జెక్ట్ కీస్ పేరుతో కొత్త వేరియబుల్స్ సృష్టించండి -- పునరావృత డాట్ నోటేషన్ దాటించి కోడ్ ను సరళీకరించండి +**మీకు తెలిసి ఉండాల్సినవి:** +- డిస్ట్రక్చరింగ్ అసైన్‌మెంట్‌తో ఆబ్జెక్ట్ నుండి ప్రత్యేకమైన ప్రాపర్టీలను తీసుకోవడం +- ఆబ్జెక్ట్ కీలు పేర్లను వేరియబుల్స్‌గా ఆటోమేటిక్‌గా సృష్టించడం +- పదేపదే డాట్ నోటేషన్ వాడకుండానే కోడ్ సింప్లిఫై చేయడం -### కంట్రోల్ఫ్లో: మీ ప్రోగ్రామ్‌కు ఆలోచించడం నేర్పించడం +### కంట్రోల్ ఫ్లో: మీ ప్రోగ్రామ్‌ను ఆలోచించడం నేర్పించడం -సరే, ఇది ప్రోగ్రామింగ్‌ను మనసు చిందించే స్థాయికి తీసుకునే భాగం! **కంట్రోల్ఫ్లో** అంటే మీ ప్రోగ్రామ్ క్రియాశీలంగా, తెలివిగా నిర్ణయాలు తీసుకునేలా నేర్పించడం, మీరు ప్రతిరోజు ఎటువంటి ఆలోచన లేకుండా చేయే విధంగా. +సరే, ఇక్కడ ప్రోగ్రామింగ్ పట్టు ఎక్కువవుతుంది! **కంట్రోల్ ఫ్లో** అంటే మీ ప్రోగ్రామ్‌కు తెలివైన నిర్ణయాలు తీసుకోవడం నేర్పించడం, మీరు ప్రతిరోజూ ఆలోచించకుండా ఉంటే అలాగే. -ఈ ఉదయం మీరు ఇలా అనుకుంటారు అనుకోండి: “వర్షం పడితే, చెట్లగాలి తీసుకుందా; చలి అయితే జాకెట్ ధరించాలి; ఆలస్యం అయితే బ్రేక్‌ఫాస్ట్ మిస్ చేసి, కాఫీ తాగుదాం.” మేధస్సు రోజంతా పన్నెండు సార్లు ఇలాంటి “ఇఫ్ఎఫ్” లాజిక్ పాటిస్తుంది! +ఉదాహరణకి: ఈ ఉదయం మీరు "వర్షం లేకపోతే, అంబ్రెల్లా తీయను. చలి అయితే జాకెట్ చప్పుకుంటాను. ఆలస్యంగా ఉంటే బ్రేక్‌ఫాస్ట్ మిస్ చేసి, రాస్తున్నప్పుడు కాఫీ తాగుతాను" అని నిర్ణయించుకున్నారు. మీ మెదడు ఈ 'if-then' లాజిక్‌ను ప్రతిరోజూ పలు సార్లు అనుసరిస్తుంది! -ఇది ప్రోగ్రామ్స్‌ని ఇంటెలిజెంట్ గా జీవితం లాంటిదిగా మార్చుతుంది, బోర్ అయ్యే స్క్రిప్ట్ లాగా కాకుండా. అవి పరిస్థితిని చూసి, ఏమి జరుగుతుందో అంచనా వేస్తాయి, తగినట్టుగా ప్రతిస్పందిస్తాయి. మీ ప్రోగ్రామ్ కి మేధస్సు ఇచ్చినట్లుగా ఇందులో అర్థం. +దీంతో ప్రోగ్రామ్స్ తెలివైనవిగా, జీవితం ఉన్నట్లుగాఉన పట్టు పడతాయి, ఇవి సాధారణ, బోరింగ్ స్క్రిప్ట్‌లుగా కాకుండా. అవి పరిస్థితిని విశ్లేషించి, తగిన విధంగా స్పందిస్తాయి. మీ ప్రోగ్రామ్‌కు వ్యాసంగం ఇచ్చినట్లే, అది అనుగుణంగా అర్ధం చేసుకొని నిర్ణయాలు తీసుకొంటుంది! -అదృష్టవశాత్తు, ఇది ఎంత బాగున్నదో చూపిస్తాను: +ఈ పనితీరు ఎంత అందంగా పని చేస్తుందో చూడాలా? ```javascript -// దశ 1: మౌలిక షరతు తర్కం +// దశ 1: ప్రాథమిక పరిస్థితి తర్కం const userAge = 17; if (userAge >= 18) { @@ -386,14 +387,14 @@ if (userAge >= 18) { } ``` -**ఈ కోడ్ చేస్తుంది:** -- యూజర్ వయసు ఓటినిడిగా ఉండడానికి సరిపోతుందో తనిఖీ చేస్తుంది -- షరతు ఫలితం ఆధారంగా వేరువేరు కోడ్ బ్లాక్స్ అమలు అవుతాయి -- 18 కి కింద అయితే ఓటు హక్కు వచ్చే వరకు ఎంత సమయం ఉందో లెక్కించాలి, చూపించాలి -- ప్రతి పరిస్థితికి సహాయక సూచనను అందిస్తుంది +**ఇది ఏం చేస్తుందో చూస్తే:** +- యూజర్ వయస్సు ఓటు హక్కు ఉండే వయస్సు అనుకూలమో చెక్ చేస్తుంది +- షరతు ఫలితంపై ఆధారపడి వేరువేరు కోడ్ బ్లాక్స్ నడిపిస్తుంది +- 18 కంటే తక్కువ వయస్సు అయితే ఓటు హక్కు ఈ ఎప్పుడైనట్లు లెక్కించి చూపిస్తుంది +- ప్రతి పరిస్థితికి స్పష్టమైన, ఉపయోగకరమైన ఫీడ్‌బ్యాక్ ఇస్తుంది ```javascript -// దశ 2: లాజికల్ ఆపరేటర్లతో బహు షరతులు +// దశ 2: లోజికల్ ఆపరేటర్లతో బహుళ షరతులు const userAge = 17; const hasPermission = true; @@ -406,25 +407,25 @@ if (userAge >= 18 && hasPermission) { } ``` -**ఇక్కడ ఏమవుతుందో విభజించి చెప్పాలి:** -- `&&` (మరియు) ఆపరేటర్ తో అనేక షరతులను కాంబైన్ చేయండి -- బహుళ పరిస్థితుల కోసం `else if` తో ఒక హైరార్కీ సృష్టించండి -- అన్ని అనుకున్న కేసులను హ్యాండ్ిల్ చేయడానికి చివరిగా `else` స్టేట్మెంట్ వాడండి -- వేర్వేరు పరిస్థితులకై స్పష్టమైన సూచనలు ఇవ్వండి +**ఇక్కడ ఏం జరుగుతుందో విభజన:** +- `&&` (మరియు) ఆపరేటర్‌తో పలు షరతులను కలపడం +- బహుళ పరిస్థితులు ఉన్నప్పుడు `else if` ఉపయోగించి హైయరార్కీ ఏర్పరచడం +- అన్ని సంభవాలు చివరలో `else` స్టేట్మెంట్‌తో నిర్వహించడం +- వేర్వేరు పరిస్థితులకు స్పష్టమైన ఫీడ్‌బ్యాక్ అందించడం ```javascript -// దశ 3: త్రిబాహువక ఆపరేటర్‌తో సంక్షిప్త షరతు +// దశ 3: టర్నరీ ఆపరేటర్‌తో సంక్షిప్త సshరనాత్మక పరిస్థితి const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet"; console.log(`Status: ${votingStatus}`); ``` -**మీరు గుర్తుంచుకోవాల్సింది:** -- సాధారణ రెండు ఎంపికల పరిస్థితుల కోసం టర్నరీ ఆపరేటర్ (`? :`) వాడండి -- షరతు, తర్వాత `?`, సత్య ఫలితం, తర్వాత `:`, అసత్య ఫలితం రాయండి -- షరతు ఆధారంగా విలువలు అప్పగించేటప్పుడు ఈ ప్యాటర్న్ అనుసరించండి +**మీకే గుర్తుంచుకోవాల్సింది:** +- సరళమైన రెండు-ఐచ్ఛిక పరిస్థితులకు టెర్నరీ ఆపరేటర్ (`? :`) వాడడం +- షరతు మొదటకి రాయడం, తర్వాత `?`, నిజమైన ఫలితాన్ని, `:`,తప్పుడు ఫలితాన్ని రాయడం +- షరతుల ఆధారంగా విలువలు కేటాయించేటప్పుడు ఈ నమూనాను ఉపయోగించడం ```javascript -// దశ 4: బహుళ నిర్దిష్ట విషయాలను నిర్వహించడం +// దశ 4: బహుళ ప్రత్యేక కేసులను నిర్వహించడం const dayOfWeek = "Tuesday"; switch (dayOfWeek) { @@ -444,56 +445,56 @@ switch (dayOfWeek) { } ``` -**ఈ కోడ్ ఈ క్రింది పనిచేస్తుంది:** -- వేరియబుల్ విలువను బహుళ ప్రత్యేక కేసులతో మ్యాచ్ చేయండి -- సమానమైన కేసులను (వారంతపు రోజులు vs. వీకెండ్) గ్రూప్ చేయండి -- మ్యాచ్ సిగ్గు పడితే సరైన కోడ్ బ్లాక్ అమలు చేయండి -- అనుకోని విలువల కోసం `default` కేస్ అందించండి -- తదుపరి కేసుకి వెళ్లకుండా `break` స్టేట్మెంట్లు ఉపయోగించండి +**ఈ కోడ్ సాధించే దాని ముఖ్యాంశాలు:** +- వేరియబుల్ విలువను బహుళ నిర్దిష్ట కేసులతో సరిపోల్చడం +- సమానమైన కేసులను భాగాలుగా (వారపు రోజులు vs వారం చివరి) గుంపుగా చేయడం +- సరిపోగా ఉన్న కోడ్ బ్లాక్ నడపడం +- అప్రతిష్టిత విలువలకు `default` కేసును చేర్చడం +- తదుపరి కేసుకు వెళ్లకుండా `break` స్టేట్మెంట్స్ ఉపయోగించడం -> 💡 **ప్రాక్టికల్ అనాలజీ**: కంట్రోల్ ఫ్లోని ప్రపంచంలో అత్యంత సహనశీలమైన జీపీఎస్ తార్గెట్ దారులను ఇచ్చేలా ఆలోచించండి. “ముఖ్య రహదారిపై ట్రాఫిక్ ఉంటే, హైవే వెళ్ళండి. హైవే బ్లాక్ అయితే, అందమైన మార్గం ప్రయత్నించండి.” ప్రోగ్రామ్స్ ఇలాంటి షరతుల లాజిక్ ఉపయోగించి వివిధ పరిస్థితులకు తెలివిగా స్పందిస్తాయి మరియు యూజర్లకి ఉత్తమ అనుభవాన్ని ఇస్తాయి. +> 💡 **ప్రాసంగిక ఉదాహరణ**: కంట్రోల్ ఫ్లోని ప్రపంచంలోనే అధీక్షమ GPS తో మీకు దారిచూపడం లా ఆలోచించండి. "ముఖ్య సడెన్ వాహన రాకుండా ఉండి, మీరు హైవేకి వెళ్లండి. హైవే రోడ్డు పనులతో మూసివిడితే, స్కెనిక్ రూట్ ప్రయత్నించండి." ప్రోగ్రామ్స్ కూడా ఇదే రకమైన షరతు లాజిక్‌ని వాడి వివిధ పరిస్థితులకు తెలివిగా స్పందిస్తాయి మరియు యూజర్లకు ఉత్తమ అనుభవం అందిస్తాయి. -### 🎯 **కాన్సెప్ట్ చెక్: బిల్డింగ్ బ్లాక్స్ లో మాస్టరీ** +### 🎯 **ఆలోచన పరీక్ష: మౌలిక భాగాల పరిజ్ఞానం** -**మూలాధారాలతో మీరు ఎటువంటి స్థాయిలో ఉన్నారు చూడండి:** -- మీ సొంత మాటల్లో వేరియబుల్ మరియు స్టేట్మెంట్ మధ్య తేడా చెప్పగలరా? -- ఒక ప్రాక్టికల్ సందర్భంలో మీరు if-then నిర్ణయాన్ని ఎప్పుడు వాడుతారో ఆలోచించండి (మా ఓటు ఉదాహరణ లాగా) -- ప్రోగ్రామింగ్ లాజిక్ లో ఏ విషయం మిమ్మల్ని ఆశ్చర్యపరిచింది? +**మీరు మూలాలను ఎలా అర్థం చేసుకున్నారు చూద్దాం:** +- వేరియబుల్ మరియు స్టేట్మెంట్ మధ్య తేడా ఏమిటి? మీ మాటల్లో చెప్పండి +- ఒక నిజ జీవిత పరిస్థితిని ఆలోచించండి, మీరు if-then నిర్ణయం తీసుకునే (మా ఓటింగ్ ఉదాహరణ వంటిది) +- ప్రోగ్రామింగ్ లో ఏదైనా విస్మయపరిచిన విషయం ఏమిటి? -**వేగంగా ఆత్మవిశ్వాసం పెంచుకుందాం:** +**త్వరిత విశ్వాసం పెంపకం:** ```mermaid flowchart LR - A["📝 ప్రకటనలు
(సూచనలు)"] --> B["📦 చరాలు
(సంగ్రహణ)"] --> C["🔀 నియంత్రణ ప్రవాహం
(తీర్మానాలు)"] --> D["🎉 పని కార్యక్రమం!"] + A["📝 ప్రకటనలు
(సూచనలు)"] --> B["📦 వేరియబులు
(సంగ్రహణ)"] --> C["🔀 నియంత్రణ ప్రవాహం
(నిర్ణయాలు)"] --> D["🎉 పనిచేస్తున్న ప్రోగ్రామ్!"] style A fill:#ffeb3b style B fill:#4caf50 style C fill:#2196f3 style D fill:#ff4081 ``` -✅ **తరువాత ఏమి వస్తుంది**: మేము ఈ కాన్సెప్ట్‌లు పై మరింత లోతుగా సుభౌమ్యంగా ప్రయాణం కొనసాగించబోతున్నాము! మీరు ప్రస్తుతం ముందున్న అద్భుతమైన అవకాశాలపై ఉత్సాహంగా ఉండండి. నిర్దిష్ట నైపుణ్యాలు మరియు సాంకేతికతలు సహజంగానే పద్ధతిగా అర్థమవుతాయి – ఇది మీరు ఊహించిన కన్నా చాలా సరదాగా ఉంటుంది అని హామీ ఇస్తున్నాను! +✅ **తరువాత ఏం వస్తోంది**: మా అద్భుతమైన ప్రయాణంలో ఈ భావనలు మరింత లోతుగా నేర్చుకోబోతున్నాం! ఇప్పటి కోసం, ఈ అద్భుతమైన అవకాశాల గురించి ఆ ఉత్సాహాన్ని పైలగొనండి. ప్రత్యేక నైపుణ్యాలు వ్యవహరించేటప్పుడు సహజంగానే నేర్చుకుంటారు – ఇది మీరు ఊహించినట్లు అదనంగా రసప్రదంగానే ఉంటుంది! -## వాడే పరికరాలు +## వాడే సాధనాలు -ఇప్పడైతే, నిజంగా నేను ఉత్సాహంతో ఊగిపోతున్నా! 🚀 మిమ్మల్ని డిజిటల్ స్పేస్‌షిప్ కీస్ అందించట్లుగా మీరు అనుభవించే అద్వితీయ పరికరాల గురించి చర్చించబోతున్నాము. +సరే, నిజంగా ఇది నాకు చాలా ఉత్సాహాన్ని ఇస్తున్నది! 🚀 మేము ఇప్పుడు మాట్లాడబोతోన్న సాధనాలు వాస్తవానికి మీరు ఒక డిజిటల్ స్పేస్‌షిప్ కీలు అందుకున్నట్లుగా అనిపిస్తాయి. -మీలో ఒక చెఫ్ తన చేతులతోనే పూర్తిగా సంతృప్తి కలిగించే కత్తులు ఎలా ఉంటాయో తెలుసా? లేక ఒక సంగీతకారుడు తాకగానే పాడే గిటార్ తనది ఉంటుంది? అలాగే డెవలపర్లు తమ సొంత మాంత్రిక పరికరాలు కలిగి ఉంటారు, మరియు ఇక్కడ మీకు ఆశ్చర్యాన్ని ఇస్తుంది – ఎక్కువగా అవి పూర్తిగా ఉచితం! +మీరు చూస్తున్న క్యుయి పాకాల వంటవాడు ఒకసారి తన చేతులకు సరిపోయే సమతుల్యత గల కత్తులతో తయారవుతాడు కదా? లేదా సంగీతవిద్ధుడు ఒక గొప్ప గిటార్ ఉపయోగిస్తాడు, దానిని తుడిచిన వెంటనే పాడుతుంది? డెవలపర్లు కూడా అలాంటి మాంత్రిక సాధనాలు వాడతారు, మరియు ఇక్కడ మీ మనసును తిప్పే విషయం ఏంటంటే – వాటిలో ఎక్కువ సమస్యా ఉచితం! -నేను మీతో వాటిని పంచుకోవాలని ఎంతో ఆసక్తిగా ఉన్నాను, ఎందుకంటే అవి సాఫ్ట్‌వేర్ తయారీ విధానాన్ని పూర్తిగా మార్చివేశాయి. AI ఆధారిత కోడింగ్ సహాయకులు, Wi-Fi తో ఎక్కడినుండి అయినా పూర్తిగా అప్లికేషన్లు రెడీ చేసుకునే క్లౌడ్ పరికరాలు, ప్రోగ్రామ్స్ కి అద్భుతమైన ఎక్స్-రే విజన్ లాగా డీబగ్గింగ్ టూల్స్ ఉన్నాయి. +నేను ఆ ఉత్సాహంతో కదులుతున్నాను లో, ఎందుకంటే ఈ సాధనాలు మా సాఫ్ట్‌వేర్ అభివృద్ధి పద్దతిలో పూర్తిగా విప్లవాత్మక మార్పులు తీసుకువచ్చాయి. మేము AI ఆధారిత కోడింగ్ అసిస్టెంట్ల గురించి మాట్లాడుతున్నాం, ఇవి మీ కోడ్ రాయడంలో సహాయపడతాయి (నేను సరదాగా కాదు!), క్లౌడ్ పరిసరాలు, ఏ దిక్కులోనైనా Wi-Fi తో మొత్తం అప్లికేషన్‌లు నిర్మించుకోవడానికి, X-రే దృష్టి లాగా పనిచేసే డీబగ్గింగ్ టూల్స్ ఉన్నాయి. -ఇంకా ఆశ్చర్యకరమైన విషయం: ఇవి "బిగినర్స్ టూల్స్" కాదని, మీరు వీటిని దాటిపోయే అవకాశమే లేదు. గూగుల్, నెట్‌ఫ్లిక్స్, మరియు మీరు ఇష్టపడే ఆ ఇండి యాప్ స్టూడియోల డెవలపర్లు ఇప్పుడు వాడుతున్న అత్యుత్తమ ప్రొఫెషనల్ క్లాస్ పరికరాలే ఇవి. మీరు వాడినపుడు ప్రొఫెషనల్‌లా అనిపించేది ఖచ్చితమే! +మరియు ఇక్కడ ఇంకా నాకు గట్టి ఇన్స్పిరేషన్ ఇస్తుంది: ఇవి "ప్రారంభ టూల్స్" కాదు, మీరు పెరుగుదలతో మోసుకురావు టూల్స్ కూడా కాదు. ఇవి Google, Netflix, మరియు మీరు ఇష్టపడే ఆ ఇండీ యాప్ స్టూడియో సహా ప్రొఫెషనల్ డెవలపర్స్ వాడుకునే వారు. మీరు వాటిని వాడటం ద్వారా ఒక ప్రొఫెషనల్ లాగా అనిపిస్తారు! ```mermaid graph TD A["💡 మీ ఆలోచన"] --> B["⌨️ కోడ్ ఎడిటర్
(VS కోడ్)"] - B --> C["🌐 బ్రౌజర్ డెవ్‌టూల్స్
(టెస్టింగ్ & డీబగ్గింగ్)"] - C --> D["⚡ కమాండ్ లైన్
(ఆటోమెషన్ & టూల్స్)"] - D --> E["📚 డాక్యుమెంటేషన్
(కొనసాగింపు & సూచనలు)"] + B --> C["🌐 బ్రౌజర్ డెవ్‌టూల్స్
(పరీక్ష & డీబగ్గింగ్)"] + C --> D["⚡ కమాండ్ లైన్
(ఆటోమేషన్ & సాధనాలు)"] + D --> E["📚 డాక్యుమెంటేషన్
(సంగ్రహ & సూచనలు)"] E --> F["🚀 అద్భుతమైన వెబ్ యాప్!"] - B -.-> G["🤖 AI అసిస్టెంట్
(GitHub కోపైలట్)"] - C -.-> H["📱 డివైస్ టెస్టింగ్
(స్పందనాత్మక డిజైన్)"] + B -.-> G["🤖 AI సహాయకుడు
(GitHub కోపైలట్)"] + C -.-> H["📱 పరికరం పరీక్ష
(ప్రతిస్పందనాత్మక రూపకల్పన)"] D -.-> I["📦 ప్యాకేజ్ మేనేజర్లు
(npm, యార్న్)"] - E -.-> J["👥 సమాజం
(స్టాక్ ఓవర్ఫ్లో)"] + E -.-> J["👥 సమూహం
(స్టాక్ ఓవర్‌ఫ్లో)"] style A fill:#fff59d style F fill:#c8e6c9 @@ -502,349 +503,346 @@ graph TD style I fill:#ffccbc style J fill:#e8eaf6 ``` -### కోడ్ ఎడిటర్లు మరియు IDEs: మీ కొత్త డిజిటల్ బెస్ట్ ఫ్రెండ్స్ +### కోడ్ ఎడిటర్లూ మరియు IDEs: మీ నూతన డిజిటల్ స్నేహితులు -కోడ్ ఎడిటర్లు గురించి మాట్లాడుకుందాం – ఇవి మీ కొత్త ఇష్టమైన చోట్లుగా మారబోతున్నాయి! మీ వ్యక్తిగత కోడింగ్ శరణాల్లా వీటిని భావించండి - ఇక్కడ మీరు ఎక్కువ సమయం కృషి చేసి మీ డిజిటల్ సృష్టులను పక్కా చేస్తారు. +కోడ్ ఎడిటర్ల గురించి చెప్పుకుందాము – ఇవి నిజంగా మీ ప్రతీ రోజు వాడే ప్రియమైన ప్రదేశాలు కావబోతున్నాయి! ఇది మీ వ్యక్తిగత కోడింగ్ ఆశ్రమం వంటి, అక్కడ మీరు ఎక్కువ సమయం గడపబోతారు మీ డిజిటల్ సృష్టుల తయారీ మరియు మెరుగు కొరకు. -ఇప్పుడు, ఆధునిక ఎడిటర్ల అద్భుతమైన విషయం ఏమిటంటే: అవి కేవలం సున్నితమైన టెక్స్ట్ ఎడిటర్లు కాదు. అవి 24/7 మీరు వెంటనే కలుసుకునే అత్యంత ప్రతిభావంతమైన మరియు సహాయక కోడింగ్ గురువువంటి లాంటివి. అవి మీరు గమనించకముందే టైపోగ్రాఫికల్ లోపాలను పట్టుకుంటాయి, మీరు ఒక జీనియస్ లాగా కనిపించే సూచనలు ఇస్తాయి, ప్రతి కోడ్ భాగం ఏం చేస్తుందో అర్థం చేసుకోడానికి సహాయపడతాయి, బాగున్నవి మీరు టైపు చేయబోయే పదాలను ముందుగానే ఊహించి మీ ఆలోచనలను పూర్తి చేసేందుకు సహాయపడతాయి! +ఒక అద్భుతమైన విషయం ఏమిటంటే: ఆధునిక ఎడిటర్లు కేవలం సుందరమైన టెక్స్ట్ ఎడిటర్లు కాదు. ఇవి 24/7 కాలంలో మీనక్కు కూర్చొని ఉండే అత్యంత తెలివైన, మద్దతైన కోడింగ్ గురువుల్లా ఉంటాయి. మీరు తప్పుపడినప్పుడే అది పట్టుకుంటుంది, మెరుగులు సూచిస్తుంది, ప్రతీ కోడ్ భాగం ఏలా పనిచేస్తుందో అర్థం చేసుకోవచ్చుగా సహాయపడుతుంది, కొన్నింటి ప్రిడిక్ట్ చేసి మీరు రాయబోయే భావన ముగించేందుకు సహకరిస్తాయి! -నేను మొదటి సారి ఆటో-కంప్లీషన్ కనుగొన్నప్పుడు; నిజంగా భవిష్యత్తులోనే ఉన్ననని అనిపించింది. మీరు ఏదైనా టైప్ చేయడం ప్రారంభిస్తే, మీ ఎడిటర్ అట్టి మాటలు అంటుంది: "ఏ, మీరు మీకు కావలసిన ఫంక్షన్‌ గురించి ఆలోచిస్తున్నారా?" ఇది మీ కోడింగ్ సఖుడు మైండ్ రీడర్ లాగా ఉంటుంది! +నేను ఆ ఆటో-కంప్లీషన్ మొదటిసారి కనుక్కుంటే భవిష్యత్తులో జీవిస్తున్నట్లుగా అనిపించింది. మీరు రాయడం ప్రారంభిస్తే, ఎడిటర్ "ఇది మీరు అవసరమైన ఫంక్షన్ కాదా?" అని చెప్పిపోదుంది. ఇది మీ మెదడును చదువుతున్న కోడింగ్ స్నేహితుడిలా ఉంది! -**ఈ ఎడిటర్లను అద్భుతంగా 만드는 అంశాలు:** +**ఇవి అద్భుతతకు కారణం ఏమిటి?** -ఆధునిక కోడ్ ఎడిటర్లు ఉత్పాదకతను పెంచే లక్షణాల వందలైన కల్పిస్తాయి: +ఆధునిక కోడ్ ఎడిటర్లు మీ పని వేగాన్ని పెంచేందుకు ఇంత భారీ ఫీచర్లను అందిస్తాయి: -| లక్షణం | ఇది చేస్తుంది | ఇది ఎందుకు సహాయపడుతుంది | +| ఫీచర్ | ఇది చేస్తుంది | దీని లాభాలు | |---------|--------------|--------------| -| **సింటాక్స్ హైలైట్** | కోడ్ లో భాగాలను రంగులతో చూపిస్తుంది | కోడ్ చదవడం సులభం మరియు లోపాలు కనపడుతాయి | -| **ఆటో-కంప్లీషన్** | మీరు టైప్ చేస్తున్నప్పుడు కోడ్ సూచిస్తుంది | కోడింగ్ వేగవంతం మరియు లోపాలు తగ్గిస్తుంది | -| **డీబగ్గింగ్ టూల్స్** | లోపాలను కనుగొని సరిచేస్తాయి | సమయాన్ని ఎక్కువగా ఆదా చేస్తాయి | -| **ఎక్స్‌టెన్స్‌ల్స్** | ప్రత్యేక ఫీచర్లను జోడిస్తాయి | ఎడిటర్‌ను మీరు కోరుకునే టెక్నాలజీకి సొగసుగా మార్చొచ్చు | -| **AI సహాయకులు** | కోడ్ మరియు వివరణలను సూచిస్తాయి | నేర్చుకోవడాన్ని మరియు ఉత్పాదకతను వేగవంతం చేస్తాయి | +| **సింటాక్స్ హైలైటింగ్** | మీ కోడ్ భాగాలను రంగుల చేసి చూపుతుంది | కోడ్ చదవడం సులభం, తప్పులను గమనించవచ్చు | +| **ఆటో-కంప్లీషన్** | మీరు టైపుచేసేటప్పుడు కోడ్ సలహాలు ఇస్తుంది | కోడింగ్ వేగవంతం అవుతుంది, తప్పిదాలు తగ్గుతాయి | +| **డీబగ్గింగ్ టూల్స్** | తప్పులను కనుగొని సరిచేయడంలో సహాయపడుతుంది | పరిష్కారానికి ఎక్కువ సమయం ఆదా చేస్తుంది | +| **విస్తరణలు** | ప్రత్యేక ఫీచర్లను జోడించవచ్చు | టెక్నాలజీకి అనుగుణంగా ఎడిటర్ కస్టమైజ్ చేయవచ్చు | +| **AI అసిస్టెంట్లు** | కోడ్ మరియు వివరణలను సూచిస్తాయి | నేర్చుకోవడం మరియు పనితీరు వేగవంతం అవుతుంది | -> 🎥 **వీడియో వనరు**: ఈ టూల్స్ ను ప్రత్యక్షం తో చూడాలనుకుంటే, దీన్ని చూడండి [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) పూర్తి అవగాహన కోసం. +> 🎥 **వీడియో వనరు**: ఈ సాధనాలను ప్రత్యక్షంగా చూసేందుకు ఈ [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) చూడండి. -#### వెబ్ డెవలప్‌మెంట్ కు సిఫార్సు చేయబడిన ఎడిటర్లు +#### వెబ్ డెవలప్‌మెంట్‌కు సిఫార్సు చేయబడిన ఎడిటర్లు **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (ఉచితం) -- వెబ్ డెవలపర్లలో అత్యంత ప్రాచుర్యం పొందినది -- అద్భుతమైన ఎక్స్‌టెన్షన్ ఎకోసిస్టమ్ -- బిల్ట్-ఇన్ టెర్మినల్ మరియు Git ఇంటిగ్రేషన్ -- **అత్యవసర ఎక్స్‌టెన్షన్స్**: +- వెబ్ డెవలపర్లలో అత్యధిక ప్రాచుర్యం +- అద్భుతమైన విస్తరణ వ్యవస్థ +- ఇంటిగ్రేటెడ్ టెర్మినల్ మరియు Git +- **అవసరమైన విస్తరణలు**: - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI ఆధారిత కోడ్ సూచనలు - - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - ప్రత్యక్ష సహకారం - - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - ఆటోమాటిక్ కోడ్ ఫార్మాటింగ్ - - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - కోడ్ లో చివర విచ్ఛిన్నాలు పట్టిస్తుంది + - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - రియల్ టైం సహకారం + - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - ఆటోమేటిక్ కోడ్ ఫార్మాటింగ్ + - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - కోడ్లో టైపోలను పట్టుకోవటం -**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (చెల్లించాలి, విద్యార్థులకు ఉచితం) -- అభివృద్ధి చెందిన డీబగ్గింగ్ మరియు పరీక్షా పరికరాలు +**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (చెల్లింపు, విద్యార్థులకు ఉచితం) +- అధునిక డీబగ్గింగ్ మరియు టెస్టింగ్ సాధనాలు - తెలివైన కోడ్ కంప్లీషన్ -- బిల్ట్-ఇన్ వెర్షన్ కంట్రోల్ +- ఇంటిగ్రేటెడ్ వర్షన్ కంట్రోల్ -**క్లౌడ్ ఆధారిత IDEలు** (వివిధ ధరలు) -- [GitHub Codespaces](https://github.com/features/codespaces) - మీ బ్రౌజర్లో పూర్తి VS Code -- [Replit](https://replit.com/) - నేర్చుకోవడం మరియు కోడ్ పంచుకోడానికి బాగుంది -- [StackBlitz](https://stackblitz.com/) - తక్షణ, పూర్తి స్టాక్ వెబ్ డెవలప్‌మెంట్ +**క్లౌడ్ ఆధారిత IDE లు** (విభిన్న ధరలతో) +- [GitHub Codespaces](https://github.com/features/codespaces) - మీ బ్రౌజర్‌లో పూర్తి VS Code +- [Replit](https://replit.com/) - నేర్చుకోవడానికి మరియు కోడ్ షేర్ చేయడానికి గొప్పది +- [StackBlitz](https://stackblitz.com/) - తక్షణ, పూర్తి-స్టాక్ వెబ్ డెవలప్‌మెంట్ -> 💡 **ప్రారంభ సూచన**: Visual Studio Code తో ప్రారంభించండి – ఇది ఉచితం, పరిశ్రమలో విస్తృతంగా వాడబడుతుంది మరియు అనేక ట్యుటోరియల్స్ మరియు ఎక్స్‌టెన్షన్స్ అందుబాటులో ఉన్నాయి. +> 💡 **ప్రారంభ సూచన**: Visual Studio Code తో మొదలుపెట్టండి – ఇది ఉచితం, పరిశ్రమలో విస్తృతంగా వాడబడుతోంది, మరియు సహాయక ట్యుటోరియల్స్ మరియు విస్తరణలతో పెద్ద కమ్యూనిటీ ఉంది. -### వెబ్ బ్రౌజర్లు: మీ రహస్య అభివృద్ధి ప్రయోగశాల +### వెబ్ బ్రౌజర్లు: మీ రహస్య డెవలప్‌మెంట్ ల్యాబ్ -సరే, ఇప్పుడు మీరు బ్రౌజర్ లను సోషల్ మీడియా స్రోలింగ్ కొరకు మరియు వీడియోలు చూడటానికి వాడుతారని తెలుసు కదా? అయితే, ఇది తెలుసుకోండి, ఈ బ్రౌజర్లు ముప్పు తగలని అద్భుతమైన రహస్య అభివృద్ధి ప్రయోగశాల గానూ మీరు ఎప్పుడూ కనిపెట్టాలనుకుంటూ తలచుకుంటున్నా దాచిపెట్టుకున్నాయి! +సరే, మీ మనసును పూర్తి రీతిలో ఆశ్చర్యపెట్టుకోండి! మీరు సామాజిక మాధ్యమాలు బ్రౌజ్ చేయటానికి మరియు వీడియోలు చూడటానికి బ్రౌజర్లను గమనిస్తున్నారు కదా? అవి మీకు కనిపించకుండా ఈ అద్భుత రహస్య డెవలపర్ ల్యాబరేటరీని దాచుకున్నాయి, మీరు ఇప్పుడే ఆవిష్కరించాలని ఎదురుచూస్తున్నాయి! -ప్రతి సారి మీరు వెబ్ పేజీపై రైట్-క్లిక్ చేసి "Inspect Element" ఎంచుకునప్పుడు, మీరు ఒక దాచిన డెవలపర్ టూల్స్ ప్రపంచాన్ని తెరిచారు, అది నేను మొదటుగా వందల డాలర్లు చెల్లించి కొనుగోలు చేసుకున్న కొన్ని ఖరీదైన సాఫ్ట్‌వేర్‌ల కంటే ఎక్కువ శక్తివంతమైనది. ఇది అలాగే ఉంటుంది, మీ సాధారణ వంటగదిలో ఒక ప్రొఫెషనల్ చెఫ్ ప్రయోగశాల రహస్యంగా కనబడటం లాంటిది! -మొదటి సారిగా ఎవరైనా నాకు బ్రౌజర్ DevTools చూపించడం జరిగినప్పుడు, నేను సుమారు మూడు గంటల పాటు చుట్టూ క్లిక్ చేస్తూ "వేట్, ఇది కూడా చేయగలదా?!" అని అనుకున్నాను. మీరు లైవ్‌లో ఏదైనా వెబ్‌సైట్‌ని ఎడిట్ చేయవచ్చు, ఏది ఎంత వేగా లোడ్ అవుతుందో ఖచ్చితంగా చూడవచ్చు, మీ సైట్ విభిన్న పరికరాలలో ఎలా కనిపిస్తుందో పరీక్షించవచ్చు, మరియు పూర్తి ప్రొఫెషనల్‌లా JavaScript ను డీబగ్ చేయవచ్చు. ఇది నిజంగా మనస్సును ఊరిస్తుంది! +ప్రతి సారి మీరు వెబ్‌పేజీపై రైట్-క్లిక్ చేసి "Inspect Element" ఎంచుకున్నప్పుడు, మీరు నిజంగా ఆయాకి సరిపోలుతోన్న డెవలపర్ టూల్స్ ప్రపంచం తెరకు డ్రాయింగ్ చేస్తున్నారు, ఇవి మీరు వందల డాలర్ల ఖర్చు చెల్లించి కొన్న కొన్ని సాఫ్ట్‌వేర్‌ల కంటే ఎక్కువ శక్తివంతంగా ఉంటాయి. ఇది మీ సాధారణ కిచెన్ వెనుక రహస్యంగా ఉన్న ప్రొఫెషనల్ చెఫ్ ప్రయోగశాల కనిపెట్టినట్లు! +మొట్టమొదటిసారిగా ఎవ్వరైనా బ్రౌజర్ డెవ్‌టూల్స్ చూపించగానే, నేను గంటల తరబడి కుడి కొడుతూ "వేచుకోండి, ఇది కూడా చేస్తుందా?!" అని అనుకున్నా. మీరు నిజంగా ఏ వెబ్‌సైట్‌ను అయినా రియల్-టైమ్‌లో ఎడిట్ చేయవచ్చు, ఏది ఎంత వేగంగా లోడ్ అవుతుందో స్పష్టంగా చూడవచ్చు, మీరు డిఫరెంట్ డివైసులపై మీ సైట్ ఎలా కనిపిస్తుందో పరీక్షించవచ్చు, మరియు జావాస్క్రిప్ట్‌ను కూడా ప్రొఫెషనల్‌లాగా డీబగ్ చేయవచ్చు. ఇది నిజంగా అద్భుతమే! -**ఇక్కడ బ్రౌజర్లు మీ గుట్టు ఆయుధం ఎందుకు:** +**ఇది బ్రౌజర్లు మీ గుప్త ఆయుధమయ్యే కారణాలు:** -మీరు వెబ్‌సైట్ లేదా వెబ్ యాప్‌ని సృష్టించినప్పుడు, అది నిజ జీవితంలో ఎలా కనిపిస్తూ ఎలా వ్యవహరిస్తుందో చూడటం అవసరం. బ్రౌజర్లు మీ పని చూపేだけ కాక, పనితీరు, సౌలభ్యం మరియు సంభవించే సమస్యల గురించి వివరమైన ఫీడ్బ్యాక్ ఇస్తాయి. +మీరు ఒక వెబ్‌సైట్ లేదా వెబ్ అప్లికేషన్ సృష్టించే సమయంలో, అది ఎలా కనిపిస్తోంది మరియు ఎలా ప్రవర్తిస్తోంది అనేది మీరు నిజ జీవితంలో చూడాలి. బ్రౌజర్లు మీ పనిచేసినదాన్ని మాత్రమే చూపించరు, కానీ పనితీరు, అనుకూలత, మరియు లోపాల గురించి విశదమైన ఫీడ్‌బ్యాక్ అందిస్తాయి. #### బ్రౌజర్ డెవలపర్ టూల్స్ (DevTools) -నవీన బ్రౌజర్లు సమగ్ర అభివృద్ధి సూట్స్ కలిగి ఉంటాయి: +ఆధునిక బ్రౌజర్లు సమగ్ర అభివృద్ధి సముదాయాలను కలిగి ఉంటాయి: -| టూల్ వర్గం | అది ఏమి చేస్తుంది | ఉదాహరణ ఉపయోగం | +| టూల్ విభాగం | అది చేస్తుంది | ఉదాహరణ ఉపయోగం | |---------------|--------------|------------------| -| **ఎలిమెంట్ ఇన్స్పెక్టర్** | లైవ్‌లో HTML/CSS చూడటం మరియు ఎడిట్ చేయడం | వెంటనే ఫలితాలు చూసేందుకు శైలిని మార్చడం | -| **కన్సోల్** | లోప సందేశాలను చూడటం మరియు JavaScript పరీక్షించడం | సమస్యలను డీబగ్ చేయడం, కోడ్‌తో ప్రయోగాలు చేయడం | -| **నెట్‌వర్క్ మానిటర్** | వనరులు ఎలా లోడ్ అవుతున్నాయో ట్రాక్ చేయడం | పనితీరును మెరుగుపరచడం మరియు లోడింగ్ సమయాలు | -| **అక్సెసిబిలిటీ చెకర్** | సర్వసామాన్య రచనను పరీక్షించడం | మీ సైట్ అన్ని వినియోగదారుల కోసం పనిచేస్తుందో నిర్ధారించడం | -| **డివైస్ సిమ్యులేటర్** | విభిన్న స్క్రీన్ పరిమాణాలలో ప్రివ్యూ | ఒకటి చేయకుండా responsive డిజైన్‌ను పరీక్షించడం | +| **ఎలిమెంట్ ఇన్స్పెక్టర్** | HTML/CSS ను రియల్-టైమ్‌లో చూడండి మరియు సవరించండి | స్టైలింగ్ సర్దుబాటు చేసి తక్షణ ఫలితాలు చూడండి | +| **కన్సోల్** | లోపాల సందేశాలు చూడండి మరియు జావాస్క్రిప్ట్‌ను పరీక్షించండి | సమస్యలను డీబగ్ చేసి కోడ్‌ను ప్రయోగించండి | +| **నెట్వర్క్ మానిటర్** | వనరులు ఎలా లోడ్ అవుతాయో ట్రాక్ చేయండి | పనితీరు మరియు లోడింగ్ సమయాలను మెరుగుపరచండి | +| **అక్సెసిబిలిటీ చెకర్** | సమగ్ర డిజైన్ కోసం పరీక్షించండి | మీ సైట్ అందరికి పనిచేయాలని నిర్థారించండి | +| **డివైస్ సిమ్యులేటర్** | వివిధ స్క్రీన్ పరిమాణాలలో ప్రివ్యూ చేయండి | ఒకటికి ఎక్కువ డివైసులు లేకుండా ప్రతిస్పందనాత్మక డిజైన్‌ను పరీక్షించండి | -#### అభివృద్ధికి సిఫారసు చేసిన బ్రౌజర్లు +#### అభివృద్ధి కోసం సిఫారసు చేయబడ్డ బ్రౌజర్లు -- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - పరిశ్రమ ప్రమాణ DevTools మరియు విస్తృత దస్తావేజులతో -- **[Firefox](https://developer.mozilla.org/docs/Tools)** - అద్భుతమైన CSS గ్రిడ్ మరియు అక్సెసిబిలిటీ టూల్స్ -- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - క్రోమియంపై ఆధారితమైన మైక్రోసాఫ్ట్ డెవలపర్ వనరులతో +- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - విస్తృత డాక్యుమెంటేషన్ కలిగిన పరిశ్రమ-స్థాయి DevTools +- **[Firefox](https://developer.mozilla.org/docs/Tools)** - అద్భుతమైన CSS గ్రిడ్ మరియు అనుకూలత టూల్స్ +- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - మైక్రోసాఫ్ట్ డెవలపర్ వనరులతో Chromium ఆధారంగా -> ⚠️ **ముఖ్యమైన పరీక్ష సూచన**: మీ వెబ్‌సైట్లను ఎప్పుడూ పలు బ్రౌజర్లలో పరీక్షించండి! Chrome లో సరిగ్గా పనిచేసినది Safari లేదా Firefox లో తేడాగా కనిపించవచ్చు. ప్రొఫెషనల్ డెవలపర్లు అన్ని ప్రధాన బ్రౌజర్లలో పరీక్షించి, సुसంస్కృత వినియోగదారుల అనుభవాలను నిర్ధారిస్తారు. +> ⚠️ **महत्त्वपूर्ण  परीक्षण సూచన**: మీ వెబ్‌సైట్‌లను ఎప్పుడూ అనేక బ్రౌజర్లలో పరీక్షించండి! Chrome లో సరిగ్గా పనిచేసినది Safari లేదా Firefox లో వేరుగా కనిపించవచ్చు. ప్రొఫెషనల్ డెవలపర్లు అన్ని ప్రధాన బ్రౌజర్‌లలో పరీక్షించి సురక్షిత వాడకం నిర్ధారిస్తారు. -### కమాండ్ లైన్ టూల్స్: డెవలపర్ సూపర్ పవర్స్‌కు మీ గేట్‌వే +### కమాండ్ లైన్ టూల్స్: డెవలపర్ సూపర్ పవర్స్ కు మీ ద్వారం -బాగుంది, ఇప్పుడు కమాండ్ లైన్ గురించి నిజాయతీగా మాట్లేద్దాం, నేను మీరు నిజంగా అర్థం చేసుకోగలిగిన వ్యక్తి నుంచి ఇది వినాలనుకుంటున్నాను. మొదట చూశానప్పుడు – ఆ భయంకరమైన నలుపు తెర, బెదిలించే టెక్స్ట్ తో – నేను నిజంగా అనుకున్నాను, "లేదు, అసలు కాదు! ఇది 1980ల హ్యాకర్ మూవీ నుండి వచ్చినట్టు ఉంది, నేను దీని కోసం సరైన తెలివి లేను!" 😅 +సరే, కమాండ్ లైన్ గురించి నిజాయతీగా మాట్లాడుకుందాం, ఎందుకంటే దీన్ని నిజంగా అర్థం చేసుకున్నవారి నుండి మీరు వినాలని ఉంది. నేను మొదటి సారి దీన్ని చూసినప్పుడు – ఆ భయంకరమైన నల్ల తెర బల్కర్లు మెరిసే టెక్స్ట్ తో – నేను గట్టిగా అనుకున్నా, "లేదు, అంతకంటే కాదు! ఇది ఎటో 1980ల హ్యాకర్ చిత్రంలాంటి ఉంది, నేను దీని పైన చమది కాదు!" 😅 -కానీ నేను అప్పుడే తెలుసుకోవాలని మనసారా కోరుకునేది ఇదిగో, మీరు ఇప్పుడు నన్ను విన్నట్టే: కమాండ్ లైన్ భయంకరం కాదు – ఇది మీ కంప్యూటరుతో నేరుగా మాట్లాడుతున్నట్లే. ఒక అద్భుత ఇమేజ్‌లు, మెనూలతో ఆర్డర్ చేసే fancy యాప్ (ఆ సులభమైనది) తో పోల్చితే, మీరు ఇష్టపడే స్థానిక రెస్టారెంట్‌లోకి నడిచి వెళ్లి, చెఫ్ "సర్‌ప్రైజ్ ఇవ్వండి" అనడంతోనే అద్భుతం తయారుచేసేలా ఉంటుంది. +కానీ ఆ సమయంలో నాకు ఎవరో చెప్పి ఉంటే ఎంత బాగుండేదో, మరియు ఇప్పటికీ మీకు చెబుతున్నది: కమాండ్ లైన్ భయంకరం కాదు – ఇది మీ కంప్యూటర్‌తో నేరుగా సంభాషించడంలా ఉంటుంది. అనుకోండి, మీరు ఫొటోలు మరియు మెనూలు ఉండే ఫ్యాన్సీ ఆప్ ద్వారా ఆహారం ఆర్డర్ చేయడంలా (ఇది సులభం), కేవలం మీ ఇష్టాలను తెలుసుకున్న మీరు ఇష్టమైన స్థానిక రెస్టారెంట్‌లో నేరుగా వెళ్లి "ఎక్కడైనా ఆశ్చర్యకరమైనది తయారుచేయండి" అని చెప్పడంలా ఉంటుంది. -కమాండ్ లైన్ అనేది డెవలపర్లు తమను నిజమైన వ mágicians లా భావించే చోటు. మీరు కొన్ని మాంత్రిక పదాలు టైప్ చేసి (సరే, అవి కేవలం కమాండ్లు కానీ అది మాంత్రికంగా అనిపిస్తాయి!), ఎంటర్ కొడితే, BOOM – మీరు పూర్తిగా ప్రాజెక్ట్ స్ట్రక్చర్స్ సృష్టించవచ్చు, ప్రపంచవ్యాప్తంగా శక్తివంతమైన టూల్స్ ఇన్‌స్టాల్ చేసుకోవచ్చు, లేదా మీ యాప్‌ను మిలియన్ల మందికి ఇంటర్నెట్‌లోకి పంపవచ్చు. మొదటి సారిగా ఆ శక్తిని ఆస్వాదించిన తర్వాత, అది నిజంగా బాగా అలవాటు అవుతుంది! +కమాండ్ లైన్ వద్ద డెవలపర్లు పూర్తిగా మాంత్రికులమవుతారు. మీరు కొన్ని మాయాజాలిక మాటలు టైప్ చేసి (ఇవి కేవలం కం౦డ్స్, కానీ మాయాజాలంలా అనిపిస్తాయి!), ఎంటర్ కొడతారు, అప్పుడు బూమ్! మీరు మొత్తం ప్రాజెక్ట్ నిర్మాణాలను సృష్టిస్తారు, ప్రపంచవ్యాప్తంగా శక్తివంతమైన టూల్స్ ఇన్స్టాల్ చేస్తారు, లేదా మీ యాప్‌ను ఇంటర్నెట్‌లో మిలియన్లకు చూపిస్తారు. ఆ శక్తి మొదటి సారి అనుభూతి చెందినప్పుడు అది నిజంగా బాగా అలవాటు అవుతుంది! -**కమాండ్ లైన్ మీ ఇష్టమైన టూల్ అవ్వడం ఎందుకు:** +**కమాండ్ లైన్ మీకు ఇష్టమైన టూల్ అవ్వడానికి కారణాలు:** -గ్రాఫికల్ ఇంటర్‌ఫేస్‌లు అనేక పనులకు గొప్పవి అయినప్పటికీ, కమాండ్ లైన్ ఆటోమేషన్, ఖచ్చితత్వం మరియు వేగం కోసం మించినది. అనేక అభివృద్ధి టూల్స్ ముఖ్యంగా కమాండ్ లైన్ ద్వారా పనిచేస్తాయి, వాటిని సమర్థవంతంగా ఉపయోగించడం మీ ఉత్పాదకతను గణనీయంగా పెంచుతుంది. +గ్రాఫికల్ ఇంటర్‌ఫేసులు చాలా పనులకు మంచి, కానీ కమాండ్ లైన్ ఆటోమేషన్, ఖచ్చితత్వం, మరియు వేగంలో నైపుణ్యాన్ని అందిస్తుంది. చాలా అభివృద్ధి టూల్స్ వెనుక కమాండ్ లైన్ ఇంటర్‌ఫేసులో నడుస్తాయి, వాటిని సమర్థవంతంగా నేర్చుకోవడం మీ ఉత్పాదకతను గణనీయంగా పెంచుతుంది. ```bash -# దశ 1: ప్రాజెక్ట్ డైరెక్టరీను సృష్టించండి మరియు దాని వద్దకి నావిగేట్ చేయండి +# దశ 1: ప్రాజెక్ట్ డైరెక్టరీ సృష్టించి దారం చేయండి mkdir my-awesome-website cd my-awesome-website ``` - -**ఈ కోడ్ ఏమి చేస్తుందో:** -- **"my-awesome-website"** అని కొత్త డైరెక్టరీ క్రియేట్ చేయడం -- ప్రాజెక్టుకు పని আৰম্ভించేందుకు ఆ కొత్త డైరెక్టరీలోకి వెళ్లడం + +**ఈ కోడ్ ఏమి చేస్తుంది:** +- **మీ ప్రాజెక్ట్ కోసం** "my-awesome-website" అనే కొత్త డైరెక్టరీ సృష్టిస్తుంది +- **కొత్తగా సృష్టించబడిన డైరెక్టరీలోకి నావిగేట్ అవుతుంది** పని ప్రారంభించడానికి ```bash -# దశ 2: package.json తో ప్రాజెక్ట్‌ను ప్రారంభించండి +# దశ 2: package.json తో ప్రాజెక్ట్ ప్రారంభించండి npm init -y -# ఆధునిక అభివృద్ధి పరికరాలను ఇన్‌స్టాల్ చేయండి +# ఆధునిక అభివృద్ధి సాధనాలను ఇన్‌స్టాల్ చేయండి npm install --save-dev vite prettier eslint npm install --save-dev @eslint/js ``` - -**దశ దశగా ఈ ప్రాసెస్:** -- `npm init -y` ఉపయోగించి డిఫాల్ట్ సెట్టింగ్స్‌తో కొత్త Node.js ప్రాజెక్టు ప్రారంభించడం -- వేగవంతమైన అభివృద్ధి మరియు ఉత్పత్తి బిల్డ్స్ కోసం Vite ని ఇన్స్టాల్ చేయడం -- ఆటోమేటిక్ కోడ్ ఫార్మాటింగ్ కోసం Prettier మరియు కోడ్ నాణ్యత కోసం ESLint ని జోడించడం -- డెవలప్మెంట్-కేవలం ఆధారిత ప్యాకేజీలనుగా గుర్తించడానికి `--save-dev` ఫ్లాగ్ ఉపయోగించడం + +**దశల వారీగా, ఇది ఇలా జరుగుతుంది:** +- `npm init -y` ఉపయోగించి డిఫాల్ట్ సెట్టింగులతో కొత్త Node.js ప్రాజెక్ట్ ప్రారంభిస్తుంది +- వేగవంతమైన అభివృద్ధి మరియు ప్రొడక్షన్ బిల్డ్స్ కోసం ఆధునిక బిల్డ్ టూల్ Vite ఇన్స్టాల్ చేస్తుంది +- ఆటోమేటిక్ కోడ్ ఫార్మాటింగ్ కోసం Prettier, కోడ్ నాణ్యత తనిఖీ కోసం ESLint జతచేస్తుంది +- ఈ డిపెండెన్సీలను డెవలప్‌మెంట్-మాత్రమే అనేది `--save-dev` ఫ్లాగ్‌తో ఉపయోగిస్తుంది ```bash -# దశ 3: ప్రాజెక్ట్ నిర్మాణం మరియు ఫైళ్లు సృష్టించండి +# దశ 3: ప్రాజెక్ట్ నిర్మాణం మరియు ఫైళ్లను సృష్టించండి mkdir src assets echo 'My Site

Hello World

' > index.html -# అభివృద్ధి సర్వర్ ప్రారంభించండి +# అభివృద్ధి సర్వర్‌ను ప్రారంభించండి npx vite ``` + +**పై విధంగా, మేము:** +- సోర్స్ కోడ్ మరియు ఆస్తులకు వేర్వేరు ఫోల్డర్లు సృష్టించి ప్రాజెక్ట్‌ను ఆర్గనైజ్ చేశాము +- సరిగ్గా డాక్యుమెంట్ నిర్మాణం కలిగిన బేసిక్ HTML ఫైల్ రూపొందించాము +- లైవ్ రీలొడింగ్ మరియు హాట్ మాడ్యూల్ రీప్లేస్‌మెంట్ కొరకు Vite అభివృద్ధి సర్వర్ ప్రారంభించాము -**పై వాక్యాల్లో, మేము:** -- సోర్స్ కోడ్ మరియు ఆస్తుల కోసం వేర్వేరు ఫోల్డర్లను సృష్టించి ప్రాజెక్టును సక్రమం చేసినాము -- సరైన డాక్యుమెంట్ స్ట్రక్చర్ తో ప్రాథమిక HTML ఫైల్ సృష్టించాము -- లైవ్ రీలొడింగ్ మరియు హాట్ మోడ్యూల్ రీప్లేస్‌మెంట్ కోసం Vite డెవలప్మెంట్ సర్వర్ ప్రారంభించాము - -#### వెబ్ అభివృద్ధి కోసం అత్యవసర కమాండ్ లైన్ టూల్స్ - -| టూల్ | ఉద్దేశ్యం | ఎందుకు అవసరం | -|------|---------|-----------------| -| **[Git](https://git-scm.com/)** | వెర్షన్ కంట్రోల్ | మార్పులను ట్రాక్ చేయడం, సహకారం, బ్యాకప్ | -| **[Node.js & npm](https://nodejs.org/)** | JavaScript రన్‌టైమ్ & ప్యాకేజీ మేనేజ్‌మెంట్ | బ్రౌజర్లకు వెలుపల JavaScript నడిపించటం, ఆధునిక అభివృద్ధి టూల్స్ ఇన్‌స్టాల్ చేయటం | -| **[Vite](https://vitejs.dev/)** | బిల్డ్ టూల్ & డెవ సర్వర్ | వేగవంతమైన అభివృద్ధి, హాట్ మోడ్యూల్ రీప్లేస్‌మెంట్ తో | -| **[ESLint](https://eslint.org/)** | కోడ్ నాణ్యత | JavaScript లో సమస్యలను స్వయంచాలకంగా కనుగొని సరిచేయడం | -| **[Prettier](https://prettier.io/)** | కోడ్ ఫార్మాటింగ్ | మీ కోడ్‌ని దృఢంగా మరియు చదవడానికి సులభంగా ఉంచడం | +#### వెబ్ డెవలప్‌మెంట్ కోసం అవసరమైన కమాండ్ లైన్ టూల్స్ -#### వేదిక-పరీక్షించిన ఎంపికలు +| టూల్ | ప్రయోజనం | మీకు ఎందుకు అవసరం | +|-------|----------|-----------------| +| **[Git](https://git-scm.com/)** | వెర్షన్ కంట్రోల్ | మార్పులు ట్రాక్ చేయడం, ఇతరులతో సహకారం, బ్యాకప్ | +| **[Node.js & npm](https://nodejs.org/)** | జావాస్క్రిప్ట్ రంటైం & ప్యాకేజీ మేనేజ్మెంట్ | బ్రౌజర్ల బయట జావాస్క్రిప్ట్ నడిపించడం, ఆధునిక టూల్స్ ఇన్స్టాల్ చేయడం | +| **[Vite](https://vitejs.dev/)** | బిల్డ్ టూల్ & డెవ్ సర్వర్ | అద్భుతంగా తక్షణ అభివృద్ధి, హాట్ మాడ్యూల్ రీప్లేస్‌మెంట్ | +| **[ESLint](https://eslint.org/)** | కోడ్ నాణ్యత | జావాస్క్రిప్ట్ లో సమస్యలను ఆటోమేటిక్‌గా గుర్తించడం మరియు సరిచేయడం | +| **[Prettier](https://prettier.io/)** | కోడ్ ఫార్మాటింగ్ | మీ కోడ్‌ను స్థిరంగా మరియు చదవడానికి సులభంగా ఉంచుతుంది | -**విండోస్:** -- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - ఆధునిక, ఫీచర్-భరితమైన టెర్మినల్ -- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - శక్తివంతమైన స్క్రిప్టింగ్ వాతావరణం -- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - సంప్రదాయ విండోస్ కమాండ్ లైన్ +#### ప్లాట్‌ఫారం-ప్రత్యేక ఎంపికలు -**macOS:** -- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - బిల్ట్-ఇన్ టెర్మినల్ అప్లికేషన్ -- **[iTerm2](https://iterm2.com/)** - అధునాతన ఫీచర్లతో టెర్మినల్ ను మెరుగుపరచడం +**Windows:** +- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - ఆధునిక, ఫీచర్స్ పుష్కలమైన టెర్మినల్ +- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - శక్తివంతమైన స్క్రిప్టింగ్ వాతావరణం +- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - సాంప్రదాయ విండోస్ కమాండ్ లైన్ -**లినక్స్:** -- **[Bash](https://www.gnu.org/software/bash/)** 💻 - ప్రామాణిక లినక్స్ షెల్ -- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - అధునాతన టెర్మినల్ ఎమ్యులేటర్ +**macOS:** +- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - రూపొందించబడిన టెర్మినల్ అప్లికేషన్ +- **[iTerm2](https://iterm2.com/)** - మెరుగైన ఫీచర్లతో అగ్రగామి టెర్మినల్ -> 💻 = ఆపరేటింగ్ సిస్టమ్ లో ముందే ఇన్‌స్టాల్ చేయబడింది +**Linux:** +- **[Bash](https://www.gnu.org/software/bash/)** 💻 - ప్రామాణిక లినక్స్ షెల్ +- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - అధునాతన టెర్మినల్ ఎమ్యులేటర్ -> 🎯 **అధ్యయన మార్గం**: మొదటి స్టెప్‌లాలో `cd` (డైరెక్టరీ మార్చడం), `ls` లేదా `dir` (ఫైళ్ళ జాబితా), `mkdir` (ఫోల్డర్ సృష్టించడం) వంటి ఆదేశాలు నేర్చుకోండి. ఆధునిక వర్క్‌ఫ్లో కమాండ్లను ఉపయోగించి (`npm install`, `git status`, `code .` ద్వారా ప్రస్తుత డైరెక్టరీని VS Code లో ఓపెన్ చేయడం) ప్రాక్టీస్ చేయండి. మీరు సుభిక్షమవుతున్న కొద్దీ ఇదివరకు మరిన్ని పటిష్ట ఆదేశాలు మరియు ఆటోమేషన్ సాంకేతికతలను నేర్చుకుంటారు. +> 💻 = ఆపరేటింగ్ సిస్టమ్లో ముందే ఇన్స్టాల్ + +> 🎯 **అధ్యయన మార్గం**: `cd` (డైరెక్టరీ మార్చు), `ls` లేదా `dir` (ఫైళ్లను జాబితా చేయండి), `mkdir` (ఫోల్డర్ సృష్టించు) వంటి ప్రాథమిక కమాండ్‌లతో ప్రారంభించండి. `npm install`, `git status`, మరియు `code .` (ప్రస్తుత డైరెక్టరీని VS Code లో తెరవడం) వంటి ఆధునిక వర్క్‌ఫ్లో క‌మాండ్లతో సాధన చేయండి. మీరు సుఖంగా ఉన్న కొద్దీ, మీరు స్వయంచాలక సాధనాలు మరియు అభివృద్ధి పద్ధతులను సహజంగా నేర్చుకుంటారు. -### డాక్యుమెంటేషన్: మీ ఎప్పుడూ అందుబాటులో ఉండే నేర్పించే గురువు +### డాక్యుమెంటేషన్: మీ ఎప్పుడూ అందుబాటులో ఉన్న అధ్యయన గురువు -సరే, నేను మీకు ఒక చిన్న రహస్యం చెప్పాలని ఉంది, ఇది మీరు ఒక ప్రాథమికుడు అని భావించి మీకు చాలా నచ్చేలా చేస్తుంది: అత్యంత అనుభవజ్ఞులైన డెవలపర్లు కూడా వారి సమయంలో చాలా భాగాన్ని డాక్యుమెంటేషన్ చదవడంలో గడుపుతారు. వారు ఏమి చెయ్యలేకపోతున్నారు కాబట్టి కాదు – ఇది నిజంగా మేధస్సుని సూచిస్తుంది! +సరే, మీరు ఒక ప్రారంభదశలో ఉన్నందుకు మీరు ఎంతో సంతోషపడేవిధంగా ఒక రహస్యం పంచుకోబోతున్నాను: అత్యంత అనుభవజ్ఞులైన డెవలపర్లు కూడా వారి సమయానికి పెద్ద భాగాన్ని డాక్యుమెంటేషన్ చదవడంలో గడిపిపోతారు. అది వారు అనర్థం కావడమంటే కాదు – అది తెలివితేటల సూచన! -డాక్యుమెంటేషన్ అనేది ప్రపంచంలోని అత్యంత ఉన్నతమైన, తెలిసిన వారిని 24/7 అందుబాటులో ఉంచుకోవడం లాంటిది. సమస్యలో చిక్కుకున్నారా 2 AM లో? డాక్యుమెంటేషన్ మీకు ఆవశ్యమైన జవాబుతో ఘనంగా సహాయం చేస్తుంది. వారంతా చర్చిస్తున్న కొత్త ఫీచర్ గురించి తెలుసుకోవాలనుకుంటున్నారా? డాక్యుమెంటేషన్ దగ్గర దాని గురించి స్టెప్-బై-స్టెప్ ఉదాహరణలు ఉన్నాయి. ఒక విషయం ఎందుకు పనిచేస్తుందో అర్థం కావాలనుకుంటే? డాక్యుమెంటేషన్ మీకు సులభంగా అర్థం అవ్వే విధంగా వివరిస్తుంది! +డాక్యుమెంటేషన్ ను ప్రపంచంలోనే అత్యంత ఆలోచనాత్మకమైన, జ్ఞానసారమైన ఉపాధ్యాయులు 24/7 అందుబాటులో ఉన్నట్లుగానే భావించండి. సాయంత్రం 2 గంటల సమయంలో స‌మ‌స్యలో మొరబడి ఉన్నారా? డాక్యుమెంటేషన్ అక్కడ దయగల వర్చువల్ ఆలింగనం తో మరియు మీరు కోరుకున్న సమాధానంతో ఉంది. అందరూ మాట్లాడుతున్న కొత్త ఫీచర్ గురించీ తెలుసుకోవాలనుకుంటున్నారా? డాక్యుమెంటేషన్ దశల వారీ మార్గదర్శకాలతో మీకు సహాయం చేస్తుంది. ఏదైన విషయం ఎందుకు ఇలా పని చేస్తుందో అర్థం కావాలనుకుంటే? డాక్యుమెంటేషన్ అక్కడ మీకు అర్థమయ్యేలా వివరించడానికే సిద్ధంగా ఉంది! -ఏదైనా నేను పూర్తిగా నా అభిప్రాయాన్ని మార్చిన విషయం ఇదిగో: వెబ్ అభివృద్ధి ప్రపంచం అత్యంత వేగంగా మారుతున్నది మరియు ఎవరూ (అంటే ఒకరూ కాదు!) అన్ని విషయాలను గుండెలో పెట్టుకోరు. 15+ సంవత్సరాల అనుభవం ఉన్న ఉన్నత స్థాయి డెవలపర్లు కూడా ప్రాథమిక సింటాక్స్ చూసుకుంటూ ఉంటారు, దీనిలో ఏమి ఇష్టం? అది సమర్ధత! సుదీర్ఘ జ్ఞాపకశక్తి ఉండటం కాదు; అది భరోసా లభించే సమాధానాలను త్వరగా కనుగొనడం మరియు వాటిని ఎలా వర్తించాలో అర్థం చేసుకోవడమే. +నాకున్నదే నాకు పూర్తి దృక్పథాన్ని మార్చేసింది: వెబ్ అభివృద్ధి ప్రపంచం తక్కువ సమయంలోనే విపరీతంగా మారుతుంది, మరియు ఎవ్వరూ కూడా (నిజమే, ఎవరూ కాదు!) అన్నీ గుండెల్లో పెట్టుకోరు. 15+ సంవత్సరాల అనుభవం ఉన్న సీనియర్ డెవలపర్లు ప్రాథమిక సింటాక్స్ కోసం చూస్తూ ఉంటారు, మీరు తెలుసా? అది అవాస్తవం కాదు – అది తెలివితేట! ఇది పర్ఫెక్ట్ మెమరీ ఉండటం పట్ల కాదు; అది విశ్వసనీయ సమాధానాలను త్వరగా కనుగొని వాటిని ఎలా వర్తింపజేయాలో తెలుసుకోవడంలో ఉంది. -**ఇక్కడ నిజమైన మాంత్రికత జరుగుతుంది:** +**ఇక్కడే నిజమైన మాంత్రికత జరుగుతుంది:** -ప్రొఫెషనల్ డెవలపర్లు చాలా సమయం డాక్యుమెంటేషన్ చదవడంలో గడుపుతారు – వారు తెలియకపోవటం కోసం కాదు, కానీ వెబ్ అభివృద్ధి ప్రపంచం చాలా వేగంగా అభివృద్ధి చెందుట వల్ల ఎప్పటికప్పుడు నేర్చుకోవడం అవసరం. మంచి డాక్యుమెంటేషన్ మీరు *ఎలా* ఉపయోగించాలో మాత్రమే కాదు, *ఎందుకు* మరియు *ఎప్పుడు* ఉపయోగించాలో అర్థం చేయడంలో సహాయపడుతుంది. +ప్రొఫెషనల్ డెవలపర్లు వారి సమయానికి పెరుగుదల వరకు పెద్ద భాగాన్ని డాక్యుమెంటేషన్ చదవడంలో గడుపుతారు – అది వారు అనర్థం కావడంలేదు, కానీ వెబ్ అభివృద్ధి విభాగం చాలా వేగంగా మారుతున్నందున తాజాతో ఉండటానికి నిరంతర అధ్యయనం అవసరం. అద్భుతమైన డాక్యుమెంటేషన్ మీకు *ఎలా* ఉపయోగించాలో మాత్రమే కాకుండా *ఎందుకు* మరియు *ఎప్పుడు* ఉపయోగించాలో అర్థం చేసుకోవడంలో సహాయం చేస్తుంది. -#### అత్యవసర డాక్యుమెంటేషన్ వనరులు +#### అవసరమైన డాక్యుమెంటేషన్ వనరులు -**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)** -- వెబ్ సాంకేతిక డాక్యుమెంటేషన్ కోసం బంగారు ప్రమాణం -- HTML, CSS మరియు JavaScript పరిచయాలు వివరించిన సమగ్ర మార్గదర్శకాలు -- బ్రౌజర్ అనుకూలత సమాచారం -- ప్రాక్టికల్ ఉదాహరణలు మరియు ఇంటరాక్టివ్ డెమోలతో +**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)** +- వెబ్ టెక్నాలజీ డాక్యుమెంటేషన్‌కు గోల్డ్ స్టాండర్డ్ +- HTML, CSS, మరియు జావాస్క్రిప్ట్ కోసం సమగ్ర మార్గదర్శకాలు +- బ్రౌజర్ అనుకూలత సమాచారాన్ని కలిగి ఉంటుంది +- ప్రాక్టికల్ ఉదాహరణలు మరియు ఇంటరాక్టివ్ డెమోలతో కూడినది -**[Web.dev](https://web.dev)** (గూగుల్ ద్వారా) -- ఆధునిక వెబ్ అభివృద్ధి ఉత్తమ రీతులు -- పనితీరు ఆప్టిమైజేషన్ మార్గదర్శకాలు -- సౌలభ్య మరియు సమగ్ర డిజైన్ సిద్ధాంతాలు -- నిజప్రపంచ ప్రాజెక్టుల కేస్ స్టడీలు +**[Web.dev](https://web.dev)** (గూగుల్ నుండి) +- ఆధునిక వెబ్ అభివృద్ధి ఉత్తమ పద్ధతులు +- పనితీరు ఆప్టిమైజేషన్ గైడ్‌లు +- అనుకూలత మరియు సమగ్ర డిజైన్ సిద్ధాంతాలు +- వాస్తవ ప్రాజెక్టుల కేసు స్టడీస్ -**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)** -- Edge బ్రౌజర్ అభివృద్ధి వనరులు -- ప్రోగ్రెసివ్ వెబ్ యాప్ మార్గదర్శకాలు -- క్రాస్-ప్లాట్‌ఫామ్ అభివృద్ధి అవగాహన +**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)** +- ఎడ్జ్ బ్రౌజర్ అభివృద్ధి వనరులు +- ప్రోగ్రెసివ్ వెబ్ యాప్ గైడ్‌లు +- క్రాస్-ప్లాట్‌ఫారమ్ అభివృద్ధి అవగాహన -**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)** -- నిర్మిత అధ్యయన పాఠ్యక్రమాలు -- పరిశ్రమ నిపుణుల వీడియో కోర్సులు -- చేతితో చేసే కోడింగ్ వ్యాయామాలు +**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)** +- క్రమబద్ధీకరించిన అధ్యయన ప్రణాళికలు +- పరిశ్రమ నిపుణుల వీడియో కోర్సులు +- చేతితో చేసే కోడింగ్ వ్యాయామాలు -> 📚 **అధ్యయన వ్యూహం**: డాక్యుమెంటేషన్ ను గుండెల్లో పెట్టుకుందామనకూడదు – దానిని సమర్థవంతంగా ఎలా నావిగేట్ చేయాలో నేర్చుకోండి. తరుచుగా ఉపయోగించే సూచనలను బుక్‌మార్క్ చేసుకొని, వేగంగా ప్రత్యేక సమాచారాన్ని కనుగొనడానికి శోధన ఫంక్షన్‌లను ఉపయోగించండి. +> 📚 **అధ్యయన వ్యూహం**: డాక్యుమెంటేషన్‌ను జ్ఞాపకంలో పెట్టుకోబద్దకండి – దాన్ని సమర్థవంతంగా ఎలా నావిగేట్ చేయాలో నేర్చుకోండి. తరచుగా వాడే సూచికలను బుక్‌మార్క్ చేసుకోండి మరియు ప్రత్యేక సమాచారాన్ని వేగంగా కనుగొనడానికి సెర్చ్ ఫంక్షన్స్‌ను ఉపయోగించడంలో సాధన చేయండి. -### 🔧 **టూల్ మాస్టరీ చెక్: మీకు ఏమి ఆకర్షిస్తోంది?** +### 🔧 **టూల్ మాస్టరీ చెక్: మీకు ఏది పసందయ్యింది?** -**ఒక క్షణం ఆలోచించండి:** -- మీరు మొదట ప్రయత్నించాలనుకుంటున్న టూల్ ఏది? (తప్పు జవాబు లేదు!) -- ఇంకా కమాండ్ లైన్ భయంగా ఉందా లేదా మీరు దానిపై ఆసక్తి పడుతున్నారా? -- మీ ఇష్టమైన వెబ్‌సైట్ల వెనుక కంటే Peek చేయడానికి బ్రౌజర్ DevTools ఉపయోగిస్తున్నట్లు ఊహించగలరా? +**ఒక నిమిషం ఆలోచించి చూడండి:** +- మీరు ఏ టూల్‌ను మొదట ప్రయత్నించాలనుకుంటున్నారు? (ఎటువంటిది తప్పు కాదు!) +- కమాండ్ లైన్ ఇంకా భయంకరంగా అనిపిస్తుందా, లేక ఆసక్తిగా ఉందా? +- మీ ప్రియమైన వెబ్ సైట్ల వెనుక ఉండే پردాకాశాలను చూడటానికి బ్రౌజర్ డెవ్‌టూల్స్ ఉపయోగించటం ఊహించగలరా? ```mermaid -pie title "పరికరాలతో డెవలపర్ ఖర్చు చేసిన సమయం" +pie title "ఉపకరణాలతో డెవలపర్ సమయం" "కోడ్ ఎడిటర్" : 40 "బ్రౌజర్ పరీక్ష" : 25 "కమాండ్ లైన్" : 15 - "డాక్యుమెంట్స్ చదవడం" : 15 - "డిబగ్గింగ్" : 5 -``` -> **ఆసక్తికరమైన విశ్లేషణ**: చాలా మంది డెవలపర్లు తమ కోడ్ ఎడిటర్‌లో సుమారు 40% సమయం గడుపుతారు, కానీ పరీక్షలు, నేర్చుకోవడం, సమస్య పరిష్కారానికి ఎంత సమయం వెచ్చిస్తారో గమనించండి. ప్రోగ్రామింగ్ కేవలం కోడ్ రాయడమే కాదు – అనుభవాలను సృష్టించడం! + "డాక్యుమెంట్లు చదవడం" : 15 + "డీబగ్గింగ్" : 5 +``` +> **మనొరంజనకమైన విషయం**: చాలా మంది డెవలపర్లు వారి కోడ్ సంపాదకంలో సుమారు 40% సమయాన్ని గడుపుతారు, కానీ పరీక్షించడం, అధ్యయనం చేయడం, సమస్య పరిష్కారం చేయడంలో ఎంత సమయం ఖర్చవుతుందో గమనించండి. ప్రోగ్రామింగ్ కేవలం కోడ్ రాయడం మాత్రమే కాదు – అది అనుభవాలను రూపకల్పన చేసుకోవడమే! -✅ **ఆలోచించవలసిన విషయం**: మీకు ఆసక్తికరమైన విషయమేదంటే పరీక్షించండి – వెబ్‌సైట్లు నిర్మించడానికి (అభివృద్ధి) ఉపయోగించే టూల్స్, వాటి రూపాన్ని డిజైన్ చేయడానికి ఉపయోగించే టూల్స్ నుండి ఎలా వేర్వేరుగా ఉంటాయి? ఇది ఇలాంటిదే, ఒక వాస్తవికుడు బాగున్న గృహాన్ని డిజైన్ చేస్తాడు, మరొకరు అది కోరుకున్న రూపంలో కట్టే కాంట్రాక్టర్. రెండూ కీలకమైనవి, కానీ వేర్వేరు టూల్‌బాక్స్‌లు అవసరం! ఈ తర్కం మీకు వెబ్‌సైట్‌లు ఎలా సృష్టించబడుతాయో పెద్ద దృష్టిని అందిస్తుంది. +✅ **ఆలోచనకి ఆహారం**: వెబ్‌సైట్స్‌ను నిర్మించే టూల్స్ (అభివృద్ధి) మరియు అవి ఎలా కనిపిస్తాయి అన్న విషయాన్ని రూపకల్పన చేసే టూల్స్ (డిజైన్) ఎలా వేరువేరులు అని మీరు ఎలా అనుకుంటారు? ఇది ఒక అందమైన ఇల్లు రూపకల్పన చేసే ఆర్కిటెక్ట్ మరియు ఆ ఇల్లు నిర్మించే కాంట్రాక్టర్ మధ్య తేడాగా ఉంటుంది. రెండు ముఖ్యమైనవి, కానీ వేర్వేర్వుగా ఉండే టూల్‌బాక్స్‌లు అవసరం! ఇలాంటి ఆలోచన మీకు వెబ్‌సైట్లు ఎలా జీవితం పొందుతాయో పెద్ద చిత్రాన్ని అర్థం చేసుకోవడంలో సహాయపడుతుంది. ## GitHub Copilot Agent ఛాలెంజ్ 🚀 Agent మోడ్ ఉపయోగించి క్రింది ఛాలెంజ్ పూర్తి చేయండి: -**వర్ణన:** ఆధునిక కోడ్ ఎడిటర్ లేదా IDE లక్షణాలను పరిశీలించి, ఇది ఎలా వెబ్ డెవలపర్ గా మీ వర్క్‌ఫ్లోని మెరుగుపరుస్తుందో ప్రదర్శించండి. +**వివరణ:** ఆధునిక కోడ్ ఎడిటర్ లేదా IDE ఫీచర్లను అన్వేషించి ఎలా అప్‌వర్క్‌ఫ్లోను మెరుగుపరచగలదో ప్రదర్శించండి. -**ప్రాంప్ట్:** ఒక కోడ్ ఎడిటర్ లేదా IDE (ఉదాహరణకు Visual Studio Code, WebStorm, లేదా క్లౌడ్‌-ఆధారిత IDE) ఎంచుకోండి. మీరు కోడ్ రాయడం, డీబగ్ చేయడం, లేదా నిర్వహణ చేయడాన్ని సులభతరం చేసే మూడు ఫీచర్స్ లేదా విస్తరణలను జాబితా చేయండి. ప్రతి ఒక్కదానికి అది మీ వర్క్‌ఫ్లోకి ఎలా లాభాన్ని తీసుకొస్తుందో సారాంశంగా వివరణ ఇవ్వండి. +**ప్రాంప్ట్:** Visual Studio Code, WebStorm లేదా క్లౌడ్ ఆధారిత IDEలలో ఏదైనా ఒక కోడ్ ఎడిటర్ లేదా IDE ఎంచుకోండి. మీరు కోడ్ రాయడం, డీబగ్గింగ్, లేదా కోడ్ నిర్వహణలో సహాయపడే మూడు ఫీచర్లు లేదా విస్తరణలు (ఎక్స్‌టెన్షన్స్) వివరించండి. ప్రతి ఒక్కటిలో కూడా అది మీ వర్క్‌ఫ్లోకి ఎలా లాభం చేర్పుతుందో చిన్న వివరణ ఇవ్వండి. --- ## 🚀 ఛాలెంజ్ -**సరే, డిటెక్టివ్, మీ మొదటి కేసుకు సిద్దమా?** - -ఇప్పుడల్లా మీరు ఈ అద్భుతమైన ప్రాథమికం పొందారన్న మాటకు, నాకు మీకు ఒక సాహసం ఉంది, ఇది ప్రోగ్రామింగ్ ప్రపంచం ఎంత భిన్నత్వంగా మరియు ఆసక్తికరంగా ఉంటుందో మీకు చూపిస్తుంది. వినండి – ఇంకా కోడ్ రాయడం గురించి ఇది కాదు, కాబట్టి ఒత్తిడి ఉండరాదు! మీరు ఒక ప్రోగ్రామింగ్ భాషల డిటెక్టివ్ లా భావించండి, మీ మొదటి చివుల గ్రహణ కేసు! - -**మీ మిషన్, మీరు అంగీకరిస్తే:** -1. **భాషల అన్వేషకులు అవ్వండి**: పూర్తిగా వేర్వేరు విశ్వాల నుండి మూడు ప్రోగ్రామింగ్ భాషలను ఎంచుకోండి – ఒకటి వెబ్‌సైట్ల కోసం, ఒకటి మొబైల్ యాప్స్ కోసం, మరొకటి శాస్త్రవేత్తలకు డేటా విశ్లేషణకి. ఒక్కటి చేసిన ఒకే సింపుల్ టాస్క్ అందులో మూడు భాషలలో ఎలా వ్రాయబడిందో చూడండి. నేను హామీ ఇస్తాను, అవి ఎంత భిన్నంగా కనిపించినా ఒకే పనిని చేస్తాయన్న విషయం మీకు ఆశ్చర్యంలో పడేస్తుంది! - -2. **ఆవిర్భావ కథలను వెతకండి**: ప్రతి భాష ప్రత్యేకం చేయేది ఏమిటి? ప్రతి ప్రోగ్రామింగ్ భాష ఎందుకు తయారయ్యిందో తెలుసుకోండి – “ఈ సమస్యకు మెరుగైన పరిష్కారం ఉండాలి” అనిపించిందని. కొన్ని కథలు నిజంగా ఆసక్తికరంగా ఉంటాయి! +**సరే, డిటెక్టివ్, మీ తొలి కేసుకోసం సిద్ధంగా ఉన్నారా?** -3. **ఎత్తుగడ కమ్యూనిటీ లను కలుసుకోండి**: ప్రతీ భాష కమ్యూనిటీ ఎంత ఆతిథ్య, ఉత్సాహంతో ఉందో పరిశీలించండి. కొన్ని మిల్లియన్ల మంది డెవలపర్లు ఉండగా, కొన్ని చిన్నవైనా ఒకరికొకరు ఎంతో సహాయం చేసుకునే సమూహాలా ఉంటాయి. మీరు వారి వ్యక్తిత్వాలను చూసి ఆనందిస్తారు! +ఇప్పుడు మీరు ఈ అద్భుతమైన ప్రాథమిక పరిజ్ఞానం పొందినందుకు, నేను మీకు ఒక సాహసం ఇచ్చబోతున్నాను. ఇది మీరు ప్రోగ్రామింగ్ ప్రపంచం ఎంత విభిన్నమైనదీ, రంజిస్తుందో చూడటానికి సహాయపడుతుంది. మరియు వినండి – ఇది ఇప్పుడే కోడ్ రాయడం గురించి కాదు, కావున ఒత్తిడి వద్దు! మీను మీరు మీ తొలి వింతల కేసులను పరిష్కరిస్తున్న ఒక ప్రోగ్రామింగ్ భాషల డిటెక్టివ్‌లా అనుకోండి! -4. **మనసు అనుసరించండి**: ఈ క్షణం మీకు ఏ భాష సులభంగా అనిపిస్తుంది? “పర్ఫెక్ట్” ఎంపిక కోసం ఒత్తిడి చెందకండి – మీ ప్రవృత్తులను వినండి! ఇదిలో తప్పు జవాబు లేదు, మీరు తరువాత ఇతర భాషలను సమీక్షించవచ్చు. +**మీ మిషన్, మీరు అంగీకరిస్తే:** +1. **భాషా అన్వేషకుడివ్వండి:** పూర్తిగా వివిధ униవర్సీలనుండి మూడు ప్రోగ్రామింగ్ భాషలను ఎంచుకోండి – అందులో ఒకటి వెబ్‌సైట్‌లు సృష్టించే భాష, ఇంకొకటి మొబైల్ యాప్స్ సృష్టించే భాష, మరియు మరొకటి శాస్త్రవేత్తల కోసం డేటా విశ్లేషణ చేస్తున్నది. ప్రతి భాషలో ఒకే సాధారణ పని చేసిన ఉదాహరణలను కనుగొనండి. మీరు ఏకంగా ఎంత వేరుగా కనిపిస్తాయో చూసి ఆశ్చర్యపోతారు! +2. **వారి మూల కథలను వెదకండి:** ప్రతి భాష ప్రత్యేకత ఎందుకు కలిగి ఉంది? ఒక్కొక్క ప్రోగ్రామింగ్ భాష వెనుక ఈ ఆలోచన ఉంటుంది – "ఈ నిర్దిష్ట సమస్యను పరిష్కరించడానికి మెరుగైన మార్గం ఉండాలి" అని ఎవరో భావించారు. ఆ సమస్యలు ఏమిటో తెలుసుకోండి. కొన్ని కథలు నిజంగా ఆసక్తికరంగా ఉంటాయి! +3. **సమూహాలను కలవండి:** ప్రతి భాష సమాజం ఎంత ఏకఆకర్షణీయంగా మరియు ఆసక్తికరంగా ఉందో చూసుకోండి. కొన్ని లక్షల డెవలపర్లు ఒకరినొకరు సహాయంతో చాలా పెద్ద సమూహాలు ఉండగా, మరికొన్ని చిన్న కానీ బాగా బంధం ఉన్నవి. మీరు ఈ సమూహాలకు ఉన్న విభిన్న వ్యక్తిత్వాలను చూడటం ఇష్టపడతారు! +4. **మీ అంతఃస్ఫూర్తిని అనుసరించండి:** మీరు ప్రస్తుతం ఏ భాష మీకు అత్యంత దగ్గరగా అనిపిస్తుంది? "పర్ఫెక్ట్" ఎంపిక ఎందుకు చేయాలో ఒత్తిడి పెట్టుకోకండి – మీ హృదయాన్ని వినండి! ఇది తప్పు సమాధానం లేదు, మరింత సమయం వచ్చినప్పుడు మీరు ఇతర भाषలను అన్వేషించవచ్చు. -**బోనస్ డిటెక్టివ్ పని**: ప్రతీ భాషతో చాలా ప్రధాన వెబ్‌సైట్లు లేదా యాప్స్ ఏవి నిర్మించబడ్డాయో తెలుసుకోండి. Instagram, Netflix, లేదా మీరు ఆడటం ఆపలేని మొబైల్ గేమ్ ఏ భాషలో తయారయ్యాయో ఎక్కడో మీరు ఆశ్చర్యపోతారు! +**బోనస్ డిటెక్టివ్ పని:** మీరు ప్రతి భాషతో ప్రధానంగా ఏ ప్రసిద్ధ వెబ్‌సైట్లు లేదా యాప్స్ నిర్మించబడ్డాయో కనుగొనండి. Instagram, Netflix లేదా మీరు ఆడటం ఆపలేనిది ఐతే ఆ మొబైల్ గేమ్ ఏ భాషతో తయారయ్యిందో తెలిసి మీరు ఆశ్చర్యపోతారు! -> 💡 **గమనించండి**: మీరు ఈ భాషలలో నిపుణులు అవ్వడానికి ప్రయత్నించట్లేదు. మీరు ఇక్కడ తలదాపుగా నివసించే పరిసరాన్ని తెలుసుకుంటున్నారు, అక్కడ మీరు శిబిరం ఏర్పాటు చేసుకోవాలనుకుంటున్నారో నిర్ణయించుకోడానికి ముందు. సమయం తీసుకోండి, సంతోషంగా ఉండండి, మీ ఆసక్తి పటిష్టంగా ఉండనీయండి! +> 💡 **మరచుకోకండి:** మీరు ఈ భాషల్లో నిపుణులు అవ్వడం కాదు. మీరు ఏ ప్రాంతానికి వుండాలనుకుంటున్నారో నిర్ణయించే ముందు ఆ పరిసరాలను తెలుసుకోవడం మాత్రమే. మీకు సమయం కాడు, ఆనందించండి మరియు మీ జిజ్ఞాసను అనుసరించండి! -## మీరు కనుగొన్నారు దాన్ని జరుపుకుందాం! +## మీరు కనుగొన్నదాన్ని జరుపుకుందాం! -హోలీ మోలీ, మీరు ఈ రోజు చాలా అద్భుత విషయాలను గ్రహించారు! నేను నిజంగా ఆనందిస్తున్నాను మీరు ఈ అద్భుత ప్రయాణంలో ఎంతమేర పడ్డారో చూడటానికి. మరియు గుర్తుంచుకోండి – ఇది పరీక్ష కాదు, ఒకటీ కూడా సరైనదే కావాల్సిన అవసరం లేదు. ఇది మీరు ఈ ఆసక్తికర ప్రపంచం గురించి నేర్చుకున్న అన్ని చల్లని విషయాల పట్ల సంబరంగా ఉండటానికి అవకాశం! +అదృష్టవశాత్తు, మీరు ఈ రోజు ఎంతో అద్భుతమైన సమాచారం గ్రహించారు! నేను నిజంగా ఆశ్చర్యం చెందుతున్నాను మీరు ఎంత మేర ఈ అద్భుత ప్రయాణానికి ముడిపడ్డారో చూడటానికి. మరచిపోలేదు – ఇది పరీక్ష కాదు, మీరు అన్ని సరిగ్గా చేయాలని లేదు. ఇది మీరు ఈ ఆహ్లాదకర ప్రపంచం గురించిన మీకో తెలుసుకున్న గర్వం పండుగ తరహా! -[పోస్ట్-లెసన్ ప్రశ్నావళి తీసుకోండి](https://ff-quizzes.netlify.app/web/) -## సమీక్ష & స్వయంవెళుసు +[పోస్ట్-పాఠం క్విజ్‌ను ఎత్తుకోండి](https://ff-quizzes.netlify.app/web/) -**సమయం తీసుకోండి, అన్వేషించండి మరియు మే ఆటో!** +## సమీక్ష & స్వీయ అధ్యయనం -మీరు ఈ రోజు చాలా విషయాలను నేర్చుకున్నట్టు ఉంది, ఇది గర్వించదగిన విషయం! ఇప్పుడు ఆసక్తిని కలిగించే అంశాలను అన్వేషించే సరదా భాగం వచ్చింది. ఇది హోంవర్క్ కాదు – ఇది ఒక సాహసం! +**మీ సమయం తీసుకోండి, ఆస్వాదించండి!** +మీరు ఈ రోజు చాలా విషయాలను అర్థం చేసుకున్నారు, మరియు ఇది మీ గర్వించే విషయం! ఇప్పుడు సరదాగా ఉండే భాగం – మీరు ఆసక్తి చూపించిన విషయాలను అన్వేషించడం. గుర్తుంచుకోండి, ఇది హోంవర్క్ కాదు – ఇది ఒక సాహసయాత్ర! -**మీ ఆసక్తిని ప్రేరేపించే విషయాలను మరింత లోతుగా తెలుసుకోండి:** +**మీ ఆసక్తిని మరింత లోతుగా తెలుసుకోండి:** -**ప్రోగ్రామింగ్ భాషలతో చేతనáci చేయండి:** -- మీకు కనపడిన 2-3 భాషల అధికారిక వెబ్‌సైట్లను సందర్శించండి. ప్రతి భాషకి తన ప్రత్యేక persoonality మరియు కధ ఉంది! -- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), లేదా [Replit](https://replit.com/) వంటి ఆన్‌లైన్ కోడింగ్ ప్లేగ్రౌండ్లను ప్రయత్నించండి. ప్రయోగం చేయడానికి భయపడకండి – మీరు ఏమైనా పాడుచేస్తారు కాదండి! -- మీ ఇష్టమైన భాష ఎలా ఏర్పడింది అన్నదానిపై చదవండి. నిజంగా, కొందరు ఆరంభ కథనాలు ఆకట్టుకునే లక్షణం కలిగి ఉంటాయి మరియు భాషలు ఎలా పనిచేస్తాయో అర్థం చేసుకోవడానికీ సహాయపడతాయి. +**ప్రోగ్రామింగ్ భాషలలో హస్తచాలన చేయండి:** +- మీ దృష్టిని ఆకర్షించిన 2-3 భాషల అధికారిక వెబ్‌సైట్ల సందర్శించండి. ప్రతి భాషకి తన స్వంత వ్యక్తిత్వం మరియు కథ ఉంటుంది! +- [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), లేదా [Replit](https://replit.com/) వంటి ఆన్లైన్ కోడింగ్ ప్లేగ్రౌండ్లను ప్రయత్నించండి. ప్రయోగించడంలో భయపడకండి – మీరు ఏమీ భంగం చేయరు! +- మీ ఇష్టం ఉన్న భాష ఎలా ప్రారంభమైంది అనే విషయం చదవండి. నిజంగా, ఈ మూల కథనాలు చాలా ఆసక్తికరంగా ఉంటాయి మరియు భాషలు ఎందుకు ఆ విధంగా పనిచేస్తాయో అర్థం అయ్యేందుకు సహాయపడతాయి. -**మీ కొత్త పరికరాలతో అలవాటు పడండి:** -- మీరు ఇప్పటివరకు Visual Studio Code డౌన్‌లోడ్ చేయకపోయా? ఇప్పుడే డౌన్‌లోడ్ చేసుకోండి – ఇది ఉచితం మరియు మీరు దీన్ని ఇష్టపడతారు! -- Extension మార్కెట్‌ప్లేస్‌ను కొన్ని నిమిషాలు బ్రౌజ్ చేయండి. ఇది మీ కోడ్ ఎడిటర్ కోసం ఒక యాప్ స్టోర్‌లాగా ఉంది! -- మీ బ్రౌజర్ డెవలపర్ టూల్స్‌ను తెరిచి చుట్టూ క్లిక్ చేయండి. ప్రతిదీ అర్థం చేసుకోవాలని ఈలాంటివి అనవసరం – అక్కడ ఉన్న వాటితో పరిచయమయ్యే ప్రయత్నం చేయండి. +**మీ కొత్త సాధనాలతో స్నేహపూర్వకంగా ఉండండి:** +- మీరు ఇప్పటివరకు డౌన్లోడ్ చేయనట్లయితే Visual Studio Code ను డౌన్లోడ్ చేసుకోండి – ఇది ఉచితం మరియు మీరు దీన్ని ఇష్టపడతారు! +- ఎక్స్టెన్షన్లు మార్కెట్‌ప్లేస్‌లో కొన్ని నిమిషాలు గడుపండి. ఇది మీ కోడ్ ఎడిటర్ కోసం ఒక యాప్ స్టోర్ లాగా ఉంటుంది! +- మీ బ్రౌజర్ యొక్క డెవలపర్ టూల్స్ ను తెరిచి కుడి-ఎడమగా క్లిక్ చేయండి. అన్నీ అర్థం చేసుకోవాలని ఆలోచించవద్దు – అక్కడ ఏమున్నాయో అవగాహన చేసుకోండి. -**కమ్యూనిటీలో చేరండి:** -- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), లేదా [GitHub](https://github.com/) వంటి డెవలపర్ కమ్యూనిటీలను ఫాలో అవ్వండి. ప్రోగ్రామింగ్ కమ్యూనిటీ కొత్తవారిని ఆత్మీయంగా స్వాగతిస్తుంది! -- YouTube లో ప్రారంభ స్థాయి కోడింగ్ వీడియోలు చూడండి. మొదలు పెట్టినవారిని గుర్తున్నట్లుగా అద్భుతమైన క్రియేటర్లు చాలా ఉన్నారు. -- స్థానిక సమావేశాలు లేదా ఆన్‌లైన్ కమ్యూనిటీల్లో చేరాలని పరిశీలించండి. నాకు నమ్మండి, డెవలపర్లు కొత్తవారికి సహాయం చేయడం ఇష్టపడుతుంటారు! +**సమాజంతో చేరుకోండి:** +- [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), లేదా [GitHub](https://github.com/) వంటి డెవలపర్ సమాజాలను అనుసరించండి. ప్రోగ్రామింగ్ సంఘం కొత్తవాళ్లకు చాలా ఆహ్వానిస్తూ ఉంటుంది! +- YouTubeలో ప్రారంభ స్థాయి కోడింగ్ వీడియోలను చూడండి. ప్రారంభిస్తున్న వారికి గుర్తుండే అనేక గొప్ప స్రష్టులు ఉన్నారు. +- స్థానిక మీటప్స్ లేదా ఆన్‌లైన్ సమాజాలలో చేరే ఆలోచన చేయండి. నమ్మండి, డెవలపర్లు కొత్తవాళ్లకు సహాయం చేయడానికే ఇష్టపడతారు! -> 🎯 **శ్రద్ధ పెట్టండి, నేను మీరు గుర్తుంచుకోవలసినది**: మీరు ఓ నిశ్చిత గంటలో కోడింగ్ మాంత్రికుడు అయ్యేలా అంచనా వేయకండి! మీరు ఈ అద్భుతమైన కొత్త ప్రపంచాన్ని పరిచయం చేసుకుంటున్నారు. సమయం తీసుకోండి, ప్రయాణాన్ని ఆనందించండి, మరియు గుర్తుంచుకోండి – మీరు అభిమానం చేసే ప్రతి డెవలపర్ కూడా ఒకప్పుడు మీరు ఉన్న స్థలంలోనే ఉత్సాహంగా, కొంత బాధతో కూర్చుని ఉండేవారు. అది సహజమే, ఇది మీరు సరిగ్గా చేస్తున్నట్లు సూచిస్తుంది! +> 🎯 **శ్రద్ధ పెట్టండి, నేను మీకు చెప్పదలిచినది**: మీరు రాత్రిరోజుకు కోడింగ్ విజార్డ్గా మారాలని అనుకోవడంలేదు! ప్రస్తుతం, మీరు ఈ అద్భుతమైన కొత్త ప్రపంచాన్ని తెలుసుకుంటున్నారు. సమయం తీసుకోండి, ప్రయాణాన్ని ఆస్వాదించండి, మరియు గుర్తుంచుకోండి – మీరు ఆరంభించిన ప్రతి డెవలపర్ కూడా మీరు ఉన్న స్థానంలో excitement తో, కొంత అయోమయం తో కూర్చోున్నాడు. ఇది నైసర్గికం, మరియు మీరు సరికిందే చేస్తున్నట్లుందని సూచిస్తుంది. -## అసైన్‌మెంట్ +## అసైన్మెంట్ [Reading the Docs](assignment.md) -> 💡 **మీ అసైన్‌మెంట్ కోసం ఒక చిన్న ప్రోత్సాహం**: మేము ఇంకా పరిచయమౌనట్లయిన కొన్ని సాధనాలను మీరే అన్వేషించాలి! మునుపటి ఎడిటర్లు, బ్రౌజర్లు, కమాండ్ లైన్ పరికరాలను పొదుపు చేయండి – అక్కడ మరిన్ని అద్భుతమైన అభివృద్ధి సాధనాల విశ్వం ఉంది అన్వేషించడానికి కోసం ఎదురు చూస్తోంది. నిత్యమూ నిర్వహించే మరియు సజావుగా ఆపరేట్ అయ్యే కమ్యూనిటీలను కలిగిన వాటిని వెతకండి (ఈ సాధనాలకు ఉత్తమ ట్యూటోరియల్స్ మరియు సహాయక వ్యక్తులు ఉన్నారు, మీరు తగినపుడు సాయం కోరగలుగుతారు). +> 💡 **మీ అసైన్మెంట్ కొరకు ఒక చిన్న ప్రేరణ:** మనం ఇప్పటి వరకు చూడని కొన్ని టూల్స్‌ని మీరు తప్పకుండా అన్వేషించాలి! ఇప్పటికే చర్చించిన ఎడిటర్లు, బ్రౌజర్లు, కమాండ్ లైన్ ఉపకరణాలను దాటించండి – అక్కడ ఇంకా కొందరు అద్భుతమైన అభివృద్ధి టూల్స్ ఉన్నాయి, అవి తయారుచేసే సమూహాలు చురుకైనవే, సాయం చేసే వర్గాలు చక్కగా ఉంటాయి (ఈ టూల్స్ కి సరైన ట్యుటోరియల్స్ మరియు సహాయక వ్యక్తులు ఉంటారు, మీరు కష్టపడి దారితప్పినా స్నేహపూర్వకంగా వీరు సాయం చేస్తారు). --- -## 🚀 మీ ప్రోగ్రామింగ్ ప్రయాణ టైం‌లైన్ +## 🚀 మీ ప్రోగ్రామింగ్ ప్రయాణ టైంకి లైన్ -### ⚡ **తదుపరి 5 నిమిషాలలో మీరు చేసే పనులు** -- [ ] మీ దృష్టిని ఆకర్షించిన 2-3 ప్రోగ్రామింగ్ భాషల వెబ్‌సైట్లను బుక్‌మార్క్ చేయండి -- [ ] Visual Studio Code డౌన్‌లోడ్ చేయండి, ముందే చేయకపోయినట్లయితే -- [ ] మీ బ్రౌజర్ యొక్క DevTools (F12) ను ఓపెన్ చేసి ఏదైనా వెబ్‌సైట్ చుట్టూ క్లిక్ చేయండి -- [ ] ఒక ప్రోగ్రామింగ్ కమ్యూనిటీలో చేరండి (Dev.to, Reddit r/webdev లేదా Stack Overflow) +### ⚡ **తరువాత 5 నిమిషాల్లో మీరు చేయగలిగేది** +- [ ] మీ ఆసక్తిని ఆకర్షించిన 2-3 ప్రోగ్రామింగ్ భాషల వెబ్‌సైట్లు బుక్‌మార్క్ చేయండి +- [ ] మీరు ఇప్పటివరకు డౌన్లోడ్ చేయనట్లయితే Visual Studio Code డౌన్లోడ్ చేసుకోండి +- [ ] మీ బ్రౌజర్ డెవ్‌ టూల్స్ (F12) తెరిచి ఏ ఒక వెబ్‌సైట్‌పై క్లిక్ చేయండి +- [ ] ఒక ప్రోగ్రామింగ్ సమాజంలో (Dev.to, Reddit r/webdev, లేదా Stack Overflow) చేరండి ### ⏰ **ఈ గంటలో మీరు సాధించగలిగేది** -- [ ] పాఠం తర్వాత క్విజ్ పూర్తి చేసి మీ సమాధానాలను పరిశీలించండి -- [ ] GitHub Copilot ఎక్స్‌టెన్షన్‌తో VS Code సెటప్ చేయండి -- [ ] 2 విభిన్న ప్రోగ్రామింగ్ భాషలలో "Hello World" ఉదాహరణను ఆన్‌లైన్‌లో ట్రై చేయండి -- [ ] YouTube లో "Day in the Life of a Developer" వీడియో చూడండి -- [ ] మీ ప్రోగ్రామింగ్ భాష డ్ర్వేటివ్ వర్క్‌ను మొదలుపెట్టండి (సవాలు నుండి) - -### 📅 **మీ వారాంత సాహసం** -- [ ] అసైన్‌మెంట్ పూర్తి చేసి 3 కొత్త అభివృద్ధి సాధనాలను అన్వేషించండి -- [ ] 5 డెవలపర్లను లేదా ప్రోగ్రామింగ్ ఖాతాలను సోషల్ మీడియాలో ఫాలో చేయండి -- [ ] CodePen లేదా Replit లో ఒక చిన్న ప్రాజెక్టు నిర్మించండి ("Hello, [Your Name]!" కూడా సరిపోతుంది) -- [ ] ఒక డెవలపర్ బ్లాగ్ పోస్ట్ చదవండి, వారి కోడింగ్ ప్రయాణం గురించి -- [ ] ఒక వర్చువల్ మీట్‌ప్లో చేరండి లేదా ప్రోగ్రామింగ్ టాక్ చూడండి -- [ ] మీ ఎంచుకున్న భాషను ఆన్‌లైన్ ట్యూటోరియల్స్ తో నేర్చుకోవడం మొదలుపెట్టండి - -### 🗓️ **మీ నెల వ్యాప్తి మార్పు** -- [ ] మీ మొదటి చిన్న ప్రాజెక్టును నిర్మించండి (ఏదైనా సులభమైన వెబ్‌పేజీ కూడా సరిపోతుంది) -- [ ] ఓపెన్ సోర్స్ ప్రాజెక్టుకు కాలు వేసండి (మొదట డాక్యుమెంటేషన్ సవరణలతో ప్రారంభించండి) -- [ ] కొత్తగా మొదలు పెట్టిన వారిని మెంటర్ చేయండి +- [ ] పాఠం తరువాత ఇచ్చిన క్విజ్ పూర్తి చేసి మీ సమాధానాలను పరిశీలించండి +- [ ] VS Code ను GitHub Copilot ఎక్స్టెన్షన్‌తో సెట్ చేయండి +- [ ] 2 వేర్వేరు ప్రోగ్రామింగ్ భాషల్లో ఆన్‌లైన్‌లో "హెల్లో వర్మ" ఉదాహరణను ప్రయత్నించండి +- [ ] YouTubeలో "డెవలపర్ జీవితంలో ఒక రోజు" వీడియో చూడండి +- [ ] మీరు ఎంచుకున్న భాష గురించి అన్వేషణ మొదలు పెట్టండి (చాలెంజ్ నుండి) + +### 📅 **మీ వారం పొడవైన సాహసయాత్ర** +- [ ] అసైన్మెంట్ పూర్తి చేసి కొత్త 3 అభివృద్ధి టూల్స్‌ని అన్వేషించండి +- [ ] సోషల్ మీడియాలో 5 మంది డెవలపర్లు లేదా ప్రోగ్రామింగ్ ఖాతాలను ఫాలో అవండి +- [ ] CodePen లేదా Replit లో చిన్నదైనా నిర్మాణం చేయండి (కాని "హెల్లో, [Your Name]!" సరిపోతుంది!) +- [ ] ఎవరైనా డెవలపర్ యొక్క కోడింగ్ ప్రయాణంపై ఒక బ్లాగ్ పోస్ట్ చదవండి +- [ ] ఒక వర్చువల్ మీట్‌అప్ లేదా ప్రోగ్రామింగ్ ప్రసంగం చూడండి +- [ ] మీరు ఎంచుకున్న భాష మరింత నేర్చుకోవడానికి ఆన్లైన్ ట్యుటోరియల్స్ మొదలు పెట్టండి + +### 🗓️ **మీ నెల పొడవైన మార్పు** +- [ ] మీ మొదటి చిన్న ప్రాజెక్ట్ నిర్మించండి (సరళమైన వెబ్‌పేజ్ అయినా సరే!) +- [ ] ఓపెన్ సోర్స్ ప్రాజెక్ట్ కు సహకరించండి (డాక్యుమెంటేషన్ సవరణలతో మొదలు పెట్టండి) +- [ ] ప్రోగ్రామింగ్ కొత్తవాళ్లకు మార్గదర్శకత్వం ఇవ్వండి - [ ] మీ డెవలపర్ పోర్ట్‌ఫోలియో వెబ్‌సైట్ సృష్టించండి -- [ ] స్థానిక డెవలపర్ కమ్యూనిటీల లేదా స్టడీ గ్రూపులతో కనెక్ట్ అవ్వండి -- [ ] మీ తదుపరి అభ్యాస మైలురాయిని ప్లాన్ చేయడం మొదలుపెట్టండి +- [ ] స్థానిక డెవలపర్ సమాజాలు లేదా అధ్యయన గ్రూపులతో సంబంధం కలిగి ఉండండి +- [ ] మీ తదుపరి అభ్యాస లక్ష్యాన్ని ప్రణాళిక చేయండి -### 🎯 **చివరి ప్రతిబింబ తనిఖీ** +### 🎯 **చివరి తపాసు** -**ముందుకు సాగేము ముందు, ఒక క్షణం ఆగి సంబరించండి:** -- ఈ రోజు ప్రోగ్రామింగ్ గురించి మీకు ఏమి ఉత్తేజన ఇచ్చిందని అనిపించింది? -- మొదటిసారి పరిశీలించాలనే టూల్ లేదా కాన్సెప్ట్ ఏది? -- ఈ ప్రోగ్రామింగ్ ప్రయాణాన్ని ప్రారంభించడంపై మీ భావనలు ఏంటి? -- ఇప్పుడే ఒక డెవలపర్‌ను అడగదలచుకున్న ఒక ప్రశ్న ఏంటి? +**ముందుకు వెంటనే వెళ్లేముందు, కొద్దిగా సంబరించండి:** +- ఈ రోజు ప్రోగ్రామింగ్ గురించి ఏ విషయం మీను ఉత్సాహపరిచింది? +- మొదట ఏ టూల్ లేదా భావనను అన్వేషించాలనుకుంటున్నారు? +- ఈ ప్రోగ్రామింగ్ ప్రయాణాన్ని మొదలు పెట్టినప్పుడు మీ భావన ఏమిటి? +- మీరు ఇప్పుడే ఒక డెవలపర్‌ను అడగాలనుకునే ఒక ప్రశ్న ఏమిటి? ```mermaid journey - title మీ ఆత్మవిశ్వాసం నిర్మాణ యాత్ర - section ఇవాళ - ఆశ్చర్యపోయిన: 3: You - బాపు పడ్డ: 4: You - ఉత్సాహంగా ఉన్న: 5: You + title మీ ఆత్మవిశ్వాసం నిర్మాణ ప్రయాణం + section ఈ రోజు + ఆసక్తిగా ఉన్నారు: 3: You + ఒబ్బందిగా ఉన్నారు: 4: You + ఉత్సాహంగా ఉన్నారు: 5: You section ఈ వారం - అన్వేషణ: 4: You - నేర్చుకుంటున్న: 5: You - కనెక్ట్ అవుతున్న: 4: You + అన్వేషణ చేస్తున్నాయి: 4: You + నేర్చుకుంటున్నాయి: 5: You + సంబంధాలు ఏర్పరుస్తోంది: 4: You section వచ్చే నెల - నిర్మాణం: 5: You - ఆత్మవిశ్వాసంతో ఉన్న: 5: You - ఇతరులకు సహాయం చేస్తున్న: 5: You + నిర్మిస్తోంది: 5: You + ఆత్మవిశ్వాసంతో ఉన్నారు: 5: You + ఇతరులను సహాయం చేస్తున్నాయి: 5: You ``` -> 🌟 **గుర్తుంచుకోండి**: ప్రతి నిపుణుడు ఒకటి ఒకప్పుడు ప్రారంభుడు. ప్రతి సీనియర్ డెవలపర్ ఒకప్పుడు మీరు ఉన్న స్థితిలో ఉన్నారు – ఉత్సాహంగా, కొంత ఓవర్‌వెల్మ్ అయ్యారు మరియు ఏమి సాధ్యం అనేది తెలుసుకోవాలనే అరుదైన ఆసక్తితో. మీరు అద్భుతమైన సంస్థలో ఉన్నారు, ఈ ప్రయాణం అద్భుతంగా ఉంటుంది. ప్రోగ్రామింగ్ యొక్క అద్భుత ప్రపంచానికి స్వాగతం! 🎉 +> 🌟 **మరచిపోకండి**: ప్రతి నిపుణుడు ఒకప్పుడు ప్రారంభకుడు. ప్రతి సీనియర్ డెవలపర్ కూడా మీరు ఇప్పుడున్నట్లు భావించాడు – ఉత్సాహతో, కొద్దిగా అయోమయం తో, మరియు ఏమి సాధ్యమని జిజ్ఞాస ఉన్న వ్యక్తిగా. మీరు అద్భుతమైన స్నేహితులతో ఉన్నారు, ఈ ప్రయాణం అద్భుతమైనది అవుతుంది. ప్రోగ్రామింగ్ యొక్క అద్భుత ప్రపంచానికి స్వాగతం! 🎉 --- -**అసంకల్పన**: -ఈా దస్తావేజును AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. ఖచ్చితత్వానికి మేము ప్రయత్నిస్తున్నప్పటికీ, స్వయంచాలక అనువాదాలలో పొరపాట్లు లేదా తప్పులు ఉండొచ్చు. మూల దస్తావేజు దాని స్థానిక భాషలోని అధికారిక మూలంగా పరిగణించబడాలి. ముఖ్యమైన సమాచారానికి, వృత్తిపరమైన మానవ అనువాదం సూచించబడుతుంది. ఈ అనువాదం వాడకం వల్ల ఏర్పడిన ఏదైనా అపార్థాలు లేదా తప్పుగా అర్థం చేసుకోవడాలకు మేము బాధ్యత వహించము. +**అస్పష్టీకరణ**: +ఈ డాక్యుమెంటును AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువాదం చేసాం. మేము ఖచ్చితత్వంపై శ్రద్ధ వహించినప్పటికీ, యంత్ర అనువాదాల్లో పొరపాట్లు లేదా తప్పిదాలు ఉండొచ్చు. అసలు డాక్యుమెంట్ దాని మూల భాషలోని అధికారిక మూలం గానే పరిగణించాలి. ముఖ్యమైన సమాచారానికి, ప్రొఫెషనల్ మానవ అనువాదం చేయించడం మంచిది. ఈ అనువాదం వలన కలిగే ఏదైనా తప్పుదోవ పట్టుకోవడం లేదా తప్పుగా అర్థం చేసుకోవడం గురించి మేము బాధ్యత వహించము. \ No newline at end of file diff --git a/translations/te/AGENTS.md b/translations/te/AGENTS.md index 3743be7d5..fc5b4dfa9 100644 --- a/translations/te/AGENTS.md +++ b/translations/te/AGENTS.md @@ -1,282 +1,282 @@ # AGENTS.md -## ప్రాజెక్ట్ అవలోకనం +## Project Overview -ఇది ప్రారంభానికి వెబ్ డెవలప్‌మెంట్ మూలబూతులను నేర్పడానికి విద్యాసంబంధిత పాఠ్యక్రమ రిపోజిటరీ. ఈ పాఠ్యక్రమం Microsoft Cloud Advocates అభివృద్ధి చేసిన పూర్తి 12 వారాల కోర్సు, 24 ప్రాక్టికల్ పాఠాలతో JavaScript, CSS, మరియు HTML నొక్కి చెంది ఉంటుంది. +ఇది ప్రారంభ స్థాయి వారికి వెబ్ అభివృద్ధి మూలసూత్రాలు నేర్పడానికి ఒక విద్యాసంబంధి విధాన గ్రంథాలయము. ఈ విధాన గ్రంథాలయం Microsoft Cloud Advocates చేత రూపొందించిన సమగ్ర 12 వారాల కోర్స్, 24 హ్యాండ్‌‌ఆన్ పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML ని కవర్ చేస్తుంది. -### ముఖ్య భాగాలు +### Key Components -- **విద్యాసంబంధిత కంటెంట్**: 24 నిర్మిత పాఠాలు, ప్రాజెక్ట్-ఆధారిత మాడ్యూల్స్‌లో క్రమబద్ధీకరించబడ్డాయి -- **ప్రాక్టికల్ ప్రాజెక్ట్స్**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, మరియు AI Chat Assistant -- **ఇంటరాక్టివ్ క్విజ్‌లు**: 48 క్విజ్‌లు, ప్రతి ఒక్కటి 3 ప్రశ్నలతో (పూర్వ/పోస్ట్-పాఠ్య అంచనాలు) -- **బహుభాషా మద్దతు**: GitHub Actions ద్వారా 50+ భాషల ఆటోమేటిక్ అనువాదాలు -- **టెక్నాలజీలు**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ప్రాజెక్టుల కోసం) +- **Educational Content**: 24 నిర్మిత పాఠాలు ప్రాజెక్ట్ ఆధారిత మాడ్యూల్‌లుగా ఆర్గనైజ్ చేయబడ్డాయి +- **Practical Projects**: Terrarium, టైపింగ్ ఆట, బ్రౌజర్ ఎక్స్‌టెన్షన్, స్పేస్ గేమ్, బ్యాంకింగ్ యాప్, కోడ్ ఎడిటర్, మరియు AI చాట్ అసిస్టెంట్ +- **Interactive Quizzes**: 3 ప్రశ్నలతో కూడిన 48 క్విజ్‌లు (పాఠం ముందుకు/నీటి పరీక్షలు) +- **Multi-language Support**: GitHub Actions ద్వారా 50+ భాషలకి ఆటోమేటిక్ అనువాదాలు +- **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (AI ప్రాజెక్టులకు) -### నిర్మాణం +### Architecture -- పాఠ్యక్రమ-ఆధారిత నిర్మాణం కలిగిన విద్యాసంబంధిత రిపోజిటరీ -- ప్రతి పాఠం ఫోల్డర్ README, కోడ్ ఉదాహరణలు, మరియు పరిష్కారాలతో ఉంటుంది -- స్వతంత్ర ప్రాజెక్టులు వేర్వేరు డైరెక్టరీలలో (quiz-app, వివిధ పాఠాల ప్రాజెక్టులు) -- GitHub Actions (co-op-translator) ఉపయోగించి అనువాద వ్యవస్థ -- డాక్యుమెంటేషన్ Docsify ద్వారా సేవ్ చేసి PDF గా లభ్యం +- పాఠాల ఆధారంగా నిర్మిత విద్యాసంబంధి గ్రంథాలయం +- ప్రతి పాఠం ఫోల్డర్‌లో README, కోడ్ ఉదాహరణలు, మరియు పరిష్కారాలు ఉంటాయి +- వేరువేరు డైరెక్టరీలలో స్టాండ్‌లోన్ ప్రాజెక్టులు (quiz-app, వివిధ పాఠ ప్రాజెక్టులు) +- GitHub Actions (co-op-translator) ద్వారా అనువాద వ్యవస్థ +- Docsify ద్వారా డాక్యుమెంటేషన్ సర్వ్ అవుతుంది మరియు PDF గా అందుబాటులో ఉంటుంది -## సెటప్ కమాండ్లు +## Setup Commands -ఈ రిపోజిటరీ ప్రాథమికంగా విద్యాసంబంధిత కంటెంట్ వినియోగం కోసం. ప్రత్యేక ప్రాజెక్టులతో పనిచేయడానికి: +ఈ గ్రంథాలయం ప్రధానంగా విద్యాసంబంధి విషయసాంపదాన్ని వినియోగించడానికి. ప్రత్యేక ప్రాజెక్టులతో పని చేయడానికి: -### ప్రధాన రిపోజిటరీ సెటప్ +### Main Repository Setup ```bash git clone https://github.com/microsoft/Web-Dev-For-Beginners.git cd Web-Dev-For-Beginners ``` -### Quiz App సెటప్తో (Vue 3 + Vite) +### Quiz App Setup (Vue 3 + Vite) ```bash cd quiz-app npm install -npm run dev # డెవలప్‌మెంట్ సర్వర్‌ను ప్రారంభించండి -npm run build # ఉత్పత్తి కోసం తయారు చేయండి -npm run lint # ESLint నడపండి +npm run dev # అభివృద్ధి సర్వర్ ప్రారంభించండి +npm run build # ఉత్పత్తి కోసం నిర్మించండి +npm run lint # ESLint ను నడపండి ``` -### బ్యాంక్ ప్రాజెక్ట్ API (Node.js + Express) +### Bank Project API (Node.js + Express) ```bash cd 7-bank-project/api npm install npm start # API సర్వర్ ప్రారంభించండి npm run lint # ESLint నడపండి -npm run format # Prettier తో ఫార్మాట్ చెయ్యండి +npm run format # Prettier తో ఫార్మాట్ చేయండి ``` -### బ్రౌజర్ ఎక్స్‌టెన్షన్ ప్రాజెక్టులు +### Browser Extension Projects ```bash cd 5-browser-extension/solution npm install -# బ్రౌజర్-ప్రత్యేకమైన ఎక్స్‌టెన్షన్ లోడింగ్ సూచనలను అనుసరించండి +# బ్రౌజర్-ప్రత్యేక\Extension లోడ్ చేయడం సంబంధించిన సూచనలను అనుసరించండి ``` -### స్పేస్ గేమ్ ప్రాజెక్టులు +### Space Game Projects ```bash cd 6-space-game/solution npm install -# బ్రౌజర్‌లో index.html ఫైల్‌ని తెరవండి లేదా లైవ్ సర్వర్ ఉపయోగించండి +# బ్రౌజర్ లో index.html ని తెరవండి లేదా Live Server ఉపయోగించండి ``` -### చాట్ ప్రాజెక్ట్ (Python బ్యాక్-ఎండ్) +### Chat Project (Python Backend) ```bash cd 9-chat-project/solution/backend/python pip install openai -# GITHUB_TOKEN పర్యావరణ మార్పిడి వేరియబుల్ ని సెట్ చేయండి +# GITHUB_TOKEN పరిసర మార్పిడి చేర్పించండి python api.py ``` -## అభివృద్ధి కార్యప్రవాహం +## Development Workflow -### కంటెంట్ కాంట్రిబ్యూటర్ల కోసం +### For Content Contributors -1. **రిపోజిటరీని ఫోర్క్ చేయండి** మీ GitHub అకౌంట్‌కు -2. **మీ ఫోర్క్‌ను లోకల్‌లో క్లోన్ చేయండి** -3. **మీ మార్పులకు కొత్త బ్రాంచ్ సృష్టించండి** -4. పాఠ్య కంటెంట్ లేదా కోడ్ ఉదాహరణలు మార్చండి -5. సంబంధిత ప్రాజెక్ట్ డైరెక్టరీలలో మార్పులపై పరీక్షించండి -6. సహకార మార్గదర్శకాలు అనుసరించి пул్ రిక్వెస్ట్‌లను పంపండి +1. **మీ GitHub ఖాతాకు రిపోజిటరీని ఫోর্ক్ చేసుకోండి** +2. **మీ ఫోర్క్‌ను స్థానికంగా క్లోన్ చేసుకోండి** +3. **మీ మార్పులకు కొత్త బ్రాంచ్ సృష్టించండి** +4. పాఠ విషయసాంపదం లేదా కోడ్ ఉదాహరణలలో మార్పులు చేయండి +5. సంబంధిత ప్రాజెక్టుల డైరెక్టరీలలో కోడ్ మార్పులను పరీక్షించండి +6. కాంట్రిబ్యూషన్ మార్గదర్శకాలను అనుసరించి పుల్ రిక్వెస్ట్‌లు సమర్పించండి -### నేర్చుకుంటున్నవారికి +### For Learners -1. రిపోజిటరీని ఫోర్క్ లేదా క్లోన్ చేయండి -2. వరుసగా పాఠాల డైరెక్టరీలలో నావిగేట్ చేయండి -3. ప్రతి పాఠం README ఫైళ్లను చదవండి -4. https://ff-quizzes.netlify.app/web/ వద్ద ప్రీ-పాఠ క్విజ్‌లు పూర్తి చేయండి -5. పాఠం ఫోల్డర్లలో కోడ్ ఉదాహరణలపై పని చేయండి -6. అసైన్మెంట్లు మరియు ఛాలెంజ్‌లను పూర్తి చేయండి -7. పోస్ట్-పాఠ క్విజ్‌లు తీసుకోండి +1. రిపోజిటరీని ఫోర్క్ లేదా క్లోన్ చేసుకోండి +2. పాఠము డైరెక్టరీలను వరుసగా సందర్శించండి +3. ప్రతి పాఠానికి README ఫైళ్లను చదవండి +4. https://ff-quizzes.netlify.app/web/ వద్ద పూర్వ-పాఠ క్విజ్‌లను పూర్తి చేయండి +5. పాఠ ఫోల్డర్లలో కోడ్ ఉదాహరణల మీద పని చేయండి +6. అసైన్‌మెంట్లు మరియు ఛాలెంజ్‌లను పూర్తి చేయండి +7. తర్వాత-పాఠ క్విజ్‌లను తీసుకోండి -### ప్రత్యక్ష అభివృద్ధి +### Live Development -- **డాక్యుమెంటేషన్**: రూట్‌లో `docsify serve` నడపండి (పోర్ట్ 3000) -- **Quiz App**: `quiz-app` డైరెక్టరీలో `npm run dev` నడపండి -- **ప్రాజెక్ట్స్**: HTML ప్రాజెక్టుల కోసం VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి -- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలలో `npm start` నడపండి +- **డాక్యుమెంటేషన్**: రూట్‌లో `docsify serve` ను (పోర్ట్ 3000) నడపండి +- **క్విజ్ యాప్**: quiz-app డైరెక్టరీలో `npm run dev` నడపండి +- **ప్రాజెక్టులు**: HTML ప్రాజెక్టులకు VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి +- **API ప్రాజెక్టులు**: సంబంధిత API డైరెక్టరీలలో `npm start` ను నడపండి -## పరీక్ష సూచనలు +## Testing Instructions -### Quiz App పరీక్ష +### Quiz App Testing ```bash cd quiz-app -npm run lint # కోడ్ శైలి సమస్యల కోసం తనిఖీ చేయండి -npm run build # బిల్డ్ విజయవంతమవుతుందో లేదో నిర్ధారించండి +npm run lint # కోడ్ శైలి సమస్యలను తనిఖీ చేయండి +npm run build # నిర్మాణం విజయవంతమయ్యిందా అని ధృవీకరించండి ``` -### బ్యాంక్ API పరీక్ష +### Bank API Testing ```bash cd 7-bank-project/api -npm run lint # కోడ్ శైలి సమస్యలు కోసం తనిఖీ చేయండి -node server.js # లోపాలు లేకుండా సర్వర్ ప్రారంభమవుతున్నదేమో ధృవీకరించండి +npm run lint # కోడ్ శైలీ సమస్యలను తనిఖీ చేయండి +node server.js # సర్వర్ తప్పులు లేకుండా ప్రారంభమవుతుందో ధృవీకరించండి ``` -### సాధారణ పరీక్షా దృక్కోణం +### General Testing Approach -- ఇది విద్యాసంబంధిత రిపోజిటరీ, సమగ్ర ఆటోమేటిక్ టెస్టులు లేవు -- మాన్యువల్ టెస్టింగ్ దృష్టికోణం: - - కోడ్ ఉదాహరణలు తప్పులు లేకుండానే నడవాలి - - డాక్యుమెంటేషన్‌లో లింకులు సరైన పనితీరుని కలిగి ఉండాలి - - ప్రాజెక్ట్ బిల్డ్ విజయవంతంగా పూర్తవ్వాలి - - ఉదాహరణలు ఉత్తమ సాధనాలను అనుసరించాలి +- ఇది పూర్తి ఆటోమేటిక్ పరీక్షలతో లేని విద్యాసంబంధి రిపోజిటరీ +- మాన్యువల్ పరీక్షలలో దృష్టి: + - కోడ్ ఉదాహరణలు తప్పుల లేకుండా నడవడం + - డాక్యుమెంటేషన్ లో లింకులు సరిగా పని చేయడం + - ప్రాజెక్టు బిల్డులు విజయవంతంగా పూర్తి కావడం + - ఉదాహరణలు ఉత్తమ పద్ధతులను అనుసరించడం -### సమర్పణకు ముందు తనిఖీలు +### Pre-submission Checks -- package.json ఉన్న డైరెక్టరీలలో `npm run lint` నడపండి -- మార్క్‌డౌన్ లింకులు కచ్చితంగా పని చేస్తాయనే ధృవీకరించండి -- బ్రౌజర్ లేదా Node.js లో కోడ్ ఉదాహరణలను పరీక్షించండి -- అనువాదాలు సరైన నిర్మాణం పాటిస్తున్నాయనే చూడండి +- package.json ఉన్న డైరెక్టరీలలో `npm run lint` ను నడపండి +- మార్క్డౌన్ లింకులు సరైనవో తనిఖీ చేసుకోండి +- కోడ్ ఉదాహరణలు బ్రౌజర్ లేదా Node.js లో పరీక్షించండి +- అనువాదాలు సరైన నిర్మాణాన్ని కొనసాగిస్తున్నాయా చూడండి -## కోడ్ స్టైల్ గైడ్‌లైన్‌లు +## Code Style Guidelines ### JavaScript -- ఆధునిక ES6+ సింటాక్స్ ఉపయోగించండి -- ప్రాజెక్టుల్లో అందించిన ESLint నిర్దేశాలను అనుసరించండి -- విద్యార్థులకు సులభంగా అర్థమయ్యేలా ప్రయోజనకరమైన వేరియబుల్ మరియు ఫంక్షన్ పేర్లను ఉపయోగించండి -- భావాలను వివరిస్తూ కామెంట్లు జోడించండి -- Prettier ఎక్కడుంటే అందిని ఫార్మాట్ చేయండి +- ఆధునిక ES6+ సింటాక్స్ ఉపయోగించండి +- ప్రాజెక్టులు అందించే స్టాండర్డ్ ESLint కాన్ఫిగరేషన్లను పాటించండి +- విద్యార్థులకు స్పష్టమైన వేరియబుల్ మరియు ఫంక్షన్ పేర్లను ఉపయోగించండి +- సూత్రాలను వివరిస్తూ కామెంట్లు చేర్చండి +- Prettier సదుపాయం ఉన్న చోట ఫార్మాట్ చేయండి ### HTML/CSS -- సేమాంటిక్ HTML5 అంశాలు ఉపయోగించండి -- రెస్పాన్సివ్ డిజైన్ సూత్రాలు -- క్లియర్ క్లాస్ నేమింగ్ కన్వెన్షన్స్ -- CSS టెక్నిక్‌లు వివరించే కామెంట్లు విద్యార్థుల కోసం +- సేమాంటిక్ HTML5 ఎలిమెంట్లు +- రెస్పాన్సివ్ డిజైన్ సిద్ధాంతాలు +- స్పష్టమైన క్లాస్ నేమ్ నియమాలు +- CSS సాంకేతికాలను వివరిస్తూ కామెంట్లు ### Python -- PEP 8 స్టైల్ గైడ్‌లైన్‌లు -- స్పష్టమైన, విద్యాసంబంధిత కోడ్ ఉదాహరణలు -- అవసరమైతే టైప్ హింట్స్ జోడించండి +- PEP 8 శైలి మార్గదర్శకాలు +- స్పష్టమైన, విద్యాసంబంధి కోడ్ ఉదాహరణలు +- నేర్చుకోవడానికి ఉపయోగకరమైన టైప్ హింట్లు -### Markdown డాక్యుమెంటేషన్ +### Markdown Documentation -- క్లియర్ శీర్షిక వరుస -- భాష స్పెసిఫికేషన్ ఉన్న కోడ్ బ్లాక్స్ -- అదనపు వనరులకు లింకులు -- `images/` డైరెక్టరీలలో స్క్రీన్‌షాట్‌లు మరియు చిత్రాలు -- ఆక్సెసిబిలిటీ కోసం చిత్రాలకు Alt టెక్స్ట్ +- స్పష్టమైన హెడ్డింగ్ క్రమం +- భాష నిర్దేశంతో కోడ్ బ్లాక్‌లు +- అదనపు వనరులకు లింకులు +- `images/` డైరెక్టరీలలో స్క్రీన్‌షాట్‌లు మరియు చిత్రాలు +- యాక్సెసిబిలిటీకి చిత్రాలకి Alt టెక్స్ట్ -### ఫైల్ ఆర్గనైజేషన్ +### File Organization -- పాఠాలు వరుస సంఖ్యలతో (1-getting-started-lessons, 2-js-basics, మొదలైనవి) -- ప్రతి ప్రాజెక్ట్‌కు `solution/` మరియు తరచుగా `start/` లేదా `your-work/` డైరెక్టరీలు ఉంటాయి -- చిత్రాలు పాఠాలకు ప్రత్యేకమైన `images/` ఫోల్డర్లలో నిల్వ చేస్తారు -- అనువాదాలు `translations/{language-code}/` నిర్మాణంలో ఉంటాయి +- పాఠాలు సీరియల్ నంబర్లతో (1-getting-started-lessons, 2-js-basics, మొదలైనవి) +- ప్రతి ప్రాజెక్టులో `solution/` మరియు చాలాసార్లు `start/` లేదా `your-work/` ఫోల్డర్‌లు +- పాఠానుసార చిత్రాలు `images/` ఫోల్డర్‌లలో నిల్వ +- అనువాదాలు `translations/{language-code}/` నిర్మాణంలో -## బిల్డ్ మరియు డిప్లాయ్‌మెంట్ +## Build and Deployment -### Quiz App డిప్లాయ్‌మెంట్ (Azure Static Web Apps) +### Quiz App Deployment (Azure Static Web Apps) -quiz-app Azure Static Web Apps డిప్లాయ్‌మెంట్ కోసం కాంకిగర్ చేయబడింది: +quiz-app Azure Static Web Apps డిప్లాయ్‌మెంట్ కోసం కాన్ఫిగర్ చేయబడింది: ```bash cd quiz-app npm run build # dist/ ఫోల్డర్ సృష్టిస్తుంది -# ప్రధానానికి పుష్ చేసినప్పుడు GitHub Actions వర్క్‌ఫ్లో ద్వారా విడుదల చేస్తుంది +# ప్రధాన బ్రాంచ్‌కు పుష్ చేసినప్పుడు GitHub Actions వర్క్‌ఫ్లో ద్వారా రెడీ చేస్తుంది ``` - -Azure Static Web Apps సెట్టింగ్స్: -- **ఆప్ లోకేషన్**: `/quiz-app` -- **అవుట్‌పుట్ లోకేషన్**: `dist` -- **వర్క్‌ఫ్లో**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` -### డాక్యుమెంటేషన్ PDF జనరేషన్ +Azure Static Web Apps కాన్ఫిగరేషన్: +- **App location**: `/quiz-app` +- **Output location**: `dist` +- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml` + +### Documentation PDF Generation ```bash -npm install # docsify-to-pdf ను ఇన్‌స్టాల్ చేయండి -npm run convert # docs నుండి PDF ను రూపొందించండి +npm install # docsify-to-pdf ని ఇన్‌స్టాల్ చేయండి +npm run convert # docs నుండి PDF సృష్టించండి ``` -### Docsify డాక్యుమెంటేషన్ +### Docsify Documentation ```bash -npm install -g docsify-cli # Docsify ని గ్లోబలీ ఇన్‌స్టాల్ చేయండి -docsify serve # localhost:3000 పై సర్వ్ చేయండి +npm install -g docsify-cli # Docsifyను గ్లోబల్‌గా ఇన్‌స్టాల్ చేయండి +docsify serve # localhost:3000పై సేవ్ చేయండి ``` -### ప్రాజెక్ట్-స్పెసిఫిక్ బిల్డ్స్ +### Project-specific Builds -ప్రతి ప్రాజెక్ట్ డైరెక్టరీకి తనంతటివిగా బిల్డ్ ప్రోసెస్ ఉండవచ్చు: -- Vue ప్రాజెక్టులు: `npm run build` ప్రొడక్షన్ బండిల్స్ సృష్టిస్తుంది -- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ స్టెప్ లేదు, అందుబాటులో ఉండే ఫైళ్ళను నేరుగా సేవ్ చేస్తాయి +ప్రతి ప్రాజెక్టు డైరెక్టరీకు తమ దేనిగానో బిల్డ్ ప్రాసెస్ ఉండవచ్చు: +- Vue ప్రాజెక్టులు: `npm run build` తో ప్రొడక్షన్ బండిల్స్ తయారు చేస్తుంది +- స్టాటిక్ ప్రాజెక్టులు: బిల్డ్ స్టెప్ లేదు, ఫైళ్లు నేరుగా సర్వ్ చేయబడతాయి -## పుల్ రిక్వెస్ట్ గైడ్‌లైన్‌లు +## Pull Request Guidelines -### టైటిల్ ఫార్మాట్ +### Title Format -మార్పుల ప్రాంతాన్ని స్పష్టంగా తెలియజేసే హెడ్డింగ్‌లను వాడండి: -- `[Quiz-app] కొత్త క్విజ్ జోడించండి పాఠం X కోసం` -- `[Lesson-3] terrarium ప్రాజెక్ట్‌లో టైపో సరిచేయండి` -- `[Translation] పాఠం 5కి స్పానిష్ అనువాదం జోడించండి` -- `[Docs] సెటప్ సూచనలను అప్‌డేట్ చేయండి` +మార్పుల ప్రాంతాన్ని సూచించే స్పష్టమైన, వివరణాత్మక శీర్షికలు ఉపయోగించండి: +- `[Quiz-app] Add new quiz for lesson X` +- `[Lesson-3] Fix typo in terrarium project` +- `[Translation] Add Spanish translation for lesson 5` +- `[Docs] Update setup instructions` -### అవసరమైన తనిఖీలు +### Required Checks -ఓ PR పంపించే ముందు: +PR సమర్పించడానికి ముందు: -1. **కోడ్ నాణ్యత**: - - ప్రభావాన్ని పొందిన ప్రాజెక్ట్ డైరెక్టరీలలో `npm run lint` నడపండి - - అన్ని లింట్ తప్పులు మరియు వార్నింగ్‌లను సరిచేయండి +1. **కోడ్ నాణ్యత**: + - ప్రభావిత ప్రాజెక్టు డైరెక్టరీల్లో `npm run lint` నడపండి + - అన్ని లింట్ లోపాలు మరియు హెచ్చరికలు సరిదిద్దండి -2. **బిల్డ్ ధృవీకరణ**: - - అవసరమైతే `npm run build` నడపండి - - ఎలాంటి బిల్డ్ లోపాలు లేకుండా చూసుకోండి +2. **బిల్డ్ ధృవీకరణ**: + - అవసరమైతే `npm run build` నడపండి + - ఎలాంటి బిల్డ్ ఎర్రర్లు లేవని నిర్ధారించుకోండి -3. **లింక్ ధృవీకరణ**: - - అన్ని మార్క్‌డౌన్ లింకులను పరీక్షించండి - - చిత్ర సూచనలను ధృవీకరించండి +3. **లింక్ ధృవీకరణ**: + - అన్ని మార్క్డౌన్ లింకులను పరీక్షించండి + - ఇమేజ్ సూచనలు సరిగా ఉన్నాయా చూడండి -4. **కంటెంట్ సమీక్ష**: - - స్పెల్లింగ్ మరియు వ్యాకరణం పరిశీలించండి - - కోడ్ ఉదాహరణలు సరైనవి మరియు విద్యాసంబంధితమని నిర్ధారించండి - - అనువాదాలు ప్రారంభ అర్థాన్ని తప్పకుండా కలిగి ఉండాలి +4. **అంశాల సమీక్ష**: + - స్పెల్లింగ్ మరియు వ్యాకరణం తనిఖీ చేయండి + - కోడ్ ఉదాహరణలు సరైనవిగా, విద్యాసంబంధిగా ఉన్నాయా చూడండి + - అనువాదాలు అసలు అర్థాన్ని నిలుపుకున్నాయా పరిశీలించండి -### సహకార అవసరాలు +### Contribution Requirements -- Microsoft CLA అంగీకరించాలి (మొదటి PR వద్ద ఆటోమేటిక్ తనిఖీ) -- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) అనుసరించండి -- వివరణాత్మక మార్గదర్శకాలకు [CONTRIBUTING.md](./CONTRIBUTING.md) చూడండి -- అవసరమైతే PR వివరణలో ఇష్యూ సంఖ్యలను ప్రస్తావించండి +- Microsoft CLA కి అంగీకరించాలి (మొదటి PR పై ఆటోమేటిక్ చెక్) +- [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) ను అనుసరించాలి +- [CONTRIBUTING.md](./CONTRIBUTING.md) లో డీటెయిల్డ్ మార్గదర్శకాలు చూడండి +- అవసరమైతే PR వివరణలో ఇష్యూ నంబర్లు సూచించండి -### సమీక్ష ప్రక్రియ +### Review Process -- PRలు మేంటెయినర్లు మరియు కమ్యూనిటీ పరిశీలిస్తారు -- విద్యాసంబంధిత స్పష్టత ప్రాధాన్యత దక్కుతుంది -- కోడ్ ఉదాహరణలు ప్రస్తుత ఉత్తమ విధానాలను అనుసరించాలి -- అనువాదాలు ఖచ్చితత్వం మరియు సాంస్కృతిక అనుకూలత కోసం సమీక్షించబడతాయి +- PRలను మెయింటైనర్లు మరియు కమ్యూనిటీ సమీక్షిస్తారు +- విద్యాసంబంధమైన స్పష్టత ప్రాధాన్యం +- కోడ్ ఉదాహరణలు ప్రస్తుత ఉత్తమ పద్ధతులను అనుసరించాలి +- అనువాదాలు సరైనత మరియు సాంస్కృతిక అనుకూలత కోసం సమీక్షిస్తారు -## అనువాద వ్యవస్థ +## Translation System -### ఆటోమేటెడ్ అనువాదం +### Automated Translation -- GitHub Actions లో co-op-translator వర్క్‌ఫ్లో ఉపయోగిస్తుంది -- 50+ భాషలకు ఆటోమేటిక్ అనువాదం -- మూల ఫైళ్లు ప్రధాన డైరెక్టరీల్లో ఉంటాయి -- అనువాద ఫైళ్లు `translations/{language-code}/` లో ఉంటాయి +- GitHub Actions లో co-op-translator వర్క్‌ఫ్లో ఉపయోగిస్తుంది +- 50+ భాషలకు ఆటోమేటిక్ అనువాదాలు చేస్తుంది +- మూల ఫైళ్లు ప్రధాన డైరెక్టరీలలో ఉంటాయి +- అనువదించిన ఫైళ్లు `translations/{language-code}/` ఫోల్డర్‌లలో ఉంటాయి -### మాన్యువల్ అనువాద మెరుగుదలలు జోడించడం +### Adding Manual Translation Improvements -1. `translations/{language-code}/`లో ఫైలు కనుగొనండి -2. నిర్మాణాన్ని కాపాడుతూ మెరుగుదలలు చేయండి -3. కోడ్ ఉదాహరణలు సక్రమంగా పనిచేస్తున్నట్లుగా చూసుకోండి -4. స్థానికీకరించిన క్విజ్ కంటెంట్‌ను పరీక్షించండి +1. `translations/{language-code}/` లో ఫైల్ ని గుర్తించండి +2. నిర్మాణం కాపాడుకుని మెరుగుదలలు చేయండి +3. కోడ్ ఉదాహరణలు పనిచేసే విధంగా ఉంచండి +4. లోకలైజ్డ్ క్విజ్ కంటెంట్ ఒకసారి పరీక్షించండి -### అనువాద మెటాడేటా +### Translation Metadata -అనువాద ఫైళ్లు మెటాడేటా హెడ్డర్ కలిగి ఉంటాయి: +అనువదించిన ఫైళ్లకు మెటాడేటా హెడర్ ఉంటుంది: ```markdown ``` - -## డీబగ్గింగ్ మరియు సమస్య పరిష్కారం -### సాధారణ సమస్యలు +## Debugging and Troubleshooting + +### Common Issues -**Quiz app ప్రారంభం కావడం లేదు**: -- Node.js వెర్షన్ చెక్ చేయండి (v14+ సూచించబడింది) -- `node_modules` మరియు `package-lock.json` తీసేసి, మళ్లీ `npm install` నడపండి -- పోర్ట్ టంగిళ్లను పరిశీలించండి (డిఫాల్ట్: Vite పోర్టు 5173) +**క్విజ్ యాప్ మొదలుకాలేదు**: +- Node.js వర్షన్ (v14+ సూచించబడింది) తనిఖీ చేయండి +- `node_modules` మరియు `package-lock.json` తొలగించి మళ్లీ `npm install` నడపండి +- పోర్ట్ సంకర్షణల కోసం తనిఖీ చేయండి (డిఫాల్ట్: Vite పోర్ట్ 5173 ఉపయోగిస్తుంది) -**API సర్వర్ ప్రారంభం కాదనేది**: -- Node.js కనీస వెర్షన్ (node >=10) ఉన్నదని ధృవీకరించండి -- పోర్ట్ ఇప్పటికే వినియోగంలో ఉందో లేదో తనిఖీ చేయండి -- అన్ని డిపెండెన్సీలు `npm install` తో ఇన్స్టాల్ అయ్యాయో చూసుకోండి +**API సర్వర్ ప్రారంభం అవ్వట్లేదు**: +- Node.js వర్షన్ కనీసం node >=10 అని నిర్ధారించుకోండి +- పోర్ట్ ఇప్పటికే వాడుకలో ఉందా చూడండి +- అన్ని డిపెండెన్సీలను `npm install` తో ఇన్‌స్టాల్ చేసినారా చూడండి -**Browser extension లోడ్ కావడం లేదు**: -- manifest.json సరైన ఫార్మాట్‌లో ఉందా చూడండి -- బ్రౌజర్ కన్సోల్ లోలోపాలను తనిఖీ చేయండి -- బ్రౌజర్-ప్రత్యేక ఎక్స్‌టెన్షన్ ఇన్స్టలేషన్ సూచనలు అనుసరించండి +**బ్రౌజర్ ఎక్స్‌టెన్షన్ లోడ్ అవట్లేదు**: +- manifest.json సరైన ఫార్మాట్‌లో ఉందా చూడండి +- బ్రౌజర్ కన్సోల్‌లో ఎర్రర్స్ కోసం తనిఖీ చేయండి +- బ్రౌజర్-స్పెసిఫిక్ ఎక్స్‌టెన్షన్ ఇన్‌స్టలేషన్ సూచనలు పాటించండి -**Python చాట్ ప్రాజెక్ట్ సమస్యలు**: -- OpenAI ప్యాకేజీ ఇన్స్టాల్ చేయాలి: `pip install openai` -- GITHUB_TOKEN ఎన్విరాన్మెంట్ వేరియబుల్ సెట్ ఉందని చూసుకోండి -- GitHub Models యాక్సెస్ అనుమతులు తనిఖీ చేయండి +**Python చాట్ ప్రాజెక్ట్ సమస్యలు**: +- OpenAI ప్యాకేజీ ఇన్‌స్టాల్ అయ్యిందా: `pip install openai` +- GITHUB_TOKEN ఎన్విరాన్‌మెంట్ వేరియబుల్ సెట్ అయిందా +- GitHub మోడల్స్ యాక్సెస్ అనుమతులు సరి చూసుకోండి -**Docsify డాక్స్ సర్వ్ చేయడం లేదు**: -- గ్లోబల్‌గా docsify-cli ఇన్స్టాల్ చేయండి: `npm install -g docsify-cli` -- రిపోజిటరీ రూట్ డైరెక్టరీ నుండి నడపండి -- `docs/_sidebar.md` ఉనికిని ధృవీకరించండి +**Docsify డాక్స్ సర్వ్ చేయడం లేదు**: +- docsify-cli ను గ్లోబలీ ఇన్‌స్టాల్ చేయండి: `npm install -g docsify-cli` +- రిపోజిటరీ రూట్ డైరెక్టరీ నుండి నడపండి +- `docs/_sidebar.md` ఉందేమో తనిఖీ చేయండి -### అభివృద్ధి పరిసర సూచనలు +### Development Environment Tips -- HTML ప్రాజెక్టులకు VS Code Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి -- ESLint మరియు Prettier ఎక్స్‌టెన్షన్లు consistent ఫార్మాటింగ్ కోసం ఇన్స్టాల్ చేయండి -- JavaScript డీబగ్గింగ్ కోసం బ్రౌజర్ డెవ్‌టూల్స్ వాడండి -- Vue ప్రాజెక్టులకు Vue DevTools బ్రౌజర్ ఎక్స్‌టెన్షన్ ఇన్స్టాల్ చేయండి +- HTML ప్రాజెక్టులకు VS Code లో Live Server ఎక్స్‌టెన్షన్ ఉపయోగించండి +- ESLint మరియు Prettier ఎక్స్‌టెన్షన్లు ఫార్మాటింగ్ కోసం ఇన్‌స్టాల్ చేసుకోండి +- జావాస్క్రిప్ట్ డీబగ్గింగ్ కోసం బ్రౌజర్ DevTools ఉపయోగించండి +- Vue ప్రాజెక్టులకు Vue DevTools బ్రౌజర్ ఎక్స్‌టెన్షన్ ఇన్‌స్టాల్ చేయండి -### పనితీరు పరిగణనలు +### Performance Considerations -- 50+ భాషలతో అనువాద ఫైల్స్ బహుళంగా ఉండటం వల్ల పూర్తి క్లోన్లు పెద్దవి -- కంటెంట్ మీద మాత్రమే పని చేస్తుంటే షాలో క్లోన్ ఉపయోగించండి: `git clone --depth 1` -- English కంటెంట్ పని సమయాల్లో అనువాదాలను సెర్చ్ నుండి వేరుపరచండి -- మొదటి ప్రస్తుతంలో (npm install, Vite build) బిల్డ్ ప్రక్రియలు మెల్లగా ఉండవచ్చు +- అనువదించిన ఫైల్స్ సంఖ్య ఎక్కువ (50+ భాషలు) కనుక పూర్తి క్లోన్‌ల పరిమాణం పెద్దది +- కేవలం కంటెంట్ మాత్రమే పని చేయాలనుకుంటే పొడవు 1 తో షలో క్లోన్ చేయండి: `git clone --depth 1` +- ఇంగ్లీష్ విషయంపై పని చేస్తుంటే అనువాదాలను సెర్చ్‌ల నుండి తప్పించుకోండి +- మొదటి రన్ లో బిల్డ్ ప్రాసెస్‌లు మెల్లగా ఉండవచ్చు (npm install, Vite build) -## భద్రతా పరిగణనలు +## Security Considerations -### ఎన్విరాన్మెంట్ వేరియబుల్స్ +### Environment Variables -- API కీలు ఎప్పుడూ రిపోజిటరీలో కమీట్ చేయవద్దు -- `.env` ఫైల్స్ వాడండి (ఇవి `.gitignore` లోపల ఉన్నాయి) -- ప్రాజెక్టు READMEలలో అవసరమైన ఎన్విరాన్మెంట్ వేరియబుల్స్ డాక్యుమెంట్ చేయండి +- API కీలు రిపోజిటరీలో కమిట్ చేయకూడదు +- `.env` ఫైల్స్ ఉపయోగించండి (ఇవి `.gitignore` లో ఉన్నాయి) +- అవసరమైన ఎన్విరాన్‌మెంట్ వేరియబుల్స్‌ను ప్రాజెక్ట్ READMEల్లో డాక్యుమెంట్ చేయండి -### Python ప్రాజెక్టులు +### Python Projects -- వర్చువల్ ఎన్విరాన్మెంట్స్ వాడండి: `python -m venv venv` -- డిపెండెన్సీలను నవీకరించండి -- GitHub టోకెన్లు కనీస అవసరాలకు పరిమితం చేయాలి +- వర్చువల్ ఎన్విరాన్‌మెంట్స్ ఉపయోగించాలి: `python -m venv venv` +- డిపెండెన్సీలని నవీకరించుకోండి +- GitHub టోకెన్లు కనీస అవసర అనుమతులతో ఉండాలి -### GitHub Models యాక్సెస్ +### GitHub Models Access -- GitHub Models కోసం Personal Access Tokens (PAT) అవసరం -- టోకెన్లు ఎన్విరాన్మెంట్ వేరియబుల్స్‌గా నిల్వ చేయండి -- టోకెన్లు లేదా ప్రమాణపత్రాలు ఎప్పుడూ కమీట్ చేయవద్దు +- GitHub మోడల్స్ కోసం వ్యక్తిగత యాక్సెస్ టోకెన్లు (PAT) అవసరం +- టోకెన్లను ఎన్విరాన్‌మెంట్ వేరియబుల్స్‌గా భద్రపరచాలి +- టోకెన్లను లేదా క్రెడెన్షియల్స్‌ను ఎప్పుడూ కమిట్ చేయకూడదు -## అదనపు నోట్స్ +## Additional Notes -### లక్ష్య ప్రేక్షకులు +### Target Audience -- వెబ్ డెవలప్‌మెంట్లో సంపూర్ణ ప్రారంభికులు -- విద్యార్థులు మరియు స్వయం-నియంత్రితులు -- తరగతుల్లో ఈ పాఠ్యక్రమాన్ని ఉపయోగించే ఉపాధ్యాయులు -- కంటెంట్ లభ్యతకు మరియు దశల వారీ నైపుణ్య అభివృద్ధికి రూపకల్పన చేయబడింది +- వెబ్ అభివృద్ధికి పూర్తిగా కొత్తవారైన వారు +- విద్యార్థులు మరియు స్వీయ విద్యార్థులు +- తరగతులలో ఈ విధాన గ్రంథాలయం ఉపయోగించే ఉపాధ్యాయులు +- కంటెంట్ యాక్సెసిబిలిటీ మరియు కొద్ది కొద్దిగా నైపుణ్య అభివృద్ధికి రూపొందించబడింది -### విద్యా తత్వం +### Educational Philosophy -- ప్రాజెక్ట్-ఆధారిత నేర్పింపు విధానం -- తరచూ జ్ఞాన తనిఖీలు (క్విజ్‌లు) -- చేతులతో కోడింగ్ వ్యాయామాలు -- వాస్తవ ప్రపంచ అప్లికేషన్ల ఉదాహరణలు -- ఫ్రేమ్‌వర్క్‌లు ముందు మూలాధారాలపై దృష్టి +- ప్రాజెక్ట్ ఆధారిత నేర్చుకునే విధానం +- తరచూ నోలెడ్జ్ చెక్స్ (క్విజ్‌లు) +- ప్రాక్టికల్ కోడింగ్ వ్యాయామాలు +- వాస్తవ అనువర్తన ఉదాహరణలు +- ఫ్రేమ్‌వర్క్‌లు కంటే ప్రాథమిక అంశాలపై దృష్టి -### రిపోజిటరీ నిర్వహణ +### Repository Maintenance -- సജീവ సముదాయం: నేర్చుకునేవారు మరియు సహకారులు -- డిపెండెన్సీలు మరియు కంటెంట్‌నూ తరచూ అప్‌డేట్ చేస్తారు -- ఇష్యూలు మరియు చర్చలు మేంటెయినర్లు పర్యవేక్షిస్తారు -- అనువాద అప్‌డేట్స్ GitHub Actions ద్వారా ఆటోమేటెడ్ +- విద్యార్థులు మరియు కాంట్రిబ్యూటర్లు ఉన్న చురుకైన కమ్యూనిటీ +- డిపెండెన్సీలు మరియు కంటెంట్‌కు రెగ్యులర్ అప్‌డేట్లు +- ఇష్యూస్ మరియు చర్చలను మెయింటైనర్లు పర్యవేక్షణ చేస్తారు +- అనువాదాలు GitHub Actions ద్వారా ఆటోమేటిక్‌గా నవీకరించబడుతుంటాయి -### సంబంధిత వనరులు +### Related Resources -- [Microsoft Learn modules](https://docs.microsoft.com/learn/) -- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) -- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) నేర్చుకునేవారికి సూచించబడింది -- అదనపు కోర్సులు: Generative AI, Data Science, ML, IoT పాఠ్యక్రమాలు అందుబాటులో ఉన్నాయి +- [Microsoft Learn modules](https://docs.microsoft.com/learn/) +- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/) +- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) నేర్చుకునేవారికి సిఫార్సు +- అదనపు కోర్సులు: జనరేటివ్ AI, డేటా సైన్స్, ML, IoT పరిధులు అందుబాటులో -### నిర్దిష్ట ప్రాజెక్టులతో పని +### Working with Specific Projects -ప్రతి ప్రాజెక్టు README ఫైళ్లను చూడండి: -- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్ -- `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ మరియు ఆథెంటికేషన్ -- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్‌టెన్షన్ అభివృద్ధి -- `6-space-game/README.md` - కెన్వాస్-ఆధారిత గేమ్ డెవలప్‌మెంట్ -- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్ +ప్రత్యేక ప్రాజెక్టుల వివరణాత్మక సూచనల కోసం, ఈ README ఫైళ్లను చూడండి: +- `quiz-app/README.md` - Vue 3 క్విజ్ అప్లికేషన్ +- `7-bank-project/README.md` - బ్యాంకింగ్ అప్లికేషన్ డాక్యుమెంటేషన్‌తో +- `5-browser-extension/README.md` - బ్రౌజర్ ఎక్స్‌టెన్షన్ అభివృద్ధి +- `6-space-game/README.md` - కాన్వాస్ ఆధారిత గేమ్ +- `9-chat-project/README.md` - AI చాట్ అసిస్టెంట్ ప్రాజెక్ట్ -### మోనోరిపోజిటరీ నిర్మాణం +### Monorepo Structure -పారంపరిక మోనోరిపో కాదు, కానీ ఇందులో బహుళ స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి: -- ప్రతి పాఠం స్వయంగా పూర్తయినది -- ప్రాజెక్టులు డిపెండెన్సీలు పంచుకోరు -- వేరే ప్రాజెక్టులపై ప్రభావం లేకుండా వ్యక్తిగత ప్రాజెక్టులపై పని చేయండి -- పూర్తి పాఠ్యక్రమ అనుభవం కోసం పూర్తి రిపోను క్లోన్ చేయండి +సాంప్రదాయిక మొనోరిపోగా కాకపోయినా, ఈ రిపోజిటరీలో అనేక స్వతంత్ర ప్రాజెక్టులు ఉన్నాయి: +- ప్రతి పాఠం స్వతంత్రంగా ఉండడం +- ప్రాజెక్టులు డిపెండెన్సీలను పంచుకోకుండా ఉంటాయి +- ప్రత్యెక ప్రాజెక్టులపై పని చేయడం మరొకదానికి ప్రభావం చూపడు +- మొత్తం విద్యాసంబంధ పాఠ్యాంశం కోసం మొత్తం రిపోను క్లోన్ చేసుకోవచ్చు --- -**అస్పష్టత**: -ఈ డాక్యుమెంట్‌ను AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము సరిగా అనువదించడానికి ప్రయత్నిస్తున్నప్పటికీ, సేవ ద్వారా ఉత్పన్నమవుతుండే అనువాదాల్లో తప్పులు లేదా అసమర్థతలు ఉండవచ్చని దయచేసి గమనించండి. మూల డాక్యుమెంట్ స్వదేశీ భాషలోనే అధికారికమైన మూలంగా పరిగణించబడాలి. కీలక సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సలహా ఇస్తాము. ఈ అనువాదం వాడకంలో వచ్చిన ఏమైనా అపార్థాలు లేదా తప్పుగా అర్ధం చేసుకోవడంపై మేము బాధ్యునికం కారు. +**హెచ్చరిక**: +ఈ పత్రాన్ని AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ద్వారా అనువదించడం జరిగింది. మనం సరైనదానిపై శ్రద్ధ పెట్టినా, ఆటోమేటిక్ అనువాదాలలో పొరపాట్లు లేదా లోపాలు ఉండవచ్చు. స్థానిక భాషలో ఉన్న అసలు పత్రాన్ని అధికారిక మూలంగా భావించవలెను. అత్యవసర సమాచారం కోసం, వృత్తిపరమైన మానవ అనువాదాన్ని సూచిస్తున్నాము. ఈ అనువాదం వలన వచ్చే అవగాహన లోపాలు లేదా తప్పుడు అవగాహనకు మేము బాధ్యత వహించము. \ No newline at end of file diff --git a/translations/te/README.md b/translations/te/README.md index b34f23acc..fc68a53d9 100644 --- a/translations/te/README.md +++ b/translations/te/README.md @@ -1,196 +1,222 @@ -# Web Development for Beginners - ఒక పాఠ్యక్రమం +[![GitHub license](https://img.shields.io/github/license/microsoft/Web-Dev-For-Beginners.svg)](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE) +[![GitHub contributors](https://img.shields.io/github/contributors/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/) +[![GitHub issues](https://img.shields.io/github/issues/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/) +[![GitHub pull-requests](https://img.shields.io/github/issues-pr/microsoft/Web-Dev-For-Beginners.svg)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/) +[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) -మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్లతో మా 12-వారం సమగ్ర కోర్సుతో వెబ్ డెవలప్‌మెంట్ బేసిక్స్ నేర్చుకోండి. 24 పాఠాల ప్రతిదీ జావాస్క్రిప్ట్, CSS, HTML లో టీరేరియమ్‌లు, బ్రౌజర్ ఎక్స్‌టెన్షన్లు, స్పేస్ గేమ్స్ వంటి ప్రాక్టికల్ ప్రాజెక్టుల ద్వారా లోతుగా తెలుసుకొంటుంది. క్విజ్‌లు, చర్చలు, అనుభవ పరీక్షలతో ఇతరులతో పాల్గొనండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్యశైలితో మీ నైపుణ్యాలను బలోపేతం చేసి, మీ జ్ఞానాన్ని సద్వినియోగం చేసుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి! +[![GitHub watchers](https://img.shields.io/github/watchers/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Watch&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/) +[![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Fork&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/) +[![GitHub stars](https://img.shields.io/github/stars/microsoft/Web-Dev-For-Beginners.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/) -Azure AI Foundry Discord కమ్యూనిటీతో చేరండి +[![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) + +# ప్రారంభులకు వెబ్ అభివృద్ధి - ఒక కోర్సు + +మైక్రోసాఫ్ట్ క్లౌడ్ అడ్వకేట్స్ అందించే మా 12 వారాల సమగ్ర కోర్సుతో వెబ్ అభివృద్ధి యొక్క మౌలికాలను తెలుసుకోండి. మొత్తం 24 పాఠాలు జావాస్క్రిప్ట్, CSS, మరియు HTML పై చేతితో చేయగల ప్రాజెక్టులను (టెర్రారియమ్‌లు, బ్రౌజర్ విస్తరణలు, స్పేస్ గేమ్స్) లో లోతుగా అవగాహన పొందుతారు. క్విజ్‌లు, చర్చలు, మరియు ప్రయోగాత్మక అసైన్మెంట్లతో భాగమవ్వండి. మా ప్రభావవంతమైన ప్రాజెక్ట్ ఆధారిత పాఠ్య విధానంతో మీ నైపుణ్యాలను అభివృద్ధి చేసుకోండి మరియు జ్ఞానం నిల్వ సామర్థ్యాన్ని మెరుగుపరుచుకోండి. మీ కోడింగ్ ప్రయాణాన్ని ఈ రోజు ప్రారంభించండి! + +Azure AI Foundry Discord కమ్యూనిటీకి చేరండి [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) ఈ వనరులను ఉపయోగించడం ప్రారంభించడానికి ఈ దశలను అనుసరించండి: -1. **రిపాజిటరీని ఫోర్క్ చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) -2. **రిపాజిటరీను క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -3. [**Azure AI Foundry Discord లో చేరండి మరియు నిపుణులు మరియు సహ అభివృద్ధিকল্পులతో కలుసుకోండి**](https://discord.com/invite/ByRwuEEgH4) +1. **రిపోజిటరీని ఫోర్క్ చేయండి**: క్లిక్ చేయండి [![GitHub forks](https://img.shields.io/github/forks/microsoft/Web-Dev-For-beginners.svg?style=social&label=Fork)](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork) +2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +3. [**Azure AI Foundry Discordలో చేరతారు మరియు నిపుణులు మరియు సహోద్యోగులతో కలుస్తారు**](https://discord.com/invite/ByRwuEEgH4) ### 🌐 బహుభాషా మద్దతు -#### GitHub యాక్షన్ ద్వారా మద్దతు (ఆటోమేటెడ్ & ఎప్పుడూ తాజాలుగా) +#### GitHub యాక్షన్ ద్వారా మద్దతు (ఆటోమేటెడ్ & ఎల్లప్పుడూ అప్డేట్ అవుతోంది) -> **స్థానికంగా క్లోన్ చేయాలా?** + +[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](./README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md) -> ఈ రిపాజిటరీ 50+ భాషా అనువాదాలను కలిగి ఉంది, ఇది డౌన్లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతుంది. అనువాదాలు లేకుండా క్లోన్ చేయడానికి, స్పార్స్ చెకౌట్ ఉపయోగించండి: +> **స్థానికంగా క్లోన్ చేయాలనుకుంటున్నారా?** +> +> ఈ రిపోజిటరీలో 50+ భాషా అనువాదాలు ఉన్నాయి, ఇవి డౌన్‌లోడ్ పరిమాణాన్ని గణనీయంగా పెంచుతాయి. అనువాదాలు లేకుండా క్లోన్ చేయడానికి sparse checkout ఉపయోగించండి: +> +> **Bash / macOS / Linux:** > ```bash > git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git > cd Web-Dev-For-Beginners > git sparse-checkout set --no-cone '/*' '!translations' '!translated_images' > ``` -> ఇది మీరు ఈ కోర్సును పూర్తి చేయడానికి అవసరమైన అన్నింటినీ అందిస్తుంది మరింత వేగంగా డౌన్లోడ్ అవుతుంది. +> +> **CMD (Windows):** +> ```cmd +> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git +> cd Web-Dev-For-Beginners +> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images" +> ``` +> +> ఇది మీరు కోర్సును పూర్తి చేయడానికి అవసరమైన అన్ని వనరులను వేగంగా డౌన్లోడ్ చేసుకునేందుకు సహాయపడుతుంది. + -**మరిన్ని అనువాద భాషలు మద్దతు కావాలనుకుంటే ఇక్కడ ఉన్నాయి [here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)** +**మరింత అనువాద భాషలు కావాలంటే, వీటిని ఇక్కడ ([here](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)) చూడండి** [![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners) -#### 🧑‍🎓 _మీరు విద్యార్థి అయితే?_ +#### 🧑‍🎓 _మీరు విద్యార్థి అనుకుంటున్నారా?_ -[**విద్యార్థి హబ్ పేజీ**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) సందర్శించండి, ఇక్కడ మీరు ప్రారంభిక వనరులు, విద్యార్థి ప్యాక్స్ మరియు ఉచిత సర్టిఫికేట్ వోచర్ పొందగల మార్గాలు కనుగొంటారు. ఈ పేజీని బుక్‌మార్క్ చేసి నెలనెలగా కొత్త విషయాలను పరికించండి. +[**Student Hub పేజీకి**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) సందర్శించండి, అక్కడ మీరు ప్రారంభస్థాయి వనరులు, విద్యార్థి ప్యాకులు మరియు ఉచిత సర్టిఫికెట్ వౌచర్ పొందడానికి మార్గాలు కూడా కనుగొనవచ్చు. ఈ పేజీని మీ బుక్‌మార్క్ చేసి సమయానికి సమయం చూసుకుంటూ ఉండండి ఎందుకంటే ప్రతి నెల కంటెంట్ మార్చబడుతుంది. -### 📣 ప్రకటన - పూర్తిచేయవలసిన కొత్త GitHub Copilot Agent మోడ్ ఛాలెంజ్‌లు! +### 📣 ప్రకటన - పూర్తి చేయవలసిన కొత్త GitHub Copilot Agent మోడ్ సవాళ్లు! -కొత్త ఛాలెంజ్ ఇవ్వబడింది, చాలా అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" కోసం చూడండి. ఇది మీరు GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయవలసిన ఒక కొత్త ఛాలెంజ్. మీరు Agent మోడ్ ను ఇంతవరకు ఉపయోగించలేదు అయితే, ఇది కేవలం టెక్స్ట్ సృష్టించడమే కాకుండా ఫైళ్లను సృష్టించగలదు, ఎడిట్ చేయగలదు, కమాండ్లను నడపగలదు మరియు మరిన్ని చేయగలదు. +కొత్త సవాలు జోడించబడింది, ఎక్కువ అధ్యాయాలలో "GitHub Copilot Agent Challenge 🚀" అని చూడండి. ఇది GitHub Copilot మరియు Agent మోడ్ ఉపయోగించి పూర్తి చేయాల్సిన కొత్త సవాలు. మీరు Agent మోడ్ ని ఇప్పటివరకు ఉపయోగించకపోతే, ఇది కేవలం టెక్స్ట్ సృష్టించడం కాదు, ఫైళ్లు సృష్టించడం, సవరించడం, కమాండ్లు నడిపించడం వంటి పనులు కూడా చేయగలదు. -### 📣 ప్రకటన - _Generative AI ఉపయోగించి కొత్త ప్రాజెక్ట్_ +### 📣 ప్రకటన - _జెనరేటివ్ AI ఉపయోగించి కొత్త ప్రాజెక్ట్_ -కేవలం జోడించబడిన కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ చూడండి [project](./9-chat-project/README.md) +కొత్త AI అసిస్టెంట్ ప్రాజెక్ట్ జోడించబడింది, దీనిని చూడండి [project](./9-chat-project/README.md) -### 📣 ప్రకటన - _Generative AI కోసం కొత్త పాఠ్యక్రమం_ JavaScript కు విడుదలైంది +### 📣 ప్రకటన - _జావాస్క్రిప్ట్ కోసం జెనరేటివ్ AI పై కొత్త కోర్సు విడుదలైంది_ -మా కొత్త Generative AI పాఠ్యక్రమాన్ని verpచేయకండి! +మా కొత్త జెనరేటివ్ AI కోర్సును మిస్ అవ్వకండి! -ప్రారంభించడానికి సందర్శించండి [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) +ప్రారంభించడానికి సందర్శించండి: [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ![Background](../../translated_images/te/background.148a8d43afde5730.webp) -- ప్రాథమికాలు నుండి RAG వరకు అన్ని విషయాలు పాఠాలు ఉన్నాయి. -- GenAI మరియు మాతో కూడిన companion యాప్ ఉపయోగించి చారిత్రక పాత్రలతో పరస్పరం పాల్గొనండి. -- రసమైన మరియు ఆకర్షణీయమైన కథనం, మీరు కాలంతో ప్రయాణిస్తున్నారు! +- ప్రాథమికాల నుండి RAG వరకు ప్రతి అంశానికి పాఠాలు. +- GenAI మరియు మా సహాయక యాప్ తో చారిత్రాత్మక పాత్రలతో పరస్పరం మాట్లాడండి. +- సరదా మరియు ఆకర్షణీయ కథనం, మీరు కాలయాత్ర చేస్తారు! ![character](../../translated_images/te/character.5c0dd8e067ffd693.webp) -ప్రతి పాఠంలో ఒక అసైన్‌మెంట్ పూర్తి చేయాల్సి ఉంటుంది, ఒక జ్ఞాన పరీక్ష మరియు ఒక ఛాలెంజ్ ఉంటుంది, వాటి ద్వారా మీరు ఈ విషయాలు నేర్చుకుంటారు: -- ప్రాంప్ట్ చేయడం మరియు ప్రాంప్ట్ ఇంజినీరింగ్ -- టెక్స్ట్ మరియు చిత్రం అప్లికేషన్ సృష్టి -- శోధన అప్లికేషన్‌లు + +ప్రతి పాఠం పూర్తి చేయాల్సిన అసైన్మెంట్, జ్ఞాన తనిఖీ మరియు సవాలను కలిగి ఉంటుంది, ఇవి కింది విషయాలపై మార్గనిర్దేశం చేస్తాయి: +- ప్రాంప్ట్ మరియు ప్రాంప్ట్ ఇంజనీరింగ్ +- వచన మరియు చిత్ర యాప్ సృష్టి +- శోధన యాప్స్ ప్రారంభించడానికి సందర్శించండి [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) -## 🌱 ప్రారంభించడం +## 🌱 ప్రారంభించండి -> **ఆడ్యాపకులు**, ఈ పాఠ్యక్రమాన్ని ఎలా ఉపయోగించాలో కొన్ని సలహాలు మేము ఇచ్చాము [for-teachers.md](for-teachers.md). మీ అభిప్రాయాన్ని మేము మా [చర్చ ఫోరమ్](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) లో ఇవ్వగలరు! +> **ఉపాధ్యాయులు**, ఈ కోర్సును ఎలా ఉపయోగించాలో కొంత సూచనలు మేము [జోడించాము](for-teachers.md). మీ అభిప్రాయాన్ని [మా చర్చా వేదికలో](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner) తెలియజేయండి! -**[శిక్షణార్థులు](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ప్రతి పాఠం కోసం, ప్రీ-లెక్చర్ క్విజ్ తో ప్రారంభించి, లెక్చర్ మెటీరియల్ చదవండి, వివిధ క్రియాకలాపాలు పూర్తి చేయండి మరియు పోస్ట్-లెక్చర్ క్విజ్ తో మీ అర్థం చూసుకోండి. +**[అభ్యర్థులు](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ప్రతి పాఠం కోసం, ముందస్తు లెక్చర్ క్విజ్‌తో మొదలు పెట్టి, లెక్చర్ మెటీరియల్ను చదువుకుంటూ, వివిధ కార్యకలాపాలను పూర్తిచేసి, తర్వాత లెక్చర్ క్విజ్‌తో మీ అవగాహనను తనిఖీ చేయండి. -మీ నేర్చుకోవడం మెరుగుపర్చడానికి, మీ సహచారులతో కలసి ప్రాజెక్టులపై పని చేయండి! చర్చలు మా [చర్చ ఫోరమ్](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) లో ఉత్సాహంగా సాగుతాయి, అక్కడ మా మోడరేటర్లు మీ ప్రశ్నలకు సమాధానం ఇవ్వడానికి అందుబాటులో ఉంటారు. +మీ అభ్యాసాన్ని మెరుగుపరచటానికి, ప్రాజెక్టులపై కలిసి పనిచేయడానికి మీ తోటి విద్యార్థులతో కనెక్ట్ అవ్వండి! మా [చర్చా వేదికలో](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) చర్చలు ప్రోత్సహించబడతాయి, అక్కడ మోడరేటర్‌లు మీ ప్రశ్నలకు సమాధానం అందిస్తారు. -మీ విద్యను మరింతగా వృద్ధి పరచుకోవడానికి, అదనపు అధ్యయన సామగ్రి కోసం మేము [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ను చూడమని మిమ్మల్ని సూచిస్తున్నాము. +మీ విద్యను ఇంకా విస్తరించేందుకు, అదనపు అధ్యయన పదార్థాల కోసం మేము [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) ను గౌరవంగా సిఫారసు చేసుకుంటున్నాం. -### 📋 మీ వాతావరణం సెట్ చేయడం +### 📋 మీ పరిసరాన్ని సెటప్ చేయడం -ఈ పాఠ్యక్రమానికి డెవలప్‌మెంట్ వాతావరణం సిద్ధంగా ఉంది! మీరు ప్రారంభించేటప్పుడు మీరు ఈ పాఠ్యక్రమం ను [Codespace](https://github.com/features/codespaces/) (_బ్రౌజర్ ఆధారిత, ఇన్‌స్టాల్ అవసరం లేని వాతావరణం_) లో నడిపించవచ్చు లేదా మీ కంప్యూటర్‌లో [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) వంటి టెక్స్ట్ ఎడిటర్ ఉపయోగించి స్థానికంగా నడిపించవచ్చు. +ఈ కోర్సులో అభివృద్ధి పరిసరాన్ని సిద్ధంగా ఉంచారు! మీరు ప్రారంభించినప్పుడు, ఈ కోర్సును [Codespace](https://github.com/features/codespaces/) (బ్రౌజర్ ఆధారిత, ఇన్‌స్టాల్ అవసరం లేని పరిసరము) లో లేదా మీ కంప్యూటర్లో [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) వంటి టెక్స్ట్ ఎడిటర్ ఉపయోగించి నేరుగా నడిపించవచ్చు. -#### మీ రిపాజిటరీని సృష్టించండి -మీ పని సులభంగా దాచుకునేందుకు, ఈ రిపాజిటరీ యొక్క మీ ముగింపు కాపీని సృష్టించుకోవడం శ్రేయస్కరం. ఈ పేజీ పై ఉన్న **Use this template** బటన్ క్లిక్ చేయడం ద్వారా ఇది సాధ్యం. ఇది మీ GitHub ఖాతాలో ఈ కూరిక్యులం యొక్క కాపీతో ఒక కొత్త రిపాజిటరీని సృష్టిస్తుంది. +#### మీ రిపోజిటరీని సృష్టించండి +మీ పని సులభంగా సేవ్ చేసేందుకు, మీరు ఈ రిపోజిటరీ యొక్క మీకంటైనా కాపీని సృష్టించడం సిఫారసు చేయబడింది. మీరు పేజీ పైభాగంలోని **Use this template** బటన్ క్లిక్ చేయడం ద్వారా చేయవచ్చు. ఇది మీ GitHub ఖాతాలో ఒక కొత్త రిపోజిటరీని తయారుచేస్తుంది, ఇందులో కోర్సు కాపీ ఉంటుంది. ఈ దశలను అనుసరించండి: -1. **రిపాజిటరీని ఫోర్క్ చేయండి**: ఈ పేజీ యొక్క పై-కుడి మూలలో ఉన్న "Fork" బటన్ పై క్లిక్ చేయండి. -2. **రిపాజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` +1. **రిపోజిటరీని ఫోర్క్ చేయండి**: ఈ పేజీ కుడి-పైన "Fork" బటన్ నొక్కండి. +2. **రిపోజిటరీని క్లోన్ చేయండి**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git` -#### Codespace లో పాఠ్యక్రమం నడపడం +#### Codespace లో కోర్సును నడిపించడం -మీరు సృష్టించిన ఈ రిపాజిటరీ కాపీ లో, **Code** బటన్ పై క్లిక్ చేసి **Open with Codespaces** ఎంచుకోండి. ఇది మీ కోసం కొత్త Codespace ని సృష్టిస్తుంది. +మీరు సృష్టించిన ఈ రిపోజిటరీ కాపీ లో, **Code** బటన్ పై క్లిక్ చేసి **Open with Codespaces** ఎంచుకోండి. ఇది మీరు పనిచేసే కొత్త Codespace సృష్టిస్తుంది. ![Codespace](../../translated_images/te/createcodespace.0238bbf4d7a8d955.webp) -#### మీ కంప్యూటర్ లో స్థానికంగా పాఠ్యక్రమం నడపడం - -ఈ పాఠ్యక్రమాన్ని మీ కంప్యూట‌ర్‌లో నడిపించేందుకు, టెక్స్ట్ ఎడిటర్, బ్రౌజర్ మరియు కమాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం, [Introduction to Programming Languages and Tools of the Trade](../../1-getting-started-lessons/1-intro-to-programming-languages), ఈ టూల్స్ యొక్క వివిధ ఎంపికలను మీకు చూపిస్తుంది. - -మా సిఫార్సు [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) యందు చేయడం, ఇది ఒక బిల్ట్-ఇన్ [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) కలిగివుంది. మీరు Visual Studio Code ను [ఇక్కడ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) నుండి డౌన్లోడ్ చేసుకోవచ్చు. +#### మీ కంప్యూటర్లో కోర్సును నడపడం +ఈ కోర్సును మీ కంప్యూటర్లో నడిపేందుకు, ఒక టెక్స్ట్ ఎడిటర్, బ్రౌజర్ మరియు కమాండ్ లైన్ టూల్ అవసరం. మా మొదటి పాఠం, [ప్రోగ్రామింగ్ భాషలు మరియు టూల్స్ పరిచయం](../../1-getting-started-lessons/1-intro-to-programming-languages), ఈ టూలుల ఎంపికలో వివిధ ప్రత్యామ్నాయాలను మీకు చూపిస్తుంది. -1. మీ రిపాజిటరీని మీ కంప్యూటర్‌కు క్లోన్ చేయండి. మీరు దీన్ని **Code** బటన్ క్లిక్ చేసి URL కాపీ చేయడం ద్వారా చేయవచ్చు: +మా సిఫారసు [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ను ఎడిటర్ గా ఉపయోగించడం, అది ఒక ఇంటిగ్రేటెడ్ [టెర్మినల్](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) కలిగి ఉంది. Visual Studio Code ని ఈ స్థలంలో డౌన్లోడ్ చేసుకోవచ్చు [ఇక్కడ](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon). +1. మీ రిపాజిటరీని మీ కంప్యూటర్‌కు క్లోన్ చేయండి. మీరు దీన్ని **Code** బటన్‌ను క్లిక్ చేసి URLని కాపీ చేయడం ద్వారా చేయవచ్చు: [CodeSpace](./images/createcodespace.png) -తరువాత, [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) లో [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) ను ఓపెన్ చేసి, మీరు కాపీ చేసిన URLతో `` ని మార్చి క్రింది కమాండ్‌ను నడపండి: + + తరువాత, [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తో ``ని మార్చుకోవడం ద్వారా: ```bash git clone ``` - -2. Visual Studio Code లో ఫోల్డర్‌ను ఓపెన్ చేయండి. మీరు **File** > **Open Folder** పై క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంచుకోవచ్చు. + +2. Visual Studio Code లో ఫోల్డర్‌ను ఓపెన్ చేయండి. మీరు దీన్ని **File** > **Open Folder**ను క్లిక్ చేసి, మీరు క్లోన్ చేసిన ఫోల్డర్‌ను ఎంపిక చేయడం ద్వారా చేయవచ్చు. -> సిఫారసు చేసిన Visual Studio Code ఎక్స్‌టెన్షన్స్: +> సిఫార్సు చేయబడిన Visual Studio Code విస్తరణలు: > -> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి -> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - మీరు కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి +> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - Visual Studio Code లో HTML పేజీలను ప్రివ్యూ చేయడానికి +> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - కోడ్ వేగంగా రాయడంలో సహాయం చేయడానికి -## 📂 ప్రతి పాఠం లో: +## 📂 ప్రతి పాఠం లో ఏమి ఉంటుంది: -- ఐచ్ఛిక స్కెచ్‌నోట్ -- ఐచ్ఛిక సప్లేమెంటల్ వీడియో -- పాఠం ముందు వార్మ్-అప్ క్విజ్ -- రాసిన పాఠం -- ప్రాజెక్ట్ ఆధారిత పాఠాలకై, ప్రాజెక్ట్ నిర్మాణం గురించి దశల వారీ గైడ్‌లు -- జ్ఞాన పరీక్షలు -- ఒక సవాలు -- సప్లేమెంటల్ పఠనం -- అసైన్మెంట్ -- [పాఠం అనంతరం క్విజ్](https://ff-quizzes.netlify.app/web/) +- ఐచ్ఛిక స్కెచ్ నోట్ +- ఐచ్ఛిక సప్లిమెంటల్ వీడియో +- పాఠం ముందు వార్మప్ క్విజ్ +- రాత పాఠం +- ప్రాజెక్ట్ ఆధారిత పాఠాల కోసం, ప్రాజెక్ట్ ను ఎలా నిర్మించాలో స్టెప్-బై-స్టెప్ గైడ్‌లు +- జ్ఞానం తనిఖీలు +- ఒక ఛాలెంజ్ +- సప్లిమెంటల్ చదవడం +- అస్సైన్‌మెంట్ +- [పోస్ట్-పాఠం క్విజ్](https://ff-quizzes.netlify.app/web/) -> **క్విజ్‌ల గురించి ఒక నోట�ి**: అన్ని క్విజ్‌లు Quiz-app ఫోల్డర్‌లో ఉన్నాయి, మొత్తం 48 క్విజ్‌లు, ప్రతి క్విజ్‌లో మూడు ప్రశ్నలు. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉన్నాయి; క్విజ్ యాప్‌ను స్థానికంగా నడపవచ్చు లేదా Azure కి డిప్లాయ్ చేయవచ్చు; `quiz-app` ఫోల్డర్ నందు సూచనలను అనుసరించండి. +> **క్విజ్ల గురించి ఒక గమనిక**: అన్ని క్విజ్లు Quiz-app ఫోల్డర్‌లో ఉంటాయి, మొత్తం 48 క్విజ్లు, ప్రతి ఒకటిలో మూడు ప్రశ్నలు ఉంటాయి. అవి [ఇక్కడ](https://ff-quizzes.netlify.app/web/) అందుబాటులో ఉన్నాయి; క్విజ్ యాప్ ని స్థానికంగా లేదా Azure కి డిప్లాయ్ చేయవచ్చు; `quiz-app` ఫోల్డర్‌లో ఉన్న సూచనలను అనుసరించండి. ## 🗃️ పాఠాలు -| | ప్రాజెక్ట్ పేరు | నేర్పబడే కాన్సెప్ట్లు | నేర్చుకునే లక్ష్యాలు | లింక్ చేయబడిన పాఠం | రచయిత | -| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | -| 01 | మొదలు పెట్టడం | ప్రోగ్రామింగ్ పరిచయం మరియు వాణిజ్య పనిముట్లు | చాలా ప్రోగ్రామింగ్ భాషల ప్రాథమిక నిబంధనలు మరియు ప్రొఫెషనల్ డెవలోపర్స్ పని చేసే సాఫ్ట్వేర్ గురించి నేర్చుకోండి | [ప్రోగ్రామింగ్ భాషల పరిచయం మరియు వాణిజ్య పనిముట్లు](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | జాస్మిన్ | -| 02 | మొదలు పెట్టడం | GitHub ప్రమాణాలు, ఒక జట్టు తో పని చేయడం | మీ ప్రాజెక్టులో GitHub ఎలా ఉపయోగించాలో, ఇతరులతో కోడ్ బేస్ పై ఎలా కలిసి పనిచేయాలో తెలుసుకోండి | [GitHub పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | ఫ్లోర్ | -| 03 | మొదలు పెట్టడం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ ప్రాథమికాలు నేర్చుకోండి | [యాక్సెసిబిలిటీ మూలాల](./1-getting-started-lessons/3-accessibility/README.md) | క్రిస్టోఫర్ | -| 04 | JS ప్రాథమికాలు | జావాస్క్రిప్ట్ డేటా తరకాలు | జావాస్క్రిప్ట్ డేటా తరకాల ప్రాథమికాలు | [డేటా తరకాలు](./2-js-basics/1-data-types/README.md) | జాస్మిన్ | -| 05 | JS ప్రాథమికాలు | ఫంక్షన్లు మరియు మెథడ్లు | అనువర్తనం లోజిక్ ఫ్లోను నిర్వహించడానికి ఫంక్షన్లు మరియు మెథడ్లు గురించి తెలుసుకోండి | [ఫంక్షన్లు మరియు మెథడ్లు](./2-js-basics/2-functions-methods/README.md) | జాస్మిన్ మరియు క్రిస్టోఫర్ | -| 06 | JS ప్రాథమికాలు | JSతో నిర్ణయాలు తీసుకోవడం | మీ కోడ్‌లో పరిస్థితులను సృష్టించడానికి నిర్ణయం తీసుకునే పద్ధతులు నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | జాస్మిన్ | -| 07 | JS ప్రాథమికాలు | అర్రెయ్స్ మరియు లూప్స్ | జావాస్క్రిప్ట్‌లో అర్రెయ్స్ మరియు లూప్స్‌ను ఉపయోగించి డేటాతో పని చేయండి | [అర్రెయ్స్ మరియు లూప్స్](./2-js-basics/4-arrays-loops/README.md) | జాస్మిన్ | -| 08 | [టెరేరియం](./3-terrarium/solution/README.md) | HTML ప్రయోగం | ఆన్‌లైన్ టెరేరియం సృష్టించడానికి HTML నిర్మాణం చేయండి, లేఅవుట్ తయారిపై దృష్టి పెట్టండి | [HTML పరిచయం](./3-terrarium/1-intro-to-html/README.md) | జెన్ | -| 09 | [టెరేరియం](./3-terrarium/solution/README.md) | CSS ప్రయోగం | ఆన్‌లైన్ టెరేరియం‌ను స్టైల్ చేయడానికి CSS నిర్మించండి, CSS ప్రాథమికాలపై దృష్టి పెట్టండి, పేజీ రిస్పాన్సివ్ చేయడం సహా | [CSS పరిచయం](./3-terrarium/2-intro-to-css/README.md) | జెన్ | -| 10 | [టెరేరియం](./3-terrarium/solution/README.md) | JavaScript closures, DOM మేనేజ్‌మెంట్ | టెరేరియం డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్‌గా పని చేయడానికి జావాస్క్రిప్ట్ రూపొందించండి, closures మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టండి | [JavaScript closures, DOM మేనేజ్‌మెంట్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | జెన్ | -| 11 | [టైపింగ్ గేమ్](./4-typing-game/solution/README.md) | టైపింగ్ గేమ్ నిర్మించండి | మీ జావాస్క్రిప్ట్ యాప్ లాజిక్‌ను కీబోర్డ్ ఈవెంట్స్ ద్వారా ఎలా నడిపించాలో నేర్చుకోండి | [ఈవెంట్-డ్రైవెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | క్రిస్టోఫర్ | -| 12 | [గ్రీన్ బ్రౌసర్ ఎక్స్‌టెన్షన్](./5-browser-extension/solution/README.md) | బ్రౌసర్స్ తో పని చేయడం | బ్రౌసర్స్ ఎలా పనిచేస్తాయో, వాటి చరిత్ర, మొదటి బ్రౌసర్ ఎక్స్‌టెన్షన్ ఎలిమెంట్స్‌ను ఎలా తయారుచేయాలో నేర్చుకోండి | [బ్రౌసర్స్ గురించి](./5-browser-extension/1-about-browsers/README.md) | జెన్ | -| 13 | [గ్రీన్ బ్రౌసర్ ఎక్స్‌టెన్షన్](./5-browser-extension/solution/README.md) | ఫారం తయారీ, API పిలుపు మరియు లోకల్ స్టోరేజ్ లో వేరియబుల్స్ నిల్వ చేయడం | బ్రౌసర్ ఎక్స్‌టెన్షన్ లో JavaScript ఎలిమెంట్స్ ను రూపొందించండి, లోకల్ స్టోరేజ్ లో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి API పిలవండి | [APIs, ఫారమ్స్ మరియు లోకల్ స్టోరేజ్](./5-browser-extension/2-forms-browsers-local-storage/README.md) | జెన్ | -| 14 | [గ్రీన్ బ్రౌసర్ ఎక్స్‌టెన్షన్](./5-browser-extension/solution/README.md) | బ్రౌసర్ నేపథ్య ప్రక్రియలు, వెబ్ పనితీరు | ఎక్స్‌టెన్షన్ ఐకాన్ నిర్వహించడానికి బ్రౌసర్ నేపథ్య ప్రక్రియలను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్‌ల గురించి తెలుసుకోండి | [నేపథ్య పనులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | జెన్ | -| 15 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | JavaScript తో అధునాతన గేమ్ అభివృద్ధి | క్లాసెస్ మరియు కంపోజిషన్ ఉపయోగించి వారసత్వం మరియు Pub/Sub నమూనా గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి పరిచయంగా | [అధునాతన గేమ్ అభివృద్ధి పరిచయం](./6-space-game/1-introduction/README.md) | క్రిస్ | -| 16 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | కేన్వాస్ కు డ్రాయింగ్ | స్క్రీన్‌కు ఎలిమెంట్స్ డ్రా చేయడానికి ఉపయోగించే కేన్వాస్ API గురించి తెలుసుకోండి | [కేన్వాస్ కు డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | క్రిస్ | -| 17 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ ఎలిమెంట్స్ కదలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు కేన్వాస్ API ఉపయోగించి ఎలిమెంట్స్‌కి మోషన్ ఎలా వస్తుందో కనుగొనండి | [ఎలిమెంట్స్ చుట్టూ కదలడం](./6-space-game/3-moving-elements-around/README.md) | క్రిస్ | -| 18 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | ఘర్షణ గుర్తింపు | ఎలిమెంట్స్‌ను ఒకదాన్ని మరోదానితో ఘర్షణ చేయించి, కీప్రెస్‌లను ఉపయోగించి ప్రతిస్పందన ఇస్తూ, గేమ్ పనితీరును నిర్ధారించడానికి కూల్‌డౌన్ ఫంక్షన్ అందించండి | [ఘర్షణ గుర్తింపు](./6-space-game/4-collision-detection/README.md) | క్రిస్ | -| 19 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | స్కోర్ నిర్వహణ | గేమ్ స్థితి మరియు పనితీరు ఆధారంగా గణిత గణనలు చేయండి | [స్కోర్ నిర్వహణ](./6-space-game/5-keeping-score/README.md) | క్రిస్ | -| 20 | [స్పేస్ గేమ్](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు రీస్టార్ట్ | గేమ్ ముగింపు మరియు రీస్టార్ట్ గురించి తెలుసుకోండి, దీనిలో ఆస్తులు శుభ్రపరిచి, వేరియబుల్ విలువలను రీసెట్ చేయడం కూడా అందుబాటులో ఉంది | [ముగింపు షరతు](./6-space-game/6-end-condition/README.md) | క్రిస్ | -| 21 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | వెబ్ యాప్ లో HTML టెంప్లేట్స్ మరియు రూట్స్ | రౌటింగ్ మరియు HTML టెంప్లేట్లను ఉపయోగించి బహుళ పేజీ వెబ్‌సైట్ ఆర్కిటెక్చర్ నిర్మాణం ఎలా చేయాలో నేర్చుకోండి | [HTML టెంప్లేట్స్ మరియు రూట్స్](./7-bank-project/1-template-route/README.md) | యోహాన్ | -| 22 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మాణం | ఫారమ్స్ నిర్మించడం మరియు వాలిడేషన్ రూటీన్స్ నిర్వహణ గురించి తెలుసుకోండి | [ఫారమ్స్](./7-bank-project/2-forms/README.md) | యోహాన్ | -| 23 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | డేటా తీసుకోవడం మరియు ఉపయోగించే విధానం | మీ యాప్‌లో డేటా ఎలా ప్రవహిస్తుంది, దానిని ఎలా తీసుకుంటారు, నిల్వ చేస్తారు మరియు ఎలా తొలగిస్తారు అనే విషయాలు | [డేటా](./7-bank-project/3-data/README.md) | యోహాన్ | -| 24 | [బ్యాంకింగ్ యాప్](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్‌మెంట్ కాన్సెప్ట్లు | మీ యాప్ స్టేట్‌ను ఎలా నిలబెట్టుకుంటుంది మరియు ప్రోగ్రామింగ్ ద్వారా దానిని ఎలా నిర్వహించాలో తెలుసుకోండి | [స్టేట్ మేనేజ్‌మెంట్](./7-bank-project/4-state-management/README.md) | యోహాన్ | -| 25 | [Browser/VScode కోడ్](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం నేర్చుకోండి| [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | క్రిస్ | -| 26 | [AI అసిస్టెంట్స్](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI అసిస్టెంట్‌ని ఎలా నిర్మించాలో నేర్చుకోండి | [AI అసిస్టెంట్ ప్రాజెక్ట్](./9-chat-project/README.md) | క్రిస్ | - -## 🏫 పాఠ శాస్త్ర సూత్రాలు - -మన పాఠ్యక్రమం రెండు ప్రధాన పాఠశాస్త్ర సూత్రాలతో రూపొందించబడింది: -* ప్రాజెక్ట్ ఆధారిత నేర్చుకోవడం +| | ప్రాజెక్ట్ పేరు | నేర్పబడే కాన్సెప్ట్‌లు | నేర్చుకునే లక్ష్యాలు | లింక్డ్ పాఠం | రాతి పేరు | +| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: | +| 01 | ప్రారంభం | ప్రోగ్రామింగ్ మరియు టూల్స్ పరిచయం | ఎక్కువ ప్రోగ్రామింగ్ భాషల మూలన 扎దళలు మరియు ప్రొఫెషనల్ డెవలపర్లు తమ పనులను ఎటువంటి సాఫ్ట్‌వేర్‌తో చేస్తారో తెలుసుకోండి | [ప్రోగ్రామింగ్ భాషలు మరియు టూల్స్ పరిచయం](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine | +| 02 | ప్రారంభం | GitHub ప్రాథమికాలు, జట్టుతో పనిచేయడం | మీ ప్రాజెక్ట్‌లో GitHubను ఎలా ఉపయోగించాలో, కోడ్ బేస్‌పై ఇతరులతో కలిసి ఎలా పని చేయాలో తెలుసుకోండి | [GitHubకి పరిచయం](./1-getting-started-lessons/2-github-basics/README.md) | Floor | +| 03 | ప్రారంభం | యాక్సెసిబిలిటీ | వెబ్ యాక్సెసిబిలిటీ యొక్క ప్రాథమికాంశాలు నేర్చుకోవండి | [యాక్సెసిబిలిటీ ఫండమెంటల్స్](./1-getting-started-lessons/3-accessibility/README.md) | Christopher | +| 04 | JS ప్రాథమికాలు | JavaScript డేటా రకాలు | JavaScript డేటా రకాల ప్రాథమికాలు | [డేటా రకాలు](./2-js-basics/1-data-types/README.md) | Jasmine | +| 05 | JS ప్రాథమికాలు | ఫంక్షన్స్ మరియు మెథడ్స్ | అప్లికేషన్ యొక్క లాజిక్ ప్రవాహాన్ని నిర్వహించడానికి ఫంక్షన్స్ మరియు మెథడ్స్ గురించి తెలుసుకోండి | [ఫంక్షన్స్ & మెథడ్స్](./2-js-basics/2-functions-methods/README.md) | Jasmine and Christopher | +| 06 | JS ప్రాథమికాలు | JS తో నిర్ణయాలు తీసుకోవడం | నిర్ణయ తీసుకునే పద్ధతులు ఉపయోగించి మీ కోడ్లో కండిషన్లను ఎలా సృష్టించాలో నేర్చుకోండి | [నిర్ణయాలు తీసుకోవడం](./2-js-basics/3-making-decisions/README.md) | Jasmine | +| 07 | JS ప్రాథమికాలు | అర్రేస్ మరియు లూప్స్ | JavaScript లో అర్రేస్ మరియు లూప్స్ ఉపయోగించి డేటాతో పని చేయండి | [అర్రేస్ & లూప్స్](./2-js-basics/4-arrays-loops/README.md) | Jasmine | +| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML ప్రాక్టీస్ | ఆన్‌లైన్ టెర్రేరియం సృష్టించడానికి HTML నిర్మించండి, లేఅవుట్ నిర్మాణంపై దృష్టి పెట్టి | [HTMLకి పరిచయం](./3-terrarium/1-intro-to-html/README.md) | Jen | +| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS ప్రాక్టీస్ | ఆన్‌లైన్ టెర్రేరియం శైలీకరణకు CSS నిర్మించండి, పేజీని రెస్పాన్స్ చేయగల బాధ్యతతో | [CSSకి పరిచయం](./3-terrarium/2-intro-to-css/README.md) | Jen | +| 10 | [Terrarium](./3-terrarium/solution/README.md) | JavaScript క్లోజర్స్, DOM మానిప్యులేషన్ | టెర్రేరియం ను డ్రాగ్/డ్రాప్ ఇంటర్ఫేస్ గా పనిచేయడానికి JavaScript ను నిర్మించండి, క్లోజర్స్ మరియు DOM మానిప్యులేషన్ పై దృష్టి పెట్టి | [JavaScript క్లోజర్స్ & DOM మానిప్యులేషన్](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen | +| 11 | [Typing Game](./4-typing-game/solution/README.md) | టైపింగ్ ఆట నిర్మాణం | కీబోర్డ్ ఈవెంట్స్ ఉపయోగించి మీ JavaScript యాప్ యొక్క లాజిక్ డ్రైవ్ చేయడం నేర్చుకోండి | [ఈవెంట్-డ్రైవెన్ ప్రోగ్రామింగ్](./4-typing-game/typing-game/README.md) | Christopher | +| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్లతో పని చేయడం | బ్రౌజర్లు ఎలా పని చేస్తాయో, వారి చరిత్రను, మరియు బ్రౌజర్ విస్తరణ మొదటి అంశాలను ఎలా స్కాఫోల్డ్ చేయాలో తెలుసుకోండి | [బ్రౌజర్లు గురించి](./5-browser-extension/1-about-browsers/README.md) | Jen | +| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | ఫారం నిర్మాణం, API కాల్ చేయడం మరియు స్థానిక స్టోరేజ్లో వేరియబుల్స్ నిల్వ చేయడం | స్థానిక స్టోరేజ్లో నిల్వ చేసిన వేరియబుల్స్ ఉపయోగించి APIని కాల్ చేయడానికి బ్రౌజర్ విస్తరణ యొక్క JavaScript అంశాలను నిర్మించండి | [APIs, ఫారాలు, మరియు స్థానిక స్టోరేజీ](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen | +| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | బ్రౌజర్‌లో బ్యాక్గ్రౌండ్ ప్రాసెసులు, వెబ్ పనితీరు | విస్తరణ యొక్క ఐకాన్‌ను నిర్వహించడానికి బ్రౌజర్ బ్యాక్గ్రౌండ్ ప్రాసెసులను ఉపయోగించండి; వెబ్ పనితీరు మరియు కొన్ని ఆప్టిమైజేషన్ల గురించి తెలుసుకోండి | [బ్యాక్గ్రౌండ్ టాస్కులు మరియు పనితీరు](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen | +| 15 | [Space Game](./6-space-game/solution/README.md) | మెరుగైన గేమ్ అభివృద్ధి JavaScript తో | క్లాస్ల్స్ మరియు కంపోజిషన్ మరియు పబ్/సబ్ ప్యాటర్న్ ఉపయోగించి వారసత్వం గురించి తెలుసుకోండి, గేమ్ నిర్మాణానికి సిద్ధమవ్వడం | [అడ్వాన్స్డ్ గేమ్ అభివృద్ధికి పరిచయం](./6-space-game/1-introduction/README.md) | Chris | +| 16 | [Space Game](./6-space-game/solution/README.md) | క్యాన్వాస్ పై డ్రాయింగ్ | స్క్రీన్ పై అంశాలను డ్రా చేయడానికి ఉపయోగించే క్యాన్వాస్ API గురించి తెలుసుకోండి | [క్యాన్వాస్ డ్రాయింగ్](./6-space-game/2-drawing-to-canvas/README.md) | Chris | +| 17 | [Space Game](./6-space-game/solution/README.md) | స్క్రీన్ చుట్టూ అంశాలను కదిలించడం | కార్టీసియన్ కోఆర్డినేట్స్ మరియు క్యాన్వాస్ API ఉపయోగించి అంశాలను మోషన్ పొందने విధానాన్ని కనుగొనండి | [విభిన్న అంశాలను కదిలించడం](./6-space-game/3-moving-elements-around/README.md) | Chris | +| 18 | [Space Game](./6-space-game/solution/README.md) | ఢీగిడింపు గుర్తింపు | కీలను ఉపయోగించి అంశాలు ఢీగించిపోతూ మరియు పరస్పర చర్యను చేయిస్తూ గేమ్ పనితీరు కోసం కూల్‌డౌన్ ఫంక్షన్ అందించండి | [ఢీగిడింపు గుర్తింపు](./6-space-game/4-collision-detection/README.md) | Chris | +| 19 | [Space Game](./6-space-game/solution/README.md) | స్కోరు నిర్వహించడం | గేమ్ స్టేటస్ మరియు పనితీరు ఆధారంగా గణిత లెక్కింపులు చేయండి | [స్కోరు నిర్వహణ](./6-space-game/5-keeping-score/README.md) | Chris | +| 20 | [Space Game](./6-space-game/solution/README.md) | గేమ్ ముగింపు మరియు పునఃప్రారంభం | గేమ్ ముగింపు మరియు పునఃప్రారంభం గురించి, ఆస్తులను శుభ్రపరచడం మరియు వేరియబుల్ విలువలను రీసెట్ చేయడం సహా నేర్చుకోండి | [ముగింపు పరిస్థితి](./6-space-game/6-end-condition/README.md) | Chris | +| 21 | [Banking App](./7-bank-project/solution/README.md) | వెబ్ యాప్‌లో HTML టెంప్లేట్స్ మరియు రూట్స్ | రూటింగ్ మరియు HTML టెంప్లేట్స్ ఉపయోగించి మల్టీపేజి వెబ్‌సైట్ ఆర్కిటెక్చర్ యొక్క స్కాఫోల్డ్ సృష్టించడం నేర్చుకోండి | [HTML టెంప్లేట్స్ & రూట్స్](./7-bank-project/1-template-route/README.md) | Yohan | +| 22 | [Banking App](./7-bank-project/solution/README.md) | లాగిన్ మరియు రిజిస్ట్రేషన్ ఫారం నిర్మాణం | ఫారాలు నిర్మించడం మరియు చెలామణీ ధృవీకరణ పద్ధతులు గురించి తెలుసుకోండి | [ఫారాలు](./7-bank-project/2-forms/README.md) | Yohan | +| 23 | [Banking App](./7-bank-project/solution/README.md) | డేటాను పొందడం మరియు ఉపయోగించే విధానాలు | మీ యాప్ లో డేటా ప్రవాహం ఎలా జరుగుతుందో, దాన్ని ఎలా పొందాలి, నిల్వ చేయాలి మరియు అవమానాన్ని నివారించాలి | [డేటా](./7-bank-project/3-data/README.md) | Yohan | +| 24 | [Banking App](./7-bank-project/solution/README.md) | స్టేట్ మేనేజ్మెంట్ కాన్సెప్ట్‌లు | మీ యాప్ ఎలా స్టేట్‌ను నిల్వ చేస్తుంది మరియు దానిని ప్రోగ్రామాటిక్గా ఎలా నిర్వహించాలో నేర్చుకోండి | [స్టేట్ మేనేజ్మెంట్](./7-bank-project/4-state-management/README.md) | Yohan | +| 25 | [Browser/VScode Code](../../8-code-editor) | VScode తో పని చేయడం | కోడ్ ఎడిటర్ ఉపయోగించడం ఎలా తెలుసుకోండి | [VScode కోడ్ ఎడిటర్ ఉపయోగించడం](./8-code-editor/1-using-a-code-editor/README.md) | Chris | +| 26 | [AI సహాయకులు](./9-chat-project/README.md) | AI తో పని చేయడం | మీ స్వంత AI సహాయకుడు ఎలా నిర్మించాలో నేర్చుకోండి | [AI సహాయకుడు ప్రాజెక్ట్](./9-chat-project/README.md) | Chris | + +## 🏫 పాఠ్య విధానము + +మన పాఠ్యक्रमం రెండు ముఖ్యమైన పాఠ్య విధాన సిద్ధాంతాలతో రూపొందించబడింది: +* ప్రాజెక్ట్ ఆధారిత నేర్పుక * తరచుగా క్విజ్‌లు -ఈ ప్రోగ్రామ్ జావాస్క్రిప్ట్, HTML, CSS ప్రాథమికాలు మరియు నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్, సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు ఒక టైపింగ్ గేమ్, వర్చువల్ టెరేరియం, పర్యావరణ హిత బ్రౌసర్ ఎక్స్‌టెన్షన్, స్పేస్ ఇన్వేడర్ స్టైల్ గేమ్ మరియు వ్యాపారాలకు బ్యాంకింగ్ యాప్‌ను తయారు చేయడం ద్వారా అనుభవం పొందగలుగుతారు. సిరీస్ చివరికి, విద్యార్థులు వెబ్ డెవలప్మెంట్‌లో స్థిరమైన అవగాహన పొందతారు. +ఈ ప్రోగ్రామ్ JavaScript, HTML మరియు CSS ప్రాథమిక అంశాలను, అలాగే నేటి వెబ్ డెవలపర్లు ఉపయోగించే తాజా టూల్స్ మరియు సాంకేతికతలను బోధిస్తుంది. విద్యార్థులు టైపింగ్ గేమ్, వర్చువల్ టెర్రేరియం, ఇక్కో-ఫ్రెండ్లీ బ్రౌజర్ విస్తరణ, స్పేస్-ఇన్వేడర్-స్టైల్ గేమ్ మరియు వ్యాపారాల కోసం బ్యాంకింగ్ యాప్ లాంటి ప్రాజెక్ట్లను నిర్మించి ప్రత్యక్ష అనుభవం సంపాదించడానికి అవకాశం కలుగుతారు. సిరీస్ చివరికి, విద్యార్థులు వెబ్ అభివృద్ధి యొక్క బలమైన అర్థం పొందుతారు. -> 🎓 మీరు ఈ పాఠ్యక్రమంలోని మొదటి కొన్ని పాఠాలను Microsoft Learn పై [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) గా తీసుకోవచ్చు! +> 🎓 మీరు ఈ పాఠ్యక్రమంలోని మొదటి కొన్ని పాఠాలను Microsoft Learnపై [లెర్న్ పాథ్](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) గా తీసుకోవచ్చు! -ప్రాజెక్టులతో కంటెంట్ సరిచూడటం ద్వారా విద్యార్థులకు మరింత ఆసక్తికరంగా పాఠప్రాసెస్ అవుతుంది, కోన్‌సెప్ట్‌ల నిలుపుదల పెరుగుతుంది. మేము ఆలోచనలను పరిచయం చేయడానికి JavaScript ప్రాథమికాలలో పలు స్టార్టర్ పాఠాలు వ్రాశాం, వాళ్ళకు "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ నుండి వీడియో కలిపాం, వాటి రచయితలు ఈ పాఠ్యక్రమానికి సహకరించారు. +విషయ సంపద ప్రాజెక్ట్‌లతో సరిపోల్చడం ద్వారా, విద్యార్థులపై ప్రాసెస్ మరింత ఆకర్షణీయంగా మారుతుంది మరియు కాన్సెప్ట్ల నిల్వ పెరుగుతుంది. మనం JavaScript ప్రాథమికతలపై కొన్ని స్టార్టర్ పాఠాలు కూడా వ్రాసాము, అవి "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)" వీడియో ట్యుటోరియల్స్ సేకరణ నుండి వీడియోతో జతబడి ఉన్నాయి, దీనిలో కొంత మంది రచయితలు ఈ పాఠ్యక్రమానికి కూడా సహకరించారు. -అదనంగా, తరగతి ముందు ఒక తక్కువ ఒత్తిడి ఉన్న క్విజ్ విద్యార్థి కన్సెప్ట్ పై దృష్టి పెట్టడానికి ఉపయోగపడుతుంది, మరొక క్విజ్ తరగతివెనుక మరింత నిలుపుదల కోసం ఉంటుంది. ఈ పాఠ్యక్రమం సౌలభ్యవంతంగా, సరదాగా ఉండేట్లుగా రూపొందించబడింది, మొత్తం లేదా భాగంగా తీసుకోవచ్చు. ప్రాజెక్ట్లు చిన్నగా మొదలవుతాయి, తర్వాత 12 వారాల చక్రంలో చివరకు క్లిష్టమవుతాయి. +క్లాస్ కు ముందు ఒక తక్కువ సవాలు కలిగిన క్విజ్ విద్యార్థి ఆ విషయం నేర్చుకునేందుకు ఉద్దేశ్యాన్ని ఏర్పరుస్తుంది, మరియు క్లాస్ తరువాత మరొక క్విజ్ మరింత నిల్వను నిర్ధారిస్తుంది. ఈ పాఠ్యక్రమం సౌకర్యవంతంగా మరియు సరదాగా ఉండేలా రూపొందించబడింది మరియు మొత్తం లేదా భాగంగా తీసుకోవచ్చు. 12 వారాల చక్రం చివరికి ప్రాజెక్టులు చిన్నవి నుండి భారీగా మారతాయి. -ఫ్రేమ్‌వర్క్స్ పరిచయం చేయకుండా, ఒక వెబ్ డెవలపర్‌గా అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టబడి రూపొందించబడిన ఈ పాఠ్యక్రమాన్ని పూర్తి చేసిన తర్వాత, Node.js పై మరొక వీడియో సిరీస్ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" ద్వారా నేర్చుకోవడం ఒక మంచి తదుపరి అడుగు అవుతుంది. +JavaScript ఫ్రేమ్‌వర్క్‌లను పరిచయం చేయకుండా, ఒక వెబ్ డెవలపర్‌కు అవసరమైన ప్రాథమిక నైపుణ్యాలపై దృష్టి పెట్టడం మన లక్ష్యం. ఈ పాఠ్యక్రమం పూర్తయిన తరువాత, Node.js గురించి మరొక వీడియో సేకరణ "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)" గురించి తెలుసుకోవడం మంచి తదుపరి దశ అవుతుంది. -> మాకు సంబంధించిన [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలను సందర్శించండి. మీ గొప్ప సూచనలకు మేము స్వాగతం పలుకుతాము! +> మాకు ఉన్న [Code of Conduct](CODE_OF_CONDUCT.md) మరియు [Contributing](CONTRIBUTING.md) మార్గదర్శకాలు చూడండి. మీ నిర్మాణాత్మక ఫీడ్బాక్‌ని స్వాగతిస్తాము! ## 🧭 ఆఫ్‌లైన్ యాక్సెస్ -[Docsify](https://docsify.js.org/#/) ఉపయోగించి మీరు ఈ డాక్యుమెంటేషన్‌ను ఆఫ్‌లైన్‌లో నడిపించవచ్చు. ఈ రిపోని ఫోর্ক్ చేసి, మీ లోకల్ మెషీన్‌లో [Docsify ఇన్స్టాల్](https://docsify.js.org/#/quickstart) చేసుకుని, ఆ తర్వాత ఈ రిపో రూట్ ఫోల్డర్ లో `docsify serve` అని టైప్ చేయండి. వెబ్‌సైట్ localhost:3000 పోర్ట్లో సేవ్ అవుతుంది: `localhost:3000`. +మీరు [Docsify](https://docsify.js.org/#/) ఉపయోగించి ఈ డాక్యుమెంటేషన్‌ను ఆఫ్‌లైన్‌లో రన్ చేయొచ్చు. ఈ రిపోని ఫోర్క్ చేసి, మీ స్థానిక మెషీన్‌లో [Docsifyని ఇన్‌స్టాల్](https://docsify.js.org/#/quickstart) చేయండి, తరువాత ఈ రిపో యొక్క రూట్ ఫోల్డర్‌లో `docsify serve` టైప్ చేయండి. వెబ్‌సైట్ మీ స్థానిక పుట్టికిపై పోర్ట్ 3000 ద్వారా అందుబాటులో ఉంటుంది: `localhost:3000`. -## 📘 పీడీఎఫ్ఎం - -అన్ని పాఠాలు ఉన్న PDF దాన్ని [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) లో చూడవచ్చు. +## 📘 PDF +అన్ని పాఠాల యొక్క PDF ను మీరు [ఇక్కడ](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) పొందవచ్చు. ## 🎒 ఇతర కోర్సులు -మా బృందం మరిన్ని కోర్సులు తయారు చేస్తోంది! చూసుకోండి: + +మా టీమ్ ఇతర కోర్సులు కూడా ఉత్పత్తి చేస్తోంది! తనిఖీ చేయండి: ### LangChain @@ -234,21 +260,21 @@ Azure AI Foundry Discord కమ్యూనిటీతో చేరండి ## సహాయం పొందడం -మీరు అడ్డుకున్నారా లేదా AI యాప్‌లను వృద్ధి చేయడంపై ఏవైనా ప్రశ్నలు ఉన్నాయా? MCP గురించి చర్చలలో మిత్ర శిక్షణార్థులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ప్రశ్నలు స్వాగతించబడే, జ్ఞానం స్వేచ్ఛగా పంచుకునే సహాయక సంఘం. +మీరు అంటకపోతే లేదా AI అనువర్తనాలను నిర్మించడం గురించి ఏవైనా ప్రశ్నలు ఉంటే. MCP గురించి చర్చల్లో సహచర అభ్యాసకులు మరియు అనుభవజ్ఞులైన డెవలపర్లతో చేరండి. ఇది ఒక మద్దతు ఇచ్చే సమూహం, అక్కడ ప్రశ్నలు స్వాగతం మరియు జ్ఞానం ఫ్రీలో పంచుకుంటారు. [![Microsoft Foundry Discord](https://dcbadge.limes.pink/api/server/nTYy5BXMWG)](https://discord.gg/nTYy5BXMWG) -మీకు ఉత్పత్తి అభిప్రాయం లేదా నిర్మాణ సమయంలో లోపాలు ఉంటే సందర్శించండి: +మీకు ఉత్పత్తి అభిప్రాయం లేదా తప్పిదాలు ఉంటే, ఆ విషయాలను సందర్శించండి: [![Microsoft Foundry Developer Forum](https://img.shields.io/badge/GitHub-Microsoft_Foundry_Developer_Forum-blue?style=for-the-badge&logo=github&color=000000&logoColor=fff)](https://aka.ms/foundry/forum) ## లైసెన్స్ -ఈ రిపోజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ పొందింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్‌ను చూడండి. +ఈ రిపాజిటరీ MIT లైసెన్స్ కింద లైసెన్స్ చేయబడింది. మరిన్ని సమాచారం కోసం [LICENSE](../../LICENSE) ఫైల్ చూడండి. --- -**అस्वీకారం**: -ఈ పత్రాన్ని AI అనువాద సేవ [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడింది. మేము ఖచ్చితత్వానికి ప్రాధాన్యం ఇస్తున్నప్పటికీ, ఆటోమేటిక్ అనువాదాలలో తప్పులు లేదా పొరపాట్లు ఉండవచ్చని దయచేసి గమనించండి. అసలు పత్రం దాని స్థానిక భాషలో నిబంధనాత్మక మూలముగా పరిగణించాలి. కీలక సమాచారం కోసం, ప్రొఫెషనల్ మానవ అనువాదం సూచింపబడుతుంది. ఈ అనువాదం వాడుక ద్వారా ఉత్పన్నమయ్యే ఏవైనా అపార్థాలు లేదా తప్పుతుడములను మేము కాబట్టి బాధ్యత వహించము. +**అస్పష్టం**: +ఈ పత్రం AI అనువాద సేవ అయిన [Co-op Translator](https://github.com/Azure/co-op-translator) ఉపయోగించి అనువదించబడినది. మేము సరైన అనువాదం కోసం ప్రయత్నిస్తున్నప్పటికీ, ఆటోమేటెడ్ అనువాదాల్లో లోపాలు లేదా పొరపాట్లు ఉండవచ్చు అని దయచేసి గమనించండి. అసలు పత్రం తన స్వభావ భాషలో సభ్యత సంపాదించిన ఆధారమైన మూలంగా భావించాలి. ముఖ్యమైన సమాచారం కోసం, నిపుణులైన మానవ అనువాదాన్ని సలహాగా తీసుకోవడం మంచిది. ఈ అనువాదం వలన ఏర్పడిన ఏవైనా అపార్థాలు లేదా తప్పు వివరణల కోసం మేము బాధ్యత వహించలేము. \ No newline at end of file